.forgejo/buttons.sh

@@ -10,20 +10,23 @@ printf "downloading authenyo ..." && curl -fsSL -A "synth.download Button Downlo
 printf "downloading autumn ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/autumn.webp" http://autumn.town/assets/buttons/mybutton.webp && echo
 printf "downloading benjae ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/benjae.png" https://benjae.nekoweb.org/assets/buttons/benjae.png && echo
 printf "downloading birdcat ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/birdcat.gif" https://birdcat.online/img/buttons/birdcatonline.gif && echo
+printf "downloading cooper ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/outofshape.gif" https://ottr.uk/img/88x31/outofshape.gif && echo
 printf "downloading cybird ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/cybird.gif" https://cybird.nekoweb.org/buttons/CybirdNest.gif && echo
 printf "downloading david ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/david.png" https://david.garden/wp-content/uploads/2024/09/david-site-button.png && echo
 printf "downloading doskel ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/doskel.png" https://doskel.net/button.png && echo
 printf "downloading dracoling ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/dracoling.gif" https://home.dracol.ing/friends/dracol.ing.gif && echo
 printf "downloading drakonic ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/drakonic.gif" https://drakonic.zone/images/button.gif && echo
-printf "downloading enderman0125 ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/enderman0125.gif" https://egg.l5.ca/assets/buttons/enderman0125.gif && echo
 printf "downloading elixty.world ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/exlitry.world.gif" https://cdn.exlitry.world/media/buttons/exlitry.world.gif && echo
+printf "downloading enderman0125 ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/enderman0125.gif" https://egg.l5.ca/assets/buttons/enderman0125.gif && echo
 printf "downloading freeplay ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/freeplay.gif" https://freeplay.floof.company/assets/buttons/free.gif && echo
 printf "downloading hexaitos ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/hexaitos.png" https://hexaitos.com/assets/images/buttons/websites/hexaitos.png && echo
 printf "downloading keith ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/keith.gif" https://keithhacks.cyou/assets/site_button.gif && echo
+printf "downloading kopper ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/wontwork.png" https://w.on-t.work/assets/88x31.png && echo
 printf "downloading kraafter ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/kraafter.png" https://kraafter.me/assets/img/button.png && echo
 printf "downloading kyropy ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/kyropy.svg" https://kyropy.neocities.org/images/kyropybutton.svg && echo
 printf "downloading lars ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/lars.png" https://larsfrommars.neocities.org/buttons/lars.png && echo
 printf "downloading lexi ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/lexi.png" https://softkittypa.ws/assets/buttons/softkittypaws.png && echo
+printf "downloading lily ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/lilysthings.png" https://lilysthings.org/buttons/lilysthings.png && echo
 printf "downloading lumi ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/lumi.png" https://meowctl.codeberg.page/assets/lumi.png && echo
 printf "downloading madz ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/madz.gif" https://madz258.top/assets/buttons/friends/madzbutton.gif && echo
 printf "downloading melontini ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/melontini.png" https://melontini.me/88_31/88_31.png && echo
@@ -34,7 +37,6 @@ printf "downloading niss ..." && curl -fsSL -A "synth.download Button Downloader
 printf "downloading notfire ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/notfire.gif" https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif && echo
 printf "downloading odoben ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/odoben.png" https://odoben.space/img/odoben_88x31.png && echo
 printf "downloading oli ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/oli.svg" https://floof.gay/img/badges/oli.svg && echo
-printf "downloading cooper ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/outofshape.gif" https://ottr.uk/img/88x31/outofshape.gif && echo
 printf "downloading pancakes ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/pancakes.png" https://pancakes.gay/assets/88x31.png && echo
 printf "downloading pquirrel ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/pquirrel.png" https://pquirrel.neocities.org/buttons/self_dark.png && echo
 printf "downloading shiver j ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/shiverj.png" https://shiver-j.neocities.org/buttons/shiverj.png && echo
@@ -48,8 +50,8 @@ printf "downloading thermia ..." && curl -fsSL -A "synth.download Button Downloa
 printf "downloading therra ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/theysosmall.png" https://smolderg.xyz/img/badges/theysosmall_by_liah.png && echo
 printf "downloading tika ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/tika.png" https://vore.media/public/8831.png && echo
 printf "downloading unnick ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/unnick.png" https://unnick.mice.tel/88x31.png && echo
+printf "downloading velveteen ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/velveteen.png" https://velveteen.one/images/badges/velbadge.png && echo
 printf "downloading winter ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/winter.png" https://winter.entities.org.uk/buttons/self.png && echo
-printf "downloading kopper ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/wontwork.png" https://w.on-t.work/assets/88x31.png && echo
 printf "downloading xaselgio ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/xaselgio.gif" https://xaselgio.net/88x31_xaselgio_v2.gif && echo
 printf "downloading zvava ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/zvava.png" https://zvava.org/images/buttons/zvava.org.png && echo
 printf "downloading besties ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${SITE_BUTTONS_DIR}/besties.gif" https://besties.house/buttons/besties.gif && echo

.gitignore

@@ -1 +1,2 @@
-node_modules/
+node_modules/
+_site/

README.md

@@ -1,5 +1,5 @@
-# ruben's "i wanna be cool" website (now synth.download lol)
+# synth.download
 
-the main homepage that powers [synth.download](https://synth.download). powered by [eleventy](https://www.11ty.dev).
+the main homepage that powers [synth.download](https://synth.download). generated with [eleventy](https://www.11ty.dev).
 
 ♡2025 All wrongs reversed. Please copy and share.

_includes/layouts/donate/page.njk

@@ -1,6 +1,7 @@
 ---
 title: donate
 layout: "layouts/donate/base.njk"
+permalink: "/donate/"
 ---
 
 <!-- donation window -->

_includes/layouts/header.njk

@@ -1,18 +1,21 @@
         <meta charset="UTF-8">
         <title>{{ title or metadata.title }} • synth download!</title>
-        <link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
         <link rel="canonical" href="https://synth.download/">
-        <link rel="me" href="https://booping.synth.download/@sneexy">
+        <link rel="icon" type="image/png" href="/assets/synth.download/synth.png">
         <link rel="me" href="https://beeping.synth.download/@sneexy">
+        <link rel="me" href="https://booping.synth.download/@sneexy">
         <link rel="me" href="https://git.gay/sneexy">
         <meta lang="en-US">
-        <meta property="og:url" content="https://synth.download/">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta name="description" content="{{ description or metadata.description }}">
+        <meta name="generator" content="{{ eleventy.generator }}">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta property="og:url" content="https://synth.download/">
+        <link rel="stylesheet" href="/pagefind/pagefind-ui.css">
+        <link rel="stylesheet" href="/styles/base.css">
         <link rel="stylesheet" href="/styles/colors.css">
         <link rel="stylesheet" href="/styles/font.css">
         <link rel="stylesheet" href="/styles/icons.css">
-        <link rel="stylesheet" href="/styles/base.css">
+        <script src="/pagefind/pagefind-ui.js"></script>
         <script src="/scripts/alt-popup.js"></script>
-        <script src="/scripts/settings.js"></script>
-        <script src="/scripts/button.js"></script>
+        <script src="/scripts/button.js"></script>
+        <script src="/scripts/settings.js"></script>

_includes/layouts/home.njk

@@ -1,6 +1,7 @@
 ---
 title: home
 layout: "layouts/base.njk"
+permalink: "/index.html"
 ---
 
 <!-- simple site introduction -->
@@ -19,7 +20,7 @@ layout: "layouts/base.njk"
         </div>
     </summary>
 
-    <section>
+    <main>
         <p>Hey! Welcome to...</p>
         <a href="https://forged.synth.download/sneexy/synth"><img id="logo" loading="lazy" src="/assets/synth.download/logo_web.svg" alt="Synth.Download" /></a>
         <p>This is a website managed by <a href="/me">sneexy</a> with some services hosted here and there, mainly for friends.</p>
@@ -33,7 +34,7 @@ layout: "layouts/base.njk"
             <li><a href="https://asking.synth.download" style="padding: .2rem; color: var(--sapphire); background-color: color-mix(in srgb, var(--sapphire) 20%, transparent); border-radius: .2rem;">ask-js</a>, a platform for asking other users questions,</li>
             <li><small><a href="https://adarkroom.synth.download" style="padding: .2rem; color: var(--foreground); background-color: color-mix(in srgb, var(--foreground) 10%, transparent); border-radius: .2rem;">a dark room</a>, a text adventure game.</small></li>
         </ul>
-    </section>
+    </main>
 </details>
 
 <!-- buttons -->
@@ -81,6 +82,7 @@ layout: "layouts/base.njk"
             <a href="https://kraafter.me"><img src="/assets/buttons/friends/kraafter.png" alt="kraafter"></a>
             <a href="https://kyropy.neocities.org"><img src="/assets/buttons/friends/kyropy.svg" alt="Kyropy"></a>
             <a href="https://larsfrommars.neocities.org"><img src="/assets/buttons/friends/lars.png" alt="Lars from Mars"></a>
+            <a href="https://lilysthings.org"><img src="/assets/buttons/friends/lilysthings.png" alt="Lily"></a>
             <a href="https://madz258.top"><img src="/assets/buttons/friends/madz.gif" alt="Madz258"></a>
             <a href="https://melontini.me"><img src="/assets/buttons/friends/melontini.png" alt="melontini"></a>
             <a href="https://meowctl.codeberg.page"><img src="/assets/buttons/friends/lumi.png" alt="lumi"></a>
@@ -106,6 +108,7 @@ layout: "layouts/base.njk"
             <a href="https://thecrafters001.com"><img src="/assets/buttons/friends/tc001.png" alt="TheCrafters001""></a>
             <a href="https://tobskep.com"><img src="/assets/buttons/friends/tobskep.gif" alt="tobskep"></a>
             <a href="https://unnick.mice.tel"><img src="/assets/buttons/friends/unnick.png" alt="unnick"></a>
+            <a href="https://velveteen.one"><img src="/assets/buttons/friends/velveteen.png" alt="Velveteen"></a>
             <a href="https://volpeon.ink"><img src="/assets/buttons/friends/volpeon.svg" alt="Volpeon"></a>
             <a href="https://vore.media"><img src="/assets/buttons/friends/tika.png" alt="Tika"></a>
             <a href="https://w.on-t.work"><img src="/assets/buttons/friends/wontwork.png" alt="Won't Work!/kopper"></a>

_includes/layouts/me/page.njk

@@ -1,6 +1,7 @@
 ---
 title: home
 layout: "layouts/me/base.njk"
+permalink: "/me/"
 ---
 
 <!-- simple introduction -->

_includes/layouts/me/ruben/page-ruben.njk

@@ -1,6 +1,7 @@
 ---
 title: ruben lore
 layout: "layouts/me/ruben/base-ruben.njk"
+permalink: "/me/ruben/"
 ---
 
 <!-- intro -->

_includes/layouts/notebook.njk

@@ -1,8 +1,11 @@
 ---
 title: notebook
 layout: "layouts/base.njk"
+permalink: "/notebook/"
 ---
 
+{% set postslist = collections.post %}
+
 <!-- notebook index -->
 <details open id="notebook" class="window">
     <summary>
@@ -19,19 +22,36 @@ layout: "layouts/base.njk"
         </div>
     </summary>
 
-    <section>
+    <main data-pagefind-body>
+        <div id="search"></div>
         <h1><a href="#notebook">Notebook</a> <a href="./rss.xml"><span class="tabler--rss" style="transform: scale(1.5) translateY(.5rem);"></span></a></h1>
         <p>A public facing journal for myself, as probably the best way to put it. A blog-ish, writeup-ish, rant-ish place to dump personal thoughts and such into for <a href="/me">myself</a>.</p>
         <span class="seperator"></span>
         <details open class="notebook article-category">
-            <summary>test</summary>
+            <summary><span class="tabler--arrow-autofit-height"></span> test</summary>
+
+            {%- for other in collections.other %}
+                <div class="article-card">
+                    <h2><a href="{{ other.url }}">{{ other.data.title }}</a></h2>
+                    <p class="tags-holder"><a href="{{ tagUrl }}">{{ other.tags }}</a></p>
+                    <p>{{ other.data.description }}</p>
+                    <a href="{{ other.url }}" class="read">read more</a>
+                </div>
+            {%- endfor %}
 
             <div class="article-card">
-                <h2>test</h2>
-                <p><a class="tags">tag</a> <a class="tags">tag-2</a> <a class="tags">tag-3</a></p>
+                <h2><a>test</a></h2>
+                <p class="tags-holder"><a>tag</a> <a>tag-2</a> <a>tag-3</a></p>
                 <p>description</p>
-                <a href="./read">read more</a>
+                <a class="read" href="./read">read more</a>
             </div>
         </details>
-    </section>
-</details>
+    </main>
+</details>
+
+<!-- pagefind -->
+<script>
+    window.addEventListener('DOMContentLoaded', (event) => {
+        new PagefindUI({ element: "#search", showSubResults: true });
+    });
+</script>

_includes/layouts/post.njk

@@ -0,0 +1,53 @@
+---
+title: notebook
+layout: "layouts/base.njk"
+section: post
+permalink: "/notebook/{{ date }}-{{ title | slugify }}/"
+---
+
+<!-- the post window -->
+<details open id="information" class="window">
+    <summary>
+        <div aria-hidden="true">
+            <span class="tabler--info-circle"></span>
+        </div>
+        <a href="#information">information</a>
+        <div aria-hidden="true">
+            <span class="tabler--minimize"></span>
+            <span class="tabler--maximize"></span>
+        </div>
+        <div aria-hidden="true">
+            <span class="tabler--x"></span>
+        </div>
+    </summary>
+
+    <section class="post-info">
+        <p aria-hidden="true">---</p>
+        <p><span>title:</span> {{ title or metadata.title }}</p>
+        {%- set tagUrl %}/tags/{{ tags | slugify }}/{% endset %}
+        <p><span>tags:</span> <a href="{{ tagUrl }}">{{ tags }}</a>{%- if not loop.last %}{% endif %}</p>
+        <p aria-hidden="true">---</p>
+    </section>
+</details>
+
+<!-- the post window -->
+<details open id="post" class="window">
+    <summary>
+        <div aria-hidden="true">
+            <span class="tabler--article"></span>
+        </div>
+        <a href="#post">{{ title or metadata.title }}</a>
+        <div aria-hidden="true">
+            <span class="tabler--minimize"></span>
+            <span class="tabler--maximize"></span>
+        </div>
+        <div aria-hidden="true">
+            <span class="tabler--x"></span>
+        </div>
+    </summary>
+
+    <main data-pagefind-body>
+        <h1>{{ title or metadata.title }}</h1>
+        {{ content | safe }}
+    </main>
+</details>

_site/README/index.html

@@ -1,3 +0,0 @@
-<h1>ruben's &quot;i wanna be cool&quot; website (now synth.download lol)</h1>
-<p>the main homepage that powers <a href="https://synth.download">synth.download</a>. powered by <a href="https://www.11ty.dev">eleventy</a>.</p>
-<p>♡2025 All wrongs reversed. Please copy and share.</p>

_site/assets/buttons/friends/volpeon.svg

@@ -1,34 +0,0 @@
-<svg width="88" height="31" viewBox="0 0 88 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/">
-    <clipPath id="_clip1">
-        <rect x="0" y="0" width="88" height="31"/>
-    </clipPath>
-    <g clip-path="url(#_clip1)">
-        <rect id="BG" x="0" y="0" width="88" height="31" style="fill:rgb(226,214,206);"/>
-        <g id="L1">
-            <g>
-                <path d="M88,11L88,27L87,28L1,28L-0,27L-0,15L4,15L9,20L21,20L34,7L45,18L63,18L66,21L78,21L88,11Z" style="fill:rgb(161,139,134);"/>
-            </g>
-        </g>
-        <g id="Dragon">
-            <g>
-                <path d="M57,12.7C58.069,13.74 57.649,16.119 59,18L62,20L64,20L64,13L62,11L53,11L52.369,12L57,12.7Z" style="fill:white;"/>
-                <path d="M61.5,9L65,11.5C65,11.5 69.616,6.496 71,5C71.926,4 73,4 73,4C66.417,13.472 70.425,22.06 80.57,14C80.57,14 80.799,15.202 80,16C78.063,17.935 69,27 69,27L67,28L60,28L59,27L59,25C59,25 60.565,20.869 62.013,17C63.086,14.134 62.06,12 59,12L52.369,12L50.695,10L52.896,7.696C52.896,5.267 53.709,4.002 55,3.654L55,6L56,6C56.76,4.595 58.657,3.654 60.381,3.654L59,7L62.5,7L61.5,9Z"/>
-                <path d="M72,27L74,25L74,27C77.198,22.803 80,23 82,27L81,28L73,28L72,27Z"/>
-                <path d="M60.5,19C59.651,19 59.033,18.661 58.5,18L55,27L54,28L51,28L50,27L50,25L52,18L57,12.7C59.479,13.202 58.462,17.416 60.5,19Z"/>
-                <circle cx="56.5" cy="8.5" r="1.386" style="fill:white;"/>
-            </g>
-        </g>
-        <g id="FG">
-            <g>
-                <path d="M88,27L88,31L0,31L-0,18L31,18L40,27L88,27Z"/>
-                <rect x="15" y="6" width="2" height="13"/>
-                <path d="M19.5,14.5C17.823,15.852 17.706,18.393 17.74,18.883C17.761,19.191 17.622,19.132 17,19.75C16.778,19.472 16.472,19.27 16.25,18.992C16.229,18.966 16.578,15.343 19.5,14.5Z"/>
-                <path d="M12,16.5C14.3,15.382 15.553,17.505 15.732,18.833C15.739,18.886 15.783,18.949 15.75,18.991C15.531,19.268 15.228,19.472 15.009,19.75C14.781,19.476 14.48,19.267 14.252,18.993C14.238,18.976 14.444,18.056 13.687,17.172C13.057,16.435 12.14,16.502 12,16.5Z"/>
-                <path d="M20.999,16.5C20.437,16.58 18.627,16.676 17.743,19.137C17.594,19.55 17.45,19.398 16.694,19.685C16.615,19.339 16.397,19.034 16.318,18.688C16.318,18.688 17.228,16.875 18.737,16.42C19.845,16.087 20.62,16.392 20.999,16.5Z"/>
-                <path d="M15,1L15,0L17,0L17,1C17,4 18.992,5.473 22,6.5C22.823,6.781 20.524,7.147 19.5,7C20.495,8.128 22.998,9.718 25,10.478C26.51,11.05 23.025,12.498 20,11.5C20,11.5 20.332,12.279 20.5,13C20.696,13.84 18.005,12.527 17,11.5L15,11.5C13.986,12.587 11.302,13.794 11.5,13C11.665,12.336 12,11.5 12,11.5C8.988,12.534 5.52,11.008 7,10.478C8.993,9.763 11.488,8.135 12.5,7C11.471,7.187 9.214,6.766 10,6.5C13.008,5.481 15,4 15,1Z"/>
-                <path d="M15,-7L17,-7C17,-4 21,-1 25,0C26.518,0.379 23,1.345 21,1C21,1 22.498,1.77 24,2.5C25.502,3.23 20.499,3.689 17,2L15,2C11.513,3.646 6.468,3.232 8,2.5C9.346,1.857 11,1 11,1C9,1.318 5.436,0.313 7,0C12,-1 15,-4 15,-7Z"/>
-            </g>
-        </g>
-        <path id="Text" d="M5,27L4,25L4,22L5,22L5,25L5.5,26L6,25L6,22L7,22L7,25L6,27L5,27ZM8,27L8,23L9,22L11,22L11,26L10,27L8,27ZM9,23L9,26L10,26L10,23L9,23ZM15,27L15,29L14,29L14,23L15,22L17,22L17,26L16,27L15,27ZM15,23L15,26L16,26L16,23L15,23ZM20,27L18,27L18,23L19,22L21,22L21,24L20,25L19,25L19,26L21,26L20,27ZM19,23L19,24L20,24L20,23L19,23ZM22,27L22,23L23,22L25,22L25,26L24,27L22,27ZM23,23L23,26L24,26L24,23L23,23ZM26,27L26,22L28,22L29,23L29,27L28,27L28,23L27,23L27,27L26,27ZM13,20L13,27L12,27L12,20L13,20Z" style="fill:white;"/>
-    </g>
-</svg>