yuki/yuki.k4w411.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: yuki:58bca242599f9bdbffde4787673f68abbfac9e25
Branches Tags
yuki:main
..
compare: yuki:6ca2842b45bbe8be423ee0403f0a8767a851c2d0
Branches Tags
yuki:main

No commits in common. "58bca242599f9bdbffde4787673f68abbfac9e25" and "6ca2842b45bbe8be423ee0403f0a8767a851c2d0" have entirely different histories.
58bca24259 ... 6ca2842b45

20 changed files with 31 additions and 89 deletions
Show stats Expand all files Collapse all files

BIN
_img/home_banner.xcf
View file

Binary file not shown.

19
_includes/base.njk
View file

@ -5,18 +5,17 @@
</head> </head>
<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" %} <marquee class="motd" behavior="scroll" direction="left">
</div> <img src="/img/Witch-on-broom.gif" alt="">
<p>{{ motd if motd else meta.motd }}</p>
</marquee>
<nav class="navbar-wrapper">
<img class="nav-button" src="/img/hbutton.png" alt="Home">
</nav>
{{ content | safe }} {{ content | safe }}
<marquee class="motd" behavior="scroll" direction="left">
<img src="/img/Witch-on-broom.gif" alt="">
</marquee>
</div> </div>
</body> </body>
</html> </html>

8
_includes/fonts.scss
View file

@ -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');
}

3
_includes/general.scss
View file

@ -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;
} }

6
_includes/main-palette.scss
View file

@ -1,4 +1,2 @@
$bg: #000; $bg: #e4ffdc;
$border: #761026; $border: #000;
$link: #ad3040;
$text: #ffd2dd;

8
_includes/topmost_navbar.njk
View file

@ -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>

BIN
css/fonts/Lovelt__.woff
View file

Binary file not shown.

78
css/main.scss
View file

@ -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; .motd {
border-bottom: 1px solid mp.$border; img { display: inline; }
border-radius: 0% 0% 20px 0%; p { display: inline; }
} }
.header-banner:hover{ background-image: url("/img/home_banner_hover.jpg"); }
} .navbar-wrapper {
margin: 0;
.navbar-wrapper { padding: 0;
display: flex;
align-items: flex-start; .nav-button {
margin-top: 8px; border: 1px solid mp.$border;
ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
list-style: none;
padding: 0;
li {
display: flex;
margin: 2px;
a {
padding: 0.2em 0.5em;
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%); }
}
}
} }
} }

1
eleventy.config.js
View file

@ -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
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
img/banner.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
img/bgpat.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 240 B

BIN
img/btnbg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 191 B

BIN
img/button.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/hbutton.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
img/home_banner.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 68 KiB

BIN
img/home_banner_hover.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 80 KiB

BIN
img/homeb.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 412 B

1
index.md
View file

@ -1,4 +1,5 @@
--- ---
layout: base layout: base
title: home
--- ---
goodbye... goodbye...