move badges

frontend/public/scripts/badges.js

@@ -1,81 +0,0 @@
-/*
- * have the default list, then if javascript is on,
- * turn all badgeDefault* to display: none;, then set all badge* display: initial;.
- * and randomize
- *
- * all html values will have their own const, and will be placed inside the divs in a random order.
- * */
-
-/*
- *
- *
- * */
-
-const elke =
-  '<a href="https://elke.cafe/"><img class="badge" src="/assets/images/badges/friends/elke.cafe.gif" alt="dark static background, on the left side, a triquetra, in yellow/orange text \'elke.cafe\'" loading="lazy"></a>';
-const tomo =
-  '<a href="https://azumanga.gay/"><img class="badge" src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>\n';
-const lily =
-  '<a href="https://lilysthings.org/"><img class="badge" src="/assets/images/badges/friends/lilysthings.png" alt="the word \'lily!!\' next to a microwave" loading="lazy"></a>\n';
-const eris =
-  '<a href="https://eris.meows.gay/"><img class="badge" src="/assets/images/badges/friends/eris.png" alt="purple background, with pink text that reads \'eris\' and a cat" loading="lazy"></a>\n';
-const zvava =
-  '<a href="https://zvava.org/"><img class="badge" src="/assets/images/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying \'zvava.org\'" loading="lazy"></a>\n';
-const mira =
-  '<a href="https://csillagpor.net"><img class="badge" src="/assets/images/badges/friends/mira-button.png" alt="miras button\'" loading="lazy"></a>\n';
-const tempest =
-  '<a href="https://tempest.dev/"><img class="badge" src="/assets/images/badges/friends/tempest.dev.png" alt="badge for tempest.dev\'" loading="lazy"></a>\n';
-const disarray =
-  '<a href="https://disarray.sh/"><img class="badge" src="/assets/images/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>\n';
-const astrid =
-  '<a href="https://astrid.tech/"><img class="badge" src="/assets/images/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>\n';
-const constellatory =
-  '<a href="https://constellatory.net/"><img class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>\n';
-const nbsp =
-  '<a href="https://enby.space/"><img class="badge" src="/assets/images/badges/friends/nbsp.gif" alt="ralsei clapping next to the text \'nbsp\'" loading="lazy"></a>\n';
-const micro =
-  '<a href="https://micro.pages.gay/"><img class="badge" src="/assets/images/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>\n';
-const loveshock =
-  '<a href="https://loveshock.xyz/"><img class="badge" src="/assets/images/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text \'vist the jukebox at loveshock.xyz\'" loading="lazy"></a>\n';
-const pancakes =
-  '<a href="https://trypancakes.com/"><img class="badge" src="/assets/images/badges/friends/pancakes.png" alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word \'pancakes\'" loading="lazy"></a>\n';
-const sophari =
-  '<a href="https://sophari.org/"><img class="badge" src="https://sophari.org/img/sophari.gif" alt="black background, with white borders and text, colorful snow-like substance falling down, text says \'Sophari.org\' " loading="lazy"></a>\n';
-
-const badges = [
-  elke,
-  tomo,
-  lily,
-  eris,
-  zvava,
-  mira,
-  tempest,
-  disarray,
-  astrid,
-  constellatory,
-  nbsp,
-  micro,
-  loveshock,
-  pancakes,
-  sophari,
-];
-
-function shuffle(array) {
-  var currentIndex = array.length;
-  var temporaryValue;
-  var randomIndex;
-  while (0 !== currentIndex) {
-    randomIndex = Math.floor(Math.random() * currentIndex);
-    currentIndex -= 1;
-    temporaryValue = array[currentIndex];
-    array[currentIndex] = array[randomIndex];
-    array[randomIndex] = temporaryValue;
-  }
-  return array;
-}
-
-const shuffledBadges = shuffle(badges);
-
-for (var i = 0; i < 3; i++) {
-  document.getElementById("badge" + (i + 1)).innerHTML = shuffledBadges[i];
-}

frontend/src/components/footer/other-buttons.astro

@@ -1,62 +1,62 @@
 <div class="badgeContainer">
     <!-- Second line is made with stuff -->
     <a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><img class="badge" width="88" height="31"
-                                                                                 src="/assets/images/badges/validator.w3.org.png"
+                                                                                 src="/assets/images/badges/other/validator.w3.org.png"
                                                                                  alt="Invalid w3c html" loading="lazy"/></a>
     <a href="https://www.w3.org/TR/CSS/#css"><img class="badge" width="88" height="31"
-                                                  src="/assets/images/badges/made-with-css.gif" alt="Made with CSS"
+                                                  src="/assets/images/badges/other/made-with-css.gif" alt="Made with CSS"
                                                   loading="lazy"/></a>
     <a href="https://www.w3.org/TR/CSS/#css"><img class="badge" width="88" height="31"
-                                                  src="/assets/images/badges/css-is-difficult.gif"
+                                                  src="/assets/images/badges/other/css-is-difficult.gif"
                                                   alt="CSS is Difficult" loading="lazy"/></a>
     <a href="https://vscodium.com/"><img class="badge" width="88" height="31"
-                                         src="/assets/images/badges/vscodium.com.png" alt="Made with Vscodium"
+                                         src="/assets/images/badges/other/vscodium.com.png" alt="Made with Vscodium"
                                          loading="lazy"/></a>
     <a href="https://www.aseprite.org/"><img class="badge" width="88" height="31"
-                                             src="/assets/images/badges/ase-logo.gif" alt="Made with Aseprite"
+                                             src="/assets/images/badges/other/ase-logo.gif" alt="Made with Aseprite"
                                              loading="lazy"/></a>
     <a href="https://transfemscience.org/"><img class="badge" width="88" height="31"
-                                                src="/assets/images/badges/hrt-e2vial.gif" alt="powered by estrogen"
+                                                src="/assets/images/badges/other/hrt-e2vial.gif" alt="powered by estrogen"
                                                 loading="lazy"/></a>
     <!-- Memes -->
     <a href="https://ooo.eeeee.ooo/"><img class="badge" width="88" height="31"
-                                          src="/assets/images/badges/miku-approved.gif" alt="this site is miku approved"
+                                          src="/assets/images/badges/other/miku-approved.gif" alt="this site is miku approved"
                                           loading="lazy"/></a>
-    <img class="badge" width="88" height="31" src="/assets/images/badges/blink.gif" alt="Anime girl blinking"
+    <img class="badge" width="88" height="31" src="/assets/images/badges/other/blink.gif" alt="Anime girl blinking"
          loading="lazy"/>
-    <img class="badge" width="88" height="31" src="/assets/images/badges/tiredalien.gif" alt="tired alien"
+    <img class="badge" width="88" height="31" src="/assets/images/badges/other/tiredalien.gif" alt="tired alien"
          loading="lazy"/>
-    <a href="https://minecraft.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/minecraft.gif"
+    <a href="https://minecraft.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/other/minecraft.gif"
                                           alt="Minecraft" loading="lazy"/></a>
     <iframe id="incrementButton" src="//incr.easrng.net/badge?key=nelle"
             style="background: url(//incr.easrng.net/bg.gif); border: 0; display: none;" title="increment badge"
             width="88" height="31" loading="lazy"></iframe>
-    <a href="https://archlinux.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/archlinux.gif"
+    <a href="https://archlinux.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/other/archlinux.gif"
                                           alt="Archlinux badge" loading="lazy"/></a>
-    <a href="https://godotengine.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/godot.png"
+    <a href="https://godotengine.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/other/godot.png"
                                             alt="Godot game engine" loading="lazy"></a>
     <img class="badge" width="88" height="31" src="/assets/images/badges/friends/better-uptime-than-scaleway-dark.png"
          alt="background is black with red bars showing downtime, text above it says 'better uptime than scaleway' with black borders and why text, gray bars on top and bottom"
          loading="lazy"/>
     <!-- Flags -->
     <a href="https://new.lgbtqia.wiki/wiki/LGBT"><img class="badge" width="88" height="31"
-                                                      src="/assets/images/badges/rainbow_bev.gif" alt="Rainbow"
+                                                      src="/assets/images/badges/other/rainbow_bev.gif" alt="Rainbow"
                                                       loading="lazy"/></a>
     <a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"><img class="badge" width="88" height="31"
-                                                                       src="/assets/images/badges/demigirl.png"
+                                                                       src="/assets/images/badges/other/demigirl.png"
                                                                        alt="Demigirl flag" loading="lazy"></a>
     <a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img class="badge" width="88" height="31"
-                                                         src="/assets/images/badges/lesbian.png" alt="Lesbian flag"
+                                                         src="/assets/images/badges/other/lesbian.png" alt="Lesbian flag"
                                                          loading="lazy"></a>
     <a href="https://new.lgbtqia.wiki/wiki/Non-Binary"><img class="badge" width="88" height="31"
-                                                            src="/assets/images/badges/nonbinary.png"
+                                                            src="/assets/images/badges/other/nonbinary.png"
                                                             alt="Nonbinary flag" loading="lazy"></a>
     <a href="https://new.lgbtqia.wiki/wiki/Transgender"><img class="badge" width="88" height="31"
-                                                             src="/assets/images/badges/trans.png" alt="Trans flag"
+                                                             src="/assets/images/badges/other/trans.png" alt="Trans flag"
                                                              loading="lazy"></a>
     <a href="https://catppuccin.com"><img class="badge" width="88" height="31"
-                                          src="/assets/images/badges/catppuccin.gif"
+                                          src="/assets/images/badges/other/catppuccin.gif"
                                           alt="colorful animated catppuccin cat and rainbow" loading="lazy"></a>
     <!-- placehold -->
-    <!--<img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">-->
+    <!--<img class="badge" src="/assets/images/badges/other/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">-->
 </div>