wann ist ein mann ein mann?

Author: petracoding

content/_data/blogEntries.json

@@ -13,7 +13,7 @@
     "dateCreated": "2024-11-18",
     "dateUpdated": "2024-11-18",
     "tags": "queer, personal",
-    "description": "Some thoughts about polyamory for polyamory day, plus some media recs, headcanons, etc."
+    "description": "Some thoughts about polyamory for polyamory day, plus some media recs."
   },
   {
     "url": "why-i-stopped-using-social-media",

content/_data/changelog.json

@@ -1,5 +1,6 @@
 [
   { "date": "2025-11-XX", "text": "TEMPLATE", "link": "" },
+  { "date": "2025-11-18", "text": "Updated my polyamory blog post for polyamory day (nov. 23)!", "link": "/blog/polyamory-thoughts" },
   { "date": "2025-11-17", "text": "I replaced all imgur links and self-hosted images instead!", "link": "" },
   { "date": "2025-11-10", "text": "Indie Web Contest voting has started!", "link": "/contest" },
   { "date": "2025-09-07", "text": "Indie Web Contest participation form is open!", "link": "/contest" },

content/_data/nav.json

@@ -239,6 +239,12 @@
         "new": true,
         "hide": false,
         "icon": "fa-solid fa-trophy"
+      },
+           {
+        "link": "/about/advent-calendar-2025",
+        "label": "advent calendar!",
+        "new": false,
+        "hide": false
       },
       {
         "link": "/about/blinkies",

content/_includes/blog.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 -->
@@ -98,7 +97,8 @@ testingOnLocalhost: false
           <h2 style="height: 0px; overflow: hidden">Comments</h2>
           {% if commentsText %}
           <p>{{ commentsText | safe }}</p>
-          {% endif %} {% if commentsClosed %}Comments closed due to too many hate messages. :({% else %}
+          {% endif %} {% if commentsClosed %}Comments closed due to too many hate messages. :(<br />If you have something (nice) to say you can post it on my
+          <a href="https://neocities.org/site/petrapixel" target="_blank">Neocities profile</a>.{% else %}
           <div id="c_widget">Comment Widget could not be loaded!</div>
           <script src="{{ nesting }}assets/js/comment-widget.js"></script>
           {% endif %}

content/blog/polyamory-thoughts.html

@@ -1,17 +1,17 @@
 ---
 layout: blog.njk
 title: "Thoughts on Polyamory"
-description: "Some thoughts about polyamory for polyamory day, plus some media recs, headcanons, etc."
+description: "Some thoughts about polyamory for polyamory day, plus some media recs."
 nesting: "../"
 dateCreated: "2024-11-18"
-dateUpdated: "2024-11-18"
+dateUpdated: "2025-11-18"
 commentsClosed: true
 noSEO: true
 ---
 
 <article class="blog-article">
   <h1>Thoughts on Polyamory</h1>
-  <p>Some thoughts about polyamory for polyamory day (november 23rd), plus some media recs, headcanons, etc.</p>
+  <p>Some thoughts about polyamory for polyamory day (november 23rd), plus some media recs.</p>
   <div id="toc"></div>
 
   <hr />
@@ -128,16 +128,21 @@ <h2>Are you Polyamorous?</h2>
   <hr />
 
   <h2>Media Recs</h2>
-  <p>
-    First and foremost, I highly recommend reading the non-fiction book <a href="https://www.goodreads.com/book/show/9522254-sex-at-dawn" target="_blank">Sex at Dawn</a>. It will blow your mind. It
-    describes many cultures (past and present) that are culturally polyamorous. I think <b>everybody should read this book</b>!!!
-  </p>
+  <p>Non-fiction books to learn about polyamory:</p>
+  <ul>
+    <li>
+      <a href="https://www.goodreads.com/book/show/9522254-sex-at-dawn" target="_blank">Sex at Dawn</a>. It will blow your mind. It describes many cultures (past and present) that are culturally
+      polyamorous. I think <b>everybody should read this book</b>!!
+    </li>
+    <li><a href="https://www.goodreads.com/book/show/52569124-polysecure" target="_blank">Polysecure</a> for some tips for non-monogamy, plus some basic terms explained.</li>
+  </ul>
   <p>If you want to watch some TV shows with polyamorous characters, here are some I recommend:</p>
   <ul>
     <li>Elite</li>
     <li>The Politician</li>
     <li>Insatiable</li>
     <li>What We Do In The Shadows</li>
+    <li>Our Flag Means Death</li>
   </ul>
   <p>Some more TV shows that I've heard feature polyamory but I personally haven't seen yet:</p>
   <ul>

content/fun/advent-calendar-2025.html

@@ -0,0 +1,36 @@
+---
+layout: petrapixel.njk
+title: "advent calendar"
+description: "A little advent calendar full of digital challenges!"
+nesting: "../"
+---
+
+<section>
+  <h1>Advent Calendar of Digital Challenges!</h1>
+  <p>
+    I thought it would be fun to create a little advent calendar for all you folks! Every door will have a <b>digital challenge</b> that has something to do with your phone, pc, the internet,
+    software, etc. Most challenges are about <b>improving your digital experience/home</b>. Some can be done in 5 minutes, some might take an hour or longer. There's no need to do every single one -
+    though I recommend it! No challenges will be specific to having your own website, so you can participate even if you don't have a website!
+  </p>
+  <p>Real life is keeping me REALLY busy so the calendar might not be pretty, but it will be there!</p>
+  <p><i>(Doors can only be opened if it's actually that day or later (in your timezone) - no cheating!)</i></p>
+  <!-- <p><b>Happy Holidays!</b></p> -->
+
+  <noscript>JavaScript is required to view the calendar, sorry!</noscript>
+</section>
+
+<section id="advent-calendar">
+  <center style="font-size: 2em">Please come back in December!</center>
+  <center>I'm still working on the calendar...</center>
+  <!--
+  <div class="advent-calendar__door" data-day="1">1</div>
+  <div class="advent-calendar__door" data-day="18">18</div>
+  <div class="advent-calendar__door" data-day="34">34</div>
+  -->
+</section>
+
+<section>
+  <h2>Comments</h2>
+  <div id="c_widget">Comment Widget could not be loaded!</div>
+  <script src="{{ nesting }}assets/js/comment-widget.js"></script>
+</section>

js/main.js

@@ -8,6 +8,7 @@ import { initRandomGenerator } from "./pages/random-generator";
 import { initChecklist } from "./pages/checklist";
 import { initGoogleSheets } from "./pages/google-sheets";
 import { initWebsiteAgeCounter } from "./pages/about-the-site";
+import { initAdventCalendar } from "./pages/advent-calendar";
 // import { initWritingChart } from "./pages/writing";
 // import { initComprehensionQuestions } from "./pages/comprehension-questions";
 
@@ -39,6 +40,7 @@ document.addEventListener("DOMContentLoaded", function () {
   initWebsiteAgeCounter();
   //initWritingChart();
   //initComprehensionQuestions();
+  initAdventCalendar();
 
   /* SPECIAL: */
   //initAprilFools();

js/pages/advent-calendar.js

@@ -0,0 +1,15 @@
+export function initAdventCalendar() {
+  if (!document.querySelector("#advent-calendar")) return;
+
+  const month = new Date().getMonth() + 1;
+
+  // if (month !== 12) return;
+
+  const day = new Date().getDate(); // day of month (1–31)
+  const doors = document.querySelectorAll(".advent-calendar__door");
+
+  doors.forEach((door) => {
+    const doorDay = door.getAttribute("data-day");
+    if (day >= doorDay) door.classList.add("advent-calendar__door--open");
+  });
+}