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

Compare commits

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

8 commits
6ca2842b45 ... 58bca24259

Author SHA1 Message Date
yuki
58bca24259
minor formatting 2025-10-10 22:42:05 -03:00
yuki
f2fc399003
add navbar 2025-10-10 22:36:38 -03:00
yuki
459e9565b3
update banner 2025-10-10 20:17:07 -03:00
yuki
db3fef4809
add fonts passthrough 2025-10-10 19:45:29 -03:00
yuki
a3d083c5de
fix banner 2025-10-10 19:30:14 -03:00
yuki
d0771dbcfa
add love letter tw font 2025-10-10 19:17:41 -03:00
yuki
928df49eb8
add home banner 2025-10-10 18:58:06 -03:00
yuki
d1d6790784
start from scratch 2025-10-10 06:52:09 -03:00
20 changed files with 89 additions and 31 deletions
Show stats Expand all files Collapse all files

BIN
_img/home_banner.xcf Normal file
View file

Binary file not shown.

13
_includes/base.njk
View file

@ -6,16 +6,17 @@
<body> <body>
<div class="main-page-wrapper"> <div class="main-page-wrapper">
<div class="header-wrapper"> <div class="header-wrapper">
<img class="header-banner" src="/img/banner-alt.png" alt="yukinets"> <div class="header">
<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>

8
_includes/fonts.scss Normal file
View file

@ -0,0 +1,8 @@
$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,3 +1,5 @@
@use "main-palette.scss" as mp;
* { * {
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
@ -8,4 +10,5 @@
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,2 +1,4 @@
$bg: #e4ffdc; $bg: #000;
$border: #000; $border: #761026;
$link: #ad3040;
$text: #ffd2dd;

8
_includes/topmost_navbar.njk Normal file
View file

@ -0,0 +1,8 @@
<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 Normal file
View file

Binary file not shown.

66
css/main.scss
View file

@ -1,32 +1,68 @@
@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 {
width: 100%; display: flex;
align-items: flex-start;
img { gap: 16px;
border: 1px solid mp.$border; .header {
display: block; display: block;
margin-bottom: 8px; .header-banner {
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 {
margin: 0; display: flex;
padding: 0; align-items: flex-start;
margin-top: 8px;
.nav-button { 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; 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,6 +3,7 @@ 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
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 92 KiB

BIN
img/banner.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 107 KiB

BIN
img/bgpat.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 240 B

BIN
img/btnbg.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 191 B

BIN
img/button.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.1 KiB

BIN
img/hbutton.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
img/home_banner.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
img/home_banner_hover.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 80 KiB

BIN
img/homeb.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 412 B

1
index.md
View file

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