Compare commits
No commits in common. "58bca242599f9bdbffde4787673f68abbfac9e25" and "6ca2842b45bbe8be423ee0403f0a8767a851c2d0" have entirely different histories.
58bca24259
...
6ca2842b45
|
|
@ -6,17 +6,16 @@
|
||||||
<body>
|
<body>
|
||||||
<div class="main-page-wrapper">
|
<div class="main-page-wrapper">
|
||||||
<div class="header-wrapper">
|
<div class="header-wrapper">
|
||||||
<div class="header">
|
<img class="header-banner" src="/img/banner-alt.png" alt="yukinets">
|
||||||
<a href="/" alt="yukinets"><div class="header-banner"></div></a>
|
|
||||||
</div>
|
</div>
|
||||||
{% include "topmost_navbar.njk" %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{{ content | safe }}
|
|
||||||
|
|
||||||
<marquee class="motd" behavior="scroll" direction="left">
|
<marquee class="motd" behavior="scroll" direction="left">
|
||||||
<img src="/img/Witch-on-broom.gif" alt="">
|
<img src="/img/Witch-on-broom.gif" alt="">
|
||||||
|
<p>{{ motd if motd else meta.motd }}</p>
|
||||||
</marquee>
|
</marquee>
|
||||||
|
<nav class="navbar-wrapper">
|
||||||
|
<img class="nav-button" src="/img/hbutton.png" alt="Home">
|
||||||
|
</nav>
|
||||||
|
{{ content | safe }}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
$ll: "Love LetterTW";
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: $ll;
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
src: local($ll), url('/css/fonts/Lovelt__.woff') format('woff');
|
|
||||||
}
|
|
||||||
|
|
@ -1,5 +1,3 @@
|
||||||
@use "main-palette.scss" as mp;
|
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
@ -10,5 +8,4 @@
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
max-width: 802px;
|
max-width: 802px;
|
||||||
margin: 8px auto;
|
margin: 8px auto;
|
||||||
border: 1px solid mp.$border;
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,2 @@
|
||||||
$bg: #000;
|
$bg: #e4ffdc;
|
||||||
$border: #761026;
|
$border: #000;
|
||||||
$link: #ad3040;
|
|
||||||
$text: #ffd2dd;
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
<nav class="navbar-wrapper">
|
|
||||||
<ul>
|
|
||||||
<li><a href="/">home</a></li>
|
|
||||||
<li><a href="/about">about</a></li>
|
|
||||||
<li><a href="/blog">blog</a></li>
|
|
||||||
<li><a href="/contact">contact</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
@ -1,68 +1,32 @@
|
||||||
@use "sass:color" as c;
|
|
||||||
|
|
||||||
@use "general";
|
@use "general";
|
||||||
@use "fonts";
|
|
||||||
@use "main-palette" as mp;
|
@use "main-palette" as mp;
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: mp.$bg;
|
background-color: mp.$bg;
|
||||||
/*background-image: url("/img/bgpat.png");
|
background-image: url("/img/bgpat.png");
|
||||||
background-repeat: repeat;*/
|
background-repeat: repeat;
|
||||||
|
|
||||||
a { color: mp.$link; }
|
|
||||||
a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
|
|
||||||
|
|
||||||
p { color: mp.$text }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-wrapper {
|
.header-wrapper {
|
||||||
display: flex;
|
width: 100%;
|
||||||
align-items: flex-start;
|
|
||||||
gap: 16px;
|
img {
|
||||||
.header {
|
border: 1px solid mp.$border;
|
||||||
display: block;
|
display: block;
|
||||||
.header-banner {
|
margin-bottom: 8px;
|
||||||
background-image: url("/img/home_banner.jpg");
|
|
||||||
width: 298px;
|
|
||||||
height: 140px;
|
|
||||||
border-right: 1px solid mp.$border;
|
|
||||||
border-bottom: 1px solid mp.$border;
|
|
||||||
border-radius: 0% 0% 20px 0%;
|
|
||||||
}
|
}
|
||||||
.header-banner:hover{ background-image: url("/img/home_banner_hover.jpg"); }
|
}
|
||||||
|
|
||||||
|
.motd {
|
||||||
|
img { display: inline; }
|
||||||
|
p { display: inline; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-wrapper {
|
.navbar-wrapper {
|
||||||
display: flex;
|
margin: 0;
|
||||||
align-items: flex-start;
|
|
||||||
margin-top: 8px;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
li {
|
|
||||||
display: flex;
|
.nav-button {
|
||||||
margin: 2px;
|
|
||||||
a {
|
|
||||||
padding: 0.2em 0.5em;
|
|
||||||
border: 1px solid mp.$border;
|
border: 1px solid mp.$border;
|
||||||
|
|
||||||
background: mp.$bg;
|
|
||||||
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 10%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -20%) 100%);
|
|
||||||
|
|
||||||
color: mp.$text;
|
|
||||||
font-family: fonts.$ll;
|
|
||||||
font-weight: normal;
|
|
||||||
font-size: 1em;
|
|
||||||
text-decoration: none;
|
|
||||||
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover { background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -10%) 100%); }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -3,7 +3,6 @@ const eleventySass = require("eleventy-sass");
|
||||||
module.exports = function (eleventyConfig) {
|
module.exports = function (eleventyConfig) {
|
||||||
eleventyConfig.addPlugin(eleventySass);
|
eleventyConfig.addPlugin(eleventySass);
|
||||||
eleventyConfig.addPassthroughCopy("img");
|
eleventyConfig.addPassthroughCopy("img");
|
||||||
eleventyConfig.addPassthroughCopy("css/fonts");
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
markdownTemplateEngine: "njk",
|
markdownTemplateEngine: "njk",
|
||||||
|
|
|
||||||
BIN
img/banner-alt.png
Normal file
|
After Width: | Height: | Size: 92 KiB |
BIN
img/banner.png
Normal file
|
After Width: | Height: | Size: 107 KiB |
BIN
img/bgpat.png
Normal file
|
After Width: | Height: | Size: 240 B |
BIN
img/btnbg.png
Normal file
|
After Width: | Height: | Size: 191 B |
BIN
img/button.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
img/hbutton.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 80 KiB |
BIN
img/homeb.png
Normal file
|
After Width: | Height: | Size: 412 B |
1
index.md
|
|
@ -1,4 +1,5 @@
|
||||||
---
|
---
|
||||||
layout: base
|
layout: base
|
||||||
|
title: home
|
||||||
---
|
---
|
||||||
goodbye...
|
goodbye...
|
||||||
|
|
|
||||||