are we prisoners or renegades?

Author: petracoding

content/_includes/petrapixel.njk

@@ -330,8 +330,8 @@ testingOnLocalhost: false
             <li aria-label="obsessed with:">
               <img src="{{ nesting }}assets/img/layout/icon-heart.png" alt="" title="obsessed with:" aria-hidden="true" />
               <span
-                >Byler <span style="font-family: sans-serif; font-size: 0.9em">♡</span
-                ><!----></span
+                >Manifestation<!-- <span style="font-family: sans-serif; font-size: 0.9em">♡</span
+                >--></span
               >
             </li>
           </ul>

content/contest.html

@@ -116,10 +116,13 @@ <h3>Most Unique</h3>
 
 <section>
   <h2>Participants</h2>
-  <p>Total participants: <b>175</b></p>
+  <p>Total participants: <b>175</b>. Here they are in alphabetical order.</p>
+
+  <hr />
 
   <h3>Category "Best Content"</h3>
-  <ol>
+  <p>(66 particpants)</p>
+  <ul>
     <li><a href="https://3maqi.neocities.org/" target="_blank">3maqi.neocities.org</a></li>
     <li><a href="https://94673.neocities.org/" target="_blank">94673.neocities.org</a></li>
     <li><a href="https://alicesdumbstuff.neocities.org/" target="_blank">alicesdumbstuff.neocities.org</a></li>
@@ -186,10 +189,13 @@ <h3>Category "Best Content"</h3>
     <li><a href="https://yarnfish.neocities.org/" target="_blank">yarnfish.neocities.org</a></li>
     <li><a href="https://yel1low.neocities.org/" target="_blank">yel1low.neocities.org</a></li>
     <li><a href="https://yogomagpie.neocities.org" target="_blank">yogomagpie.neocities.org</a></li>
-  </ol>
+  </ul>
+
+  <hr />
 
   <h3>Category "Most Beautiful"</h3>
-  <ol>
+  <p>(54 particpants)</p>
+  <ul>
     <li><a href="https://aobingfeet.pics/" target="_blank">aobingfeet.pics</a></li>
     <li><a href="https://asterionslabrynth.neocities.org/" target="_blank">asterionslabrynth.neocities.org</a></li>
     <li><a href="https://astersarchive.neocities.org/" target="_blank">astersarchive.neocities.org</a></li>
@@ -244,17 +250,21 @@ <h3>Category "Most Beautiful"</h3>
     <li><a href="https://whimsical-tendencies.neocities.org/" target="_blank">whimsical-tendencies.neocities.org</a></li>
     <li><a href="https://wraithcastle.com" target="_blank">wraithcastle.com</a></li>
     <li><a href="https://xenon-starz.neocities.org/" target="_blank">xenon-starz.neocities.org</a></li>
-  </ol>
+  </ul>
+
+  <hr />
 
   <h3>Category "Most Unique"</h3>
-  <ol>
+  <p>(55 particpants)</p>
+  <ul>
     <li><a href="https://256rem.xyz" target="_blank">256rem.xyz</a></li>
     <li><a href="https://annas-abode.neocities.org/" target="_blank">annas-abode.neocities.org</a></li>
     <li><a href="https://apollosadvocate.neocities.org/" target="_blank">apollosadvocate.neocities.org</a></li>
     <li><a href="https://beingofheat.com/" target="_blank">beingofheat.com</a></li>
     <li><a href="https://bigbrat.world/" target="_blank">bigbrat.world</a></li>
     <li><a href="https://bishoujopalace.neocities.org/" target="_blank">bishoujopalace.neocities.org</a></li>
     <li><a href="https://bitbyte.blog/" target="_blank">bitbyte.blog</a></li>
+    <li><a href="https://bluepuffin.net/" target="_blank">bluepuffin.net</a></li>
     <li><a href="https://braigwen.neocities.org/" target="_blank">braigwen.neocities.org</a></li>
     <li><a href="https://breadavota.cafe" target="_blank">breadavota.cafe</a></li>
     <li><a href="https://butcher-birds-nest.neocities.org" target="_blank">butcher-birds-nest.neocities.org</a></li>
@@ -301,9 +311,8 @@ <h3>Category "Most Unique"</h3>
     <li><a href="https://vijfsnippervijf.neocities.org" target="_blank">vijfsnippervijf.neocities.org</a></li>
     <li><a href="https://willascool.neocities.org" target="_blank">willascool.neocities.org</a></li>
     <li><a href="https://wondermap.neocities.org" target="_blank">wondermap.neocities.org</a></li>
-    <li><a href="https://www.bluepuffin.net/" target="_blank">bluepuffin.net</a></li>
     <li><a href="https://xenotrade.neocities.org/" target="_blank">xenotrade.neocities.org</a></li>
-  </ol>
+  </ul>
 </section>
 
 <section>

content/zz/preview.html

@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>petrapixel updated!</title>
+    <link href="../assets/img/favicon.ico" rel="icon" type="image/x-icon" />
+    <style>
+      body {
+        min-height: 100vh;
+        margin: 0;
+        overflow-y: hidden;
+      }
+
+      body > a {
+        display: block;
+      }
+
+      iframe {
+        width: 100%;
+        height: 100%;
+        min-height: 100vh;
+        border: 0;
+        pointer-events: none;
+        /* filter: blur(1px); */
+      }
+
+      aside {
+        position: fixed;
+        top: 2%;
+        left: 2%;
+        z-index: 999998;
+        pointer-events: none;
+        text-align: center;
+        font-size: 220px;
+        line-height: 1;
+        margin-top: 30px;
+        text-shadow: #fff 8px 8px, #fff -8px -8px;
+      }
+
+      main {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%) rotate(-25deg);
+        z-index: 999999;
+        pointer-events: none;
+        text-align: center;
+      }
+
+      main b {
+        font-family: "Alagard", "basiic", "rainyhearts", monospace, sans-serif;
+        letter-spacing: 0.01em;
+        line-height: 1;
+        color: #922a45;
+        font-size: 220px;
+        text-shadow: #fff 8px 8px, #fff -8px -8px;
+        white-space: nowrap;
+      }
+
+      main div {
+        display: inline-block;
+        font-size: 40px;
+        font-family: "rainyhearts", monospace, sans-serif;
+        line-height: 1;
+        text-shadow: #fff 2px 2px, #fff -2px -2px;
+        color: black;
+        background: rgba(255, 255, 255, 0.5);
+        padding: 7px 20px;
+        border-radius: 20px;
+        margin-top: 10px;
+      }
+    </style>
+  </head>
+  <body>
+    <a href="{{ changelog[1].link }}" title="Click to view changelog">
+      <iframe src="/"></iframe>
+    </a>
+    <aside>✨</aside>
+    <main>
+      <b>updated!</b>
+      <div>{{ changelog[1].text }}</div>
+    </main>
+  </body>
+</html>