defer webrings + update binkies

index.ts

@@ -19,15 +19,17 @@ const sssg = new SSSG({
   inputFolder: path.join(__dirname, "website"),
 });
 
-const gitLogShell =
-  await $`git log --pretty=format:'commit=%H%nauthor=%aN <%aE>%ndate=%ad%nmessage=%s%n=========' -1`.quiet();
-const gitLogOutput = gitLogShell.text("utf8");
-const gitLog = JSON.stringify(parseMetadata(gitLogOutput));
 const plugins: Plugin[] = [];
+let gitLog = "{}";
 
 if (process.argv.includes("--dev")) {
   plugins.push(new Dev(sssg));
 } else {
+  const gitLogShell =
+    await $`git log --pretty=format:'commit=%H%nauthor=%aN <%aE>%ndate=%ad%nmessage=%s%n=========' -1`.quiet();
+  const gitLogOutput = gitLogShell.text("utf8");
+  gitLog = JSON.stringify(parseMetadata(gitLogOutput));
+
   plugins.push(new ImageOptimization());
 }
 
@@ -37,7 +39,7 @@ await sssg.run({
     new Variables(() => {
       const variables: Record<string, string> = {
         __BLOG_POSTS__: JSON.stringify(
-          fs.readdirSync("./website/blogs").map((z) => z.replace(".md", ""))
+          fs.readdirSync("./website/blogs").map((z) => z.replace(".md", "")),
         ),
         __GIT_LOG_OUTPUT__: gitLog,
       };

website/index.html

@@ -7,6 +7,7 @@ __TEMPLATE_HEAD__
 <script type="module" src="scripts/lastfm.js"></script>
 <script type="module" src="scripts/binkies.js"></script>
 <script type="module" src="scripts/commit.js"></script>
+<script type="module" src="scripts/webrings.js"></script>
 
 <link rel="stylesheet" href="assets/style.css">
 </head>
@@ -18,12 +19,11 @@ __TEMPLATE_HEAD__
             <img src="/assets/logo.png" class="logo"><br>
 
             <small>Thanks <a href="https://thinliquid.dev">thinliquid</a> for creating this cute logo!</small>
-            <p>I'm 18. My name's Sophie. I love listening to music.</p>
+            <p>I'm 18. I love listening to music.</p>
 
             <p>I love to play games, code, and listen to music. #tybg</p>
 
-            <p><a href="https://files.sad.ovh/public/midis">Did you know that I have a 6 gigabyte big MiDi collection?
-                    (empty password/username)</a></p>
+            <p><a href="https://files.sad.ovh/public/midis">Did you know that I have a 6 gigabyte big MiDi collection?</a></p>
 
             <h2>contact</h2>
             <a href="https://matrix.to/#/@yourfriend:bark.lgbt">
@@ -89,14 +89,13 @@ __TEMPLATE_HEAD__
         </div>
         <div class="paper skills">
             <h1>Skills</h1>
-            <!--replace this with Code::Stats once I've actually gotten some time on there-->
             <ul>
-                <li>Around 8 years of near constant JS/TS development. Full-Stack, including discord bots.</li>
-                <li>3 years of TSX</li>
+                <li>Around 9 years of near constant JS/TS development. Full-Stack, including discord bots.</li>
+                <li>4 years of TSX</li>
                 <li>SQL and PostgreSQL(pSQL) since I started development.</li>
                 <li>Lots of webdev build tools and more. <a href="https://git.sad.ovh/sophie/website">This site uses my
                         own build tools.</a></li>
-                <li>9 years of Java development. Mostly Minecraft plugins and MC related projects.</li>
+                <li>10 years of Java development. Mostly Bukkit plugins and fabric mods, and MC related projects.</li>
             </ul>
         </div>
         <div class="paper blog" id="root"></div>
@@ -105,11 +104,6 @@ __TEMPLATE_HEAD__
         <div class="paper binkies">
         </div>
         <div class="paper webrings">
-            <script src="https://palette.nekoweb.org/pmoring.js" data-type="noir"></script>
-
-            <iframe title="the bucket webring" id="bucket-webring"
-                style="width: 100%; height: 3rem; border: none;margin-top:5px;"
-                src="https://webring.bucketfish.me/embed.html?name=☹️☹️☹️.ovh&lightmode=true"></iframe>
         </div>
 
         <div class="paper lastfm" id="lastfm"></div>
@@ -118,4 +112,4 @@ __TEMPLATE_HEAD__
         </div>
 </body>
 
-</html>
+</html>

website/scripts/binkies.ts

@@ -2,7 +2,7 @@ const binkies = document.querySelector(".binkies")!;
 
 const binky = [
   ["https://sad.ovh", "sadovh.png"],
-  ["https://unnick.mice.tel", "unnick.png"],
+  ["https://beepi.ng", "unnick.png"],
   [
     "https://github.com/NotNite/eightyeightthirtyone",
     "eighteightthirtyone.png",
@@ -13,9 +13,9 @@ const binky = [
   ["https://thinliquid.dev", "lqd.png"],
   ["https://joosh.nekoweb.org/", "joosh.gif"],
   ["https://ctrlaustin.nekoweb.org", "ctrlaustin.gif"],
-  ["https://satorikeiko.surge.sh", "satorikeiko.png"],
+  ["https://satorikeiko.nekoweb.org", "satorikeiko.png"],
   ["https://nekoaerospace.nekoweb.org", "nekoaerospace.png"],
-  ["https://derg.rest", "tom.png"],
+  //["https://derg.rest", "tom.png"],
   ["https://sillylaird.nekoweb.org/", "sillylairdb.png"],
   ["https://2rin.nekoweb.org", "2rin.gif"],
   ["https://status.cafe", "statuscafe.png"],
@@ -23,7 +23,8 @@ const binky = [
   ["https://eye.nekoweb.org", "eye.gif"],
   ["https://yumeo.nekoweb.org", "yumeo.gif"],
   ["https://bee.nekoweb.org/", "bee.png"],
-  ["https://ultrakill.nekoweb.org/", "ultrakill.png"],
+  //  NOTE: Dead url
+  //  ["https://ultrakill.nekoweb.org/", "ultrakill.png"],
   ["https://immjs.dev", "immjs.gif"],
   ["https://lel.nekoweb.org", "lel.gif"],
   ["https://lunaui.nekoweb.org", "lunaui.gif"],
@@ -33,7 +34,15 @@ const binky = [
   ["https://max.nekoweb.org/", "maxpixels.gif"],
   ["https://giikis2.nekoweb.org", "giikis2.png"],
 
-  ["insane.gif", "piracy.gif", "dsb.gif", "universe.gif", "css.png", "vscbutton.gif", "ezgif.gif"],
+  [
+    "insane.gif",
+    "piracy.gif",
+    "dsb.gif",
+    "universe.gif",
+    "css.png",
+    "vscbutton.gif",
+    "ezgif.gif",
+  ],
 ];
 
 binky.forEach((z, i) => {

website/scripts/webrings.ts

@@ -0,0 +1,25 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const webringsElement = document.querySelector(".webrings");
+  if (!webringsElement) return;
+
+  const pmoringScript = document.createElement("script");
+  pmoringScript.src = "https://palette.nekoweb.org/pmoring.js";
+  pmoringScript.setAttribute("data-type", "noir");
+  webringsElement.appendChild(pmoringScript);
+
+  const bucketIframe = document.createElement("iframe");
+  bucketIframe.title = "the bucket webring";
+  bucketIframe.id = "bucket-webring";
+  bucketIframe.style.width = "100%";
+  bucketIframe.style.height = "3rem";
+  bucketIframe.style.border = "none";
+  bucketIframe.style.marginTop = "5px";
+  bucketIframe.src =
+    "https://webring.bucketfish.me/embed.html?name=☹️☹️☹️.ovh&lightmode=true";
+  webringsElement.appendChild(bucketIframe);
+
+  const gitgudringScript = document.createElement("script");
+  gitgudringScript.src = "https://mechagic.party/1stylescripts/gitgudring.js";
+  gitgudringScript.defer = true;
+  webringsElement.appendChild(gitgudringScript);
+});