add recent posts and 88x31 buttons (switch to toml)

_data/88x31.toml

@@ -0,0 +1,4 @@
+buttons = [
+  { image = "https://vanityruins.neocities.org/8831/8831.gif", name = "vanityruins", link = "https://vanityruins.neocities.org" },
+  { image = "soniweb", name = "soniweb", link = "https://soniweb.org/" }
+]

_data/meta.json

@@ -1,4 +0,0 @@
-{
-    "sitename": "yukinets",
-    "motd": "kill everyone now!! condone first degree murder!!"
-}

_data/meta.toml

@@ -0,0 +1,2 @@
+sitename = "yukinets"
+motd = "kill everyone now!! condone first degree murder!!"

_layouts/base.njk

@@ -7,6 +7,7 @@
         <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" %}

_layouts/home.njk

@@ -1,3 +1,35 @@
 ---
 layout: base
 ---
+<div class="welcome-aside-left">
+    <div class="buttons box">
+        <h3><i>please visit...</i></h3>
+        <div>
+            {% for button in 88x31.buttons %}
+            <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><i>recent posts</i></h2>
+        <ul>
+        {% for post in collections.post.slice(0, 3) %}
+            <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>

_layouts/post.njk

@@ -0,0 +1,4 @@
+---
+layout: base
+tags: post
+---

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

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;*/
@@ -15,7 +16,6 @@ body {
     p {
         font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
         font-size: 0.8em;
-        color: mp.$text;
     }
 }
 
@@ -25,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;

eleventy.config.js

@@ -1,4 +1,5 @@
 const eleventySass = require("eleventy-sass");
+const toml = require("@iarna/toml");
 
 module.exports = function(eleventyConfig) {
     eleventyConfig.setLayoutsDirectory("_layouts");
@@ -6,8 +7,8 @@ module.exports = function(eleventyConfig) {
     eleventyConfig.addPassthroughCopy("css/fonts");
     eleventyConfig.addPassthroughCopy("LICENSE.txt");
 
-
     eleventyConfig.addPlugin(eleventySass);
+    eleventyConfig.addDataExtension("toml", (contents) => toml.parse(contents));
 
     return {
         markdownTemplateEngine: "njk",

package-lock.json

@@ -10,6 +10,7 @@
       "license": "WTFPL",
       "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",
@@ -193,6 +194,12 @@
         "node": ">=18"
       }
     },
+    "node_modules/@iarna/toml": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/@iarna/toml/-/toml-2.2.5.tgz",
+      "integrity": "sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==",
+      "license": "ISC"
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",

package.json

@@ -14,6 +14,7 @@
   "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",