From 928402aed877673f40b445b98fe39baf789085a7 Mon Sep 17 00:00:00 2001 From: Rodrick Date: Thu, 1 Jan 2026 04:29:59 -0600 Subject: [PATCH] Event started --- _events/new_year_2026.html | 52 +++++++++++++++++++++++-- _pages/404.md | 8 ++++ _pages/index.md | 4 +- src/css/events/ny-26.css | 4 +- src/img/new_year_26/Butterfly.aseprite | Bin 1216 -> 0 bytes src/img/new_year_26/Moth.aseprite | Bin 1101 -> 0 bytes src/img/new_year_26/jar.aseprite | Bin 1753 -> 0 bytes 7 files changed, 63 insertions(+), 5 deletions(-) create mode 100644 _pages/404.md delete mode 100644 src/img/new_year_26/Butterfly.aseprite delete mode 100644 src/img/new_year_26/Moth.aseprite delete mode 100644 src/img/new_year_26/jar.aseprite diff --git a/_events/new_year_2026.html b/_events/new_year_2026.html index 8ff9592..8c3985c 100644 --- a/_events/new_year_2026.html +++ b/_events/new_year_2026.html @@ -4,7 +4,7 @@ title: New Year, New You? subtitle: Burst From Your Cocoon! open: Jan 1st - Jan 22nd style: src/css/events/ny-26.css -started: false +started: true permalink: /events/new_year_2026.html --- @@ -112,8 +112,8 @@ permalink: /events/new_year_2026.html
- + +
Close
@@ -133,6 +133,36 @@ permalink: /events/new_year_2026.html Moth Butterfly

Animated

+

+ If you want an animated bug, you gotta download multiple images. + They're each named after the part they represent. +

+ +
+
+

Moth's parts.

+ + + + + +
+
+

Butterfly's parts.

+ + + + + +
+
+

+ After you got your bug parts downloaded, you gotta add the following code to your site + and properly link the sources of your bug parts. For the outer div, + make sure to only use the "moth" class or the "butterfly" class. It's because + they're different sizes. +

+ +

+ And lastly, you have to add this CSS to the page holding your bugs. +

+

Jar

+

+ Finally, we have the jar. If you want a jar like the one on this page, download + the jar image and add the CSS to your site. +

+

+ Create a div, or other element, to be your jar. Don't forget the ID. The jar works as a + border-image. + It'll resize with your div. +

+

+ Feel free to edit the jar image and CSS to fit your style. +

Jar Border Image