add front matter

add lastfm widget
witch...
2025-10-11 09:12:14 -03:00 · 2025-10-11 09:04:20 -03:00 · 2025-10-11 08:18:14 -03:00 · 2025-10-11 08:14:09 -03:00 · 2025-10-11 05:21:30 -03:00 · 2025-10-11 05:17:06 -03:00
25 changed files with 632 additions and 781 deletions
--- a/LICENSE.txt
+++ b/LICENSE.txt
@ -0,0 +1,13 @@
        DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE 
                    Version 2, December 2004 
 Copyright (C) 2025 yuki <yvki@riseup.net> 
 Everyone is permitted to copy and distribute verbatim or modified 
 copies of this license document, and changing it is allowed as long 
 as the name is changed. 
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE 
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 
  0. You just DO WHAT THE FUCK YOU WANT TO.
--- a/_data/88x31.toml
+++ b/_data/88x31.toml
@ -0,0 +1,13 @@
 [buttons]
 people = [
    { image = "soniweb", name = "soniweb", link = "https://soniweb.org/" },
    { image = "https://vanityruins.neocities.org/8831/8831.gif", name = "vanityruins", link = "https://vanityruins.neocities.org" },
    { image = "https://saint-images.neocities.org/images/buttons/me-zanarkand.png", name = "saint-images", link = "https://saint-images.neocities.org"},
    { image = "cidoku", name = "Cidoku", link = "https://cidoku.net" }
 ]
 misc = [
    { image = "parentaladvisory", alt = "sorry..." },
    { image = "4everfriend", alt = "yay!!" }
 ]
--- a/_data/meta.json
+++ b/_data/meta.json
@ -1,4 +0,0 @@
 {
    "sitename": "yukinets",
    "motd": "kill everyone now!! condone first degree murder!!"
 }
--- a/_data/meta.toml
+++ b/_data/meta.toml
@ -0,0 +1,2 @@
 sitename = "yukinets"
 motd = "kill everyone now!! condone first degree murder!!"
--- a/_includes/base.njk
+++ b/_includes/base.njk
@ -1,22 +0,0 @@
 <!DOCTYPE html>
 <html>
    <head>
        {% include "base_head.njk" %}
    </head>
    <body>
        <div class="main-page-wrapper">
            <div class="header-wrapper">
                <div class="header">
                    <a href="/" alt="yukinets"><div class="header-banner"></div></a>
                </div>
                {% include "topmost_navbar.njk" %}
            </div>
            {{ content | safe }}
            <marquee class="motd" behavior="scroll" direction="left">
                <img src="/img/Witch-on-broom.gif" alt="">
            </marquee>
        </div>
    </body>
 </html>
--- a/_includes/base_head.njk
+++ b/_includes/base_head.njk
@ -2,3 +2,4 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>{% if title %} {{ title }} | {{ meta.sitename }} {% else %} {{ meta.sitename }} {% endif %}</title>
 <link rel="stylesheet" href="/css/{{ style if style else "main" }}.css">
 <link rel="icon" type="image/png" href="/img/favicon.ico" width=16px>
--- a/_includes/footer.njk
+++ b/_includes/footer.njk
@ -0,0 +1 @@
 <p><img src="/img/buttons/4everfriend.gif" alt="yay!!"><img src="/img/buttons/parentaladvisory.gif" alt="sorry..."><br>est. 2025 | yuki &#169; <a href="LICENSE.txt">Do What the Fuck You Want to Public License</a> </p>
--- a/_includes/topmost_navbar.njk
+++ b/_includes/topmost_navbar.njk
@ -3,6 +3,8 @@
        <li><a href="/">home</a></li>
        <li><a href="/about">about</a></li>
        <li><a href="/blog">blog</a></li>
        <li><a href="/reviews">reviews</a></li>
        <li><a href="/links">links</a></li>
        <li><a href="/contact">contact</a></li>
    </ul>
 </nav>
--- a/_layouts/base.njk
+++ b/_layouts/base.njk
@ -0,0 +1,34 @@
 ---
 lastfm: false
 ---
 <!DOCTYPE html>
 <html>
    <head>
        {% include "base_head.njk" %}
    </head>
    <body>
        <div class="main-page-wrapper">
            <div class="header-wrapper">
                <div class="header">
                    <h1>yukinets</h1>
                    <a href="/"><div class="header-banner" title="{{ meta.sitename }}"></div></a>
                </div>
                {% include "topmost_navbar.njk" %}
            </div>
            <div class="base-content-wrapper">
                {{ content | safe }}
            </div>
            <footer>
                <marquee behavior="scroll" direction="left">
                    <a href="https://www.youtube.com/embed/w1dXpAJ1qfA"><img src="/img/Witch-on-broom.gif" alt=""></a>
                </marquee>
                {% include "footer.njk" %}
            </footer>
        </div>
    {% if lastfm %}
    <script src="/js/lastfm.js"></script>
    {% endif %}
    </body>
 </html>
--- a/_layouts/home.njk
+++ b/_layouts/home.njk
@ -0,0 +1,46 @@
 ---
 layout: base
 title: home
 lastfm: true
 ---
 <div class="welcome-aside-left">
    <div class="now-playing-wrapper box">
        <h2>last played</h2>
        <div id="listening"></div>
        <div class="noscript">
            <noscript>
                <h3 style="padding: 0px 0px 4px 0px;">javascript is disabled...</h2>
            </noscript>
        </div>
    </div>
    <div class="buttons-wrapper box">
        <h2>please visit...</h3>
        <div class="buttons">
            {% for button in 88x31.buttons.people.slice(0, 5) %}
            <a href="{{ button.link }}" title="{{ button.name }}">
            {% if button.image.startsWith("http") %}
                <img src="{{ button.image }}" alt="{{ button.name }}">
            {% else %}
                <img src="/img/buttons/{{ button.image }}.gif" alt="{{ button.name }}">
            {% endif %}
            </a>
            {% endfor %}
        </div>
    </div>
 </div>
 <div class="welcome-content">
    {{ content | safe }}
    <img src="/img/nekojiru.png">
 </div>
 <div class="welcome-aside-right">
    <div class="recent-posts box">
        <h2>recent posts</h2>
        <ul>
        {% for post in collections.post.slice(0, 5) %}
            <li><p><a href="{{ post.url }}">{{ post.data.title }}</a> | <span class="date"> {{ post.date.toLocaleString("en-GB", {year: 'numeric', month: '2-digit', day: '2-digit'}) }}</span></p></li>
        {% endfor %}
        </ul>
    </div>
 </div>
--- a/_layouts/post.njk
+++ b/_layouts/post.njk
@ -0,0 +1,4 @@
 ---
 layout: base
 tags: post
 ---
--- a/blog/test-post.md
+++ b/blog/test-post.md
@ -0,0 +1,14 @@
 ---
 title: my test post
 layout: post
 tags: test
 ---
 # wait
 this is a test post. lalalaallaalalala
 ---
 hehehehehe
 ## wait
 nvm
--- a/css/main.scss
+++ b/css/main.scss
@ -5,6 +5,7 @@
@use "main-palette" as mp;
 body {
    color: mp.$text;
    background-color: mp.$bg;
    /*background-image: url("/img/bgpat.png");
    background-repeat: repeat;*/
@ -12,7 +13,10 @@ body {
    a { color: mp.$link; }
    a:hover { color: c.adjust($color: mp.$link, $saturation: 4%, $lightness: 10%); }
-    p { color: mp.$text }
+    p {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 0.8em;
    }
 }
 .header-wrapper {
@ -21,6 +25,10 @@ body {
    gap: 16px;
    .header {
        display: block;
        h1 {
            display: none;
            height: 0;
        }
        .header-banner {
            background-image: url("/img/home_banner.jpg");
            width: 298px;
@ -66,3 +74,97 @@ body {
        }
    }
 }
 .base-content-wrapper {
    display: flex;
    align-items: flex-start;
    .box {
        border: 1px solid mp.$border;
        margin: 10px;
        h2 {
            padding: 2px;
            margin-bottom: 4px;
            border-bottom: 1px solid mp.$border;
            font-family: fonts.$ll;
            font-size: 1em;
            background: mp.$bg;
            background: linear-gradient(0deg,rgba(0, 0, 0, 1) 10%, c.adjust($color: mp.$link, $saturation: 4%, $lightness: -20%) 100%);
        }
    }
    .welcome-aside-left {
        width: max-content;
        .now-playing-wrapper {
            width: 190px;
            #listening {
                display: flex;
                align-items: flex-start;
                justify-content: space-evenly;
                img {
                    order: 1;
                    max-width: 36px;
                    padding: 4px;
                }
                h3 {
                    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    font-size: 0.8em;
                    padding: 0px 0px 0px 4px;
                }
                p {
                    font-size: 0.7em;
                    padding: 0px 0px 2px 4px;
                }
            }
        }
        .buttons-wrapper {
            width: 190px;
            .buttons {
                display: flex;
                align-items: flex-start;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-evenly;
                img {
                    padding: 0;
                    margin: 0;
                }
            } 
        }
    }
    .welcome-content {
        margin: 8px 4px;
        h1 {
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-size: 1em;
        }
    }
    .welcome-aside-right {
        width: max-content;
        .recent-posts {
            width: 190px;
            ul {
                padding: 0 0 4px 0;
                list-style: none;
                text-align: center;
                .date {
                    vertical-align: middle;
                    font-size: 0.9em;
                    color: c.adjust($color: mp.$text, $lightness: -10%);
                }
            }
        }
    }
 }
 footer p {
    margin: 2px;
    font-size: 0.7em;
    text-align: right;
 }
--- a/eleventy.config.js
+++ b/eleventy.config.js
@ -1,13 +1,18 @@
 const eleventySass = require("eleventy-sass");
 const toml = require("@iarna/toml");
-module.exports = function (eleventyConfig) {
+module.exports = function(eleventyConfig) {
-	eleventyConfig.addPlugin(eleventySass);
+    eleventyConfig.setLayoutsDirectory("_layouts");
-	eleventyConfig.addPassthroughCopy("img");
+    eleventyConfig.addPassthroughCopy("img");
-	eleventyConfig.addPassthroughCopy("css/fonts");
+    eleventyConfig.addPassthroughCopy("css/fonts");
    eleventyConfig.addPassthroughCopy("js");
    eleventyConfig.addPassthroughCopy("LICENSE.txt");
-	return {
+    eleventyConfig.addPlugin(eleventySass);
-		markdownTemplateEngine: "njk",
+    eleventyConfig.addDataExtension("toml", (contents) => toml.parse(contents));
-		htmlTemplateEngine: "njk"
+
-	  }
+    return {
        markdownTemplateEngine: "njk",
        htmlTemplateEngine: "njk"
    }
 };
--- a/img/buttons/4everfriend.gif
+++ b/img/buttons/4everfriend.gif
--- a/img/buttons/cidoku.gif
+++ b/img/buttons/cidoku.gif
--- a/img/buttons/parentaladvisory.gif
+++ b/img/buttons/parentaladvisory.gif
--- a/img/buttons/soniweb.gif
+++ b/img/buttons/soniweb.gif
--- a/img/favicon.ico
+++ b/img/favicon.ico
--- a/img/icons/lastfm.png
+++ b/img/icons/lastfm.png
--- a/img/nekojiru.png
+++ b/img/nekojiru.png
--- a/index.md
+++ b/index.md
@ -1,4 +1,5 @@
 ---
-layout: base
+layout: home
 ---
-goodbye...
+# hey...
 welcome to my site!! not much is done yet but please have a look around.
--- a/js/lastfm.js
+++ b/js/lastfm.js
@ -0,0 +1,35 @@
 // this script is under the MIT license (https://max.nekoweb.org/resources/license.txt)
 const USERNAME = "kaaisudev"; // Put your LastFM username here
 const BASE_URL = `https://lastfm-last-played.biancarosa.com.br/${USERNAME}/latest-song`;
 const getTrack = async () => {
    const request = await fetch(BASE_URL);
    const json = await request.json();
    let status
    let isPlaying = json.track['@attr']?.nowplaying || false;
    if(!isPlaying) {
        // Trigger if a song isn't playing
        return;
    } else {
        // Trigger if a song is playing
    }
    // Values:
    // COVER IMAGE: json.track.image[1]['#text']
    // TITLE: json.track.name
    // ARTIST: json.track.artist['#text']
    document.getElementById("listening").innerHTML = `
    <img src="${json.track.image[1]['#text']}">
    <div id="trackInfo">
    <h3 id="trackName">${json.track.name}</h3>
    <p id="artistName">${json.track.artist['#text']}</p>
    </div>
    `
 };
 getTrack();
 setInterval(() => { getTrack(); }, 10000);
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -14,7 +14,10 @@
  "type": "commonjs",
  "dependencies": {
    "@11ty/eleventy": "^3.0.0",
    "@iarna/toml": "^2.2.5",
    "eleventy-sass": "^3.0.0-beta.0",
    "markdown-it-emoji": "^3.0.0",
    "markdown-it-emoji-customizer": "github:actuallysomecat/markdown-it-emoji-customizer",
    "sass": "^1.86.0"
  }
 }
Author	SHA1	Message	Date
yuki	e79123c0ca	add front matter	2025-10-11 09:12:14 -03:00
yuki	b2f0ef8a6a	add lastfm widget	2025-10-11 09:04:20 -03:00
yuki	9ec5b585bb	witch...	2025-10-11 08:18:14 -03:00
yuki	bccfe3295d	homepage draft	2025-10-11 08:14:09 -03:00
yuki	784caf13ee	add parental advisory button	2025-10-11 05:21:30 -03:00
yuki	5dad1b2fac	separate 88x31 buttons	2025-10-11 05:17:06 -03:00
yuki	7f7356f633	add links to navbar	2025-10-11 05:16:48 -03:00
yuki	0315ebcb23	add recent posts and 88x31 buttons (switch to toml)	2025-10-11 04:33:11 -03:00
yuki	677360a1ca	separate layouts into new folder	2025-10-11 02:51:39 -03:00
yuki	ec266f3995	add favicon	2025-10-11 02:33:57 -03:00
yuki	b1b59a0be2	add license and footer	2025-10-11 02:33:52 -03:00
yuki	7e1ec45599	fix banner alt text	2025-10-10 22:47:37 -03:00
		`@ -0,0 +1,2 @@`
							`sitename = "yukinets"`
							`motd = "kill everyone now!! condone first degree murder!!"`
		`@ -0,0 +1 @@`
							`<p><img src="/img/buttons/4everfriend.gif" alt="yay!!"><img src="/img/buttons/parentaladvisory.gif" alt="sorry..."><br>est. 2025 \| yuki © <a href="LICENSE.txt">Do What the Fuck You Want to Public License</a> </p>`