one way or another

Author: petracoding

content/_data/changelog.json

@@ -1,5 +1,6 @@
 [
   { "date": "2025-08-XX", "text": "TEMPLATE", "link": "" },
+  { "date": "2025-08-07", "text": "More styling options for my widgets!", "link": "/coding/widgets" },
   { "date": "2025-08-02", "text": "I made a page about my online childhood!", "link": "/about/my-online-childhood" },
   { "date": "2025-07-29", "text": "Improved the git tutorial a bit", "link": "/coding/git-tutorial" },
   { "date": "2025-07-28", "text": "New personality quiz: Rate my 'Hear me out's!", "link": "/fun/quizzes" },

content/_includes/coding.njk

@@ -9,8 +9,7 @@ testingOnLocalhost: false
     {% if not noSEO %}
     <meta
       name="description"
-      content="{{ description or 'Welcome to petrapixel! Here you can find many resources for Neocities, coding help, media recommendations and more in a cute Old Web aesthetic!' }}"
-    />
+      content="{{ description or 'Welcome to petrapixel! Here you can find many resources for Neocities, coding help, media recommendations and more in a cute Old Web aesthetic!' }}" />
     {% endif %}
 
     <!-- CSS/JS + CACHEBUSTING -->

content/_includes/petrapixel.njk

@@ -9,8 +9,7 @@ testingOnLocalhost: false
     {% if not noSEO %}
     <meta
       name="description"
-      content="{{ description or 'Welcome to petrapixel! Here you can find many resources for Neocities, coding help, media recommendations and more in a cute Old Web aesthetic!' }}"
-    />
+      content="{{ description or 'Welcome to petrapixel! Here you can find many resources for Neocities, coding help, media recommendations and more in a cute Old Web aesthetic!' }}" />
     {% endif %}
 
     <!-- CSS/JS + CACHEBUSTING  TO DO FIX-->
@@ -331,8 +330,7 @@ testingOnLocalhost: false
                   frameborder="0"
                   width="150"
                   height="17"
-                  allowtransparency="true"
-                ></iframe>
+                  allowtransparency="true"></iframe>
               </div>
             </div>
           </div>
@@ -374,7 +372,7 @@ testingOnLocalhost: false
             <li aria-label="obsessed with:">
               <img src="{{ nesting }}assets/img/layout/icon-heart.png" alt="" title="obsessed with:" aria-hidden="true" />
               <span
-                ><a href="/fun/quizzes">Coding</a>
+                ><a href="/fun/quizzes">Holly, the cat that keeps visiting me</a>
                 <!--<span style="font-family:sans-serif;font-size:0.9em">♡</span>--></span
               >
             </li>
@@ -417,8 +415,7 @@ testingOnLocalhost: false
             marginwidth="0"
             scrolling="auto"
             aria-label="Chatbox"
-            tabindex="-1"
-          ></iframe>
+            tabindex="-1"></iframe>
         </div>
 
         <!-- ----------------- TIP JAR ----------------- -->

content/about/cats.html

@@ -255,6 +255,40 @@ <h2 id="chico">Chico <img aria-hidden="true" alt="" src="../assets/img/inline/he
   </div>
 </section>-->
 
+<section>
+  <h2 id="holly">Holly <img aria-hidden="true" alt="" src="../assets/img/inline/heart-yellow.png" /></h2>
+  <div class="cat">
+    <div class="cat__quick-facts">
+      <p><strong>Name:</strong> <span>unknown</span></p>
+      <p><strong>Nicknames:</strong> <span>Holly</span></p>
+      <p><strong>Gender:</strong> <span>female</span></p>
+      <p><strong>Age:</strong> <span>unknown, but young</span></p>
+      <p><strong>Colour:</strong> <span>tabby with white spots</span></p>
+      <p><strong>Likes:</strong> <span>cuddles</span></p>
+      <p><strong>Dislikes:</strong> <span>quick movements</span></p>
+      <p><strong>i met her in:</strong> <span>august 2025</span></p>
+    </div>
+    <div class="cat__description">
+      Yet another neighbor's cat that loves to visit me! She was very shy at the start, but once I managed to lure her in and pet her she realised that she actually loves cuddles! I love her so much.
+      She visits me every day, and likes to hang out in my apartment (often on top of me) for hours.
+    </div>
+  </div>
+  <div class="cats-gallery lightbox-images">
+    <a data-fslightbox href="../assets/img/cats/holly (1).jpg" class="image">
+      <img alt="" src="../assets/img/cats/holly (1).jpg" />
+    </a>
+    <a data-fslightbox href="../assets/img/cats/holly (2).jpg" class="image">
+      <img alt="" src="../assets/img/cats/holly (2).jpg" />
+    </a>
+    <a data-fslightbox href="../assets/img/cats/holly (3).jpg" class="image">
+      <img alt="" src="../assets/img/cats/holly (3).jpg" />
+    </a>
+    <a data-fslightbox href="../assets/img/cats/holly (4).jpg" class="image">
+      <img alt="" src="../assets/img/cats/holly (4).jpg" />
+    </a>
+  </div>
+</section>
+
 <section>
   <h2 id="padme">Padme <img aria-hidden="true" alt="" src="../assets/img/inline/heart-purple.png" /></h2>
   <div class="cat">
@@ -339,39 +373,6 @@ <h2 id="bibi">Bibi <img aria-hidden="true" alt="" src="../assets/img/inline/hear
   </div>
 </section>
 
-<section>
-  <h2 id="holly">Holly <img aria-hidden="true" alt="" src="../assets/img/inline/heart-yellow.png" /></h2>
-  <div class="cat">
-    <div class="cat__quick-facts">
-      <p><strong>Name:</strong> <span>unknown</span></p>
-      <p><strong>Nicknames:</strong> <span>Holly</span></p>
-      <p><strong>Gender:</strong> <span>female</span></p>
-      <p><strong>Age:</strong> <span>unknown, but young</span></p>
-      <p><strong>Colour:</strong> <span>tabby with white spots</span></p>
-      <p><strong>Likes:</strong> <span>cuddles</span></p>
-      <p><strong>Dislikes:</strong> <span>quick movements</span></p>
-      <p><strong>i met her in:</strong> <span>august 2025</span></p>
-    </div>
-    <div class="cat__description">
-      Yet another neighbor's cat that loves to visit me! She was very shy at the start, but once I managed to lure her in and pet her she realised that she actually loves cuddles! I love her so much.
-    </div>
-  </div>
-  <div class="cats-gallery lightbox-images">
-    <a data-fslightbox href="../assets/img/cats/holly (1).jpg" class="image">
-      <img alt="" src="../assets/img/cats/holly (1).jpg" />
-    </a>
-    <a data-fslightbox href="../assets/img/cats/holly (2).jpg" class="image">
-      <img alt="" src="../assets/img/cats/holly (2).jpg" />
-    </a>
-    <a data-fslightbox href="../assets/img/cats/holly (3).jpg" class="image">
-      <img alt="" src="../assets/img/cats/holly (3).jpg" />
-    </a>
-    <a data-fslightbox href="../assets/img/cats/holly (4).jpg" class="image">
-      <img alt="" src="../assets/img/cats/holly (4).jpg" />
-    </a>
-  </div>
-</section>
-
 <section>
   <h2 id="izzy">Izzy <img aria-hidden="true" alt="" src="../assets/img/inline/heart-yellow.png" /></h2>
   <div class="cat">