fixed index page

_src/_data/88x31.json

@@ -1,5 +1,11 @@
 {
     "items": [
+		{
+			"alt": "Creative Commons Attribution-NonCommercial-ShareAlike 4.0",
+			"button": "/assets/img/button/cc-by-nc-sa-4.0.gif",
+			"name": "CC-BY-NC-SA 4.0",
+			"src": "https://creativecommons.org/licenses/by-nc-sa/4.0/"
+		},
         {
             "alt": "Arch Linux wiki home page",
             "button": "/assets/img/button/arch-linux.png",

_src/_data/games.json

@@ -108,7 +108,7 @@
 		{
 			"cover": "/assets/img/media/games/smt_iv.png",
 			"title": "Shin Megami Tensei IV",
-			"src": "https://youtube.com/watch?v=ZscuJCOoIPc"
+			"src": "https://www.youtube.com/playlist?list=OLAK5uy_lfKQUOnuXF83ukE0jQxjafpL3oYg35yJc"
 		},
 		{
 			"cover": "/assets/img/media/games/sm.png",

_src/assets/css/citrus/citrus.css

@@ -51,6 +51,11 @@ article {
 	background-image: var(--noise);
 	box-shadow: var(--shadow);
 	border: 0;
+	& code:not(pre *) {
+		border-radius: 0;
+		color: var(--citrus-primary);
+		background-color: #000;
+	}
 }
 /* home.css */
 body[id] > main::before {
@@ -102,11 +107,6 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
 			border-color: var(--citrus-primary);
 			border-radius: 0;
 		}
-		& code:not(pre *) {
-			border-radius: 0;
-			color: var(--citrus-primary);
-			background-color: #000;
-		}
 		& pre {
 			border-radius: 0;
 			color: var(--citrus-primary);
@@ -152,6 +152,10 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
 		padding: 1rem;
 		background-size: auto, 32px;
 	}
+	& article[id] {
+		background-image: var(--noise), var(--paper);
+		background-size: auto, 4px;
+	}
 	& a:has(figure) {
 		transition: border-color var(--trans), background-color var(--trans);
 		box-shadow: var(--shadow);

_src/assets/css/default/index.css

@@ -13,18 +13,15 @@
 		height: 100vh;
 		width: inherit;
 		flex-direction: column;
+		background-image: var(--sunny);
+		background-color: rgb(255, 190, 0);
+		background-repeat: no-repeat;
+		background-position: center;
+		background-size: contain;
 		& a {
-			font-family: "Urbanist", sans-serif;
-			font-size: 500%;
-			margin: 0;
-			&::after {
-				content: "";
-				mask-image: url("/assets/img/theme/paw.svg");
-				background-color: red;
-				height: 100%;
 			position: absolute;
-				pointer-events: none;
-			}
+			top: 2rem;
+			background-color: unset;
 		}
 	}
 	& footer {

_src/assets/css/default/theme-dark.css

@@ -126,7 +126,10 @@
 				color-mix(in lch, transparent, var(--secondary-500) 70%);
 		}
 	}
-	a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
-		filter: drop-shadow(4px 6px 0 var(--secondary-500));
+	a:has(img[src*="/assets/img/button"]) {
+		background-color: unset;
+		&:is(:hover, :focus) img {
+			filter: drop-shadow(4px 6px 0 var(--primary-500));
+		}
 	}
 }

_src/assets/css/default/theme-light.css

@@ -125,7 +125,10 @@
 				color-mix(in lch, transparent, var(--primary-dark-500) 30%);
 		}
 	}
-	a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
+	a:has(img[src*="/assets/img/button"]) {
+		background-color: unset;
+		&:is(:hover, :focus) img {
 			filter: drop-shadow(4px 6px 0 var(--primary-500));
 		}
 	}
+}

_src/assets/css/default/variables.css

@@ -49,6 +49,7 @@
     --pad-m: 0.8rem;
     --pad-sm: 0.4rem;
     --paw: url("/assets/img/theme/paw.svg");
+    --sunny: url("/assets/img/theme/citrus/sundae.png")
 }
 @font-face {
     font-family: Rubik;

_src/data/changelog/2023-07-16.md

@@ -1,3 +1,6 @@
+---
+title: Version 1
+---
 ![](/assets/img/changelog/ver1.png)
 
 * Changed backgrounds

_src/data/changelog/2024-06-11.md

@@ -2,7 +2,6 @@
 title: Version 4
 ---
 
-
 ![](/assets/img/changelog/ver4.png)
 
 * Shiny buttons are BACK!

_src/data/changelog/2024-09-24.md

@@ -1,6 +1,9 @@
 ---
 title: Version 5
 ---
+
+![](/assets/img/changelog/ver5.png)
+
 Re-wrote the website with [Eleventy](https://11ty.dev/). Read the [accompanying blog post](/blog/break-time/)
 * Changed image directory
   * If you've linked my 88x31 button on your website, it's now located under `/assets/img/button` instead of `/img/buttons/` and named alphabetically

_src/data/changelog/2025-06-25.md

@@ -1,6 +1,9 @@
 ---
 title: Version 6
 ---
+
+![](/assets/img/changelog/ver6.png)
+
 Re-wrote the site, again.
 
 Read the [accompanying blog post](/blog/rewrite-2.0)