don't you shy away

Author: petracoding

content/_includes/blog.njk

@@ -98,9 +98,10 @@ testingOnLocalhost: false
           <h2 style="height: 0px; overflow: hidden">Comments</h2>
           {% if commentsText %}
           <p>{{ commentsText | safe }}</p>
-          {% endif %}
+          {% endif %} {% if commentsClosed %}Comments closed due to too many hate messages. :({% else %}
           <div id="c_widget">Comment Widget could not be loaded!</div>
           <script src="{{ nesting }}assets/js/comment-widget.js"></script>
+          {% endif %}
         </section>
         {% endif %}
       </main>
@@ -122,26 +123,23 @@ testingOnLocalhost: false
             <img width="80" height="18" src="//clap.fc2.com/images/button/pink/petrapixel?url=https%3A%2F%2Fpetrapixel.neocities.org%2F&amp;lang=en" alt="clap for me on clap.fc2.com" />
             <small>click to clap for me!</small>
           </a>
-          <br />
-          <center>
-            <small>Visitors:</small>
-            {% if not testingOnLocalhost %}
-
-            <!-- new -->
-            <script type="text/javascript" src="https://counter.websiteout.com/js/30/0/128970/0"></script>
-
-            <!-- old (broke at 128970 hits) -->
-            <a href="https://www.free-website-hit-counter.com"> <img src="https://www.free-website-hit-counter.com/c.php?d=7&id=166390&s=18" border="0" alt="" /> </a>
-
-            {% endif %}
-          </center>
         </div>
       </footer>
     </div>
 
-    {% if not testingOnLocalhost %}<a href="https://www.free-website-hit-counter.com">
-      <img src="https://www.free-website-hit-counter.com/c.php?d=7&id=166390&s=18" border="0" aria-hidden="true" alt="Free Website Hit Counter" style="height: 0; width: 0" /> </a
-    >{% endif %} {% if lightbox %}
+    <!-- Hit Counter  -->
+    {% if not testingOnLocalhost %}
+    <div class="blog-hitcounter">
+      <!-- new -->
+      <script type="text/javascript" src="https://counter.websiteout.com/js/30/0/128970/0"></script>
+
+      <!-- old (broke at 128970 hits) -->
+      <a href="https://www.free-website-hit-counter.com"> <img src="https://www.free-website-hit-counter.com/c.php?d=7&id=166390&s=18" border="0" alt="" /> </a>
+    </div>
+    {% endif %}
+
+    <!-- Lightbox -->
+    {% if lightbox %}
     <script src="../assets/js/fslightbox.js"></script>
     {% endif %}
   </body>

content/_includes/coding.njk

@@ -152,13 +152,7 @@ testingOnLocalhost: false
               >
             </li>
             <li>
-              <a href="/coding/cachebusting"
-                ><i class="fa-solid fa-bomb"></i
-                ><span
-                  >Cachebusting <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small
-                  ><small>(how to stop your website from being cached)</small>
-                </span></a
-              >
+              <a href="/coding/cachebusting"><i class="fa-solid fa-bomb"></i><span>Cachebusting </span></a>
             </li>
             <!--
             <li>
@@ -343,9 +337,12 @@ testingOnLocalhost: false
           <br />
           <center>
             <small>Visitors:</small>
-            {% if not testingOnLocalhost %}<a href="https://www.free-website-hit-counter.com">
-              <img src="https://www.free-website-hit-counter.com/c.php?d=7&id=166390&s=18" border="0" alt="Free Website Hit Counter" />
-            </a>
+            {% if not testingOnLocalhost %}
+            <!-- new -->
+            <script type="text/javascript" src="https://counter.websiteout.com/js/30/0/128970/0"></script>
+
+            <!-- old (broke at 128970 hits) -->
+            <a href="https://www.free-website-hit-counter.com"> <img src="https://www.free-website-hit-counter.com/c.php?d=7&id=166390&s=18" border="0" alt="" /> </a>
             {% endif %}
           </center>
           <br />

content/_includes/nav.njk

@@ -208,6 +208,7 @@
             <li>
               <a href="/coding/now-what">i know html/css/js... now what?</a>
             </li>
+            <li><a href="/webring">code collective webring</a></li>
             <!-- <li>
               <a href="/coding/game-dev-journey"
                 >my game dev journey <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small

content/_includes/petrapixel.njk

@@ -204,6 +204,7 @@ testingOnLocalhost: false
           <div class="aside-stuff aside-blinkies" aria-hidden="true">
             <marquee class="marquee aside-blinkies__buttons" scrollamount="5">{% include 'blinkies-blinkies.njk' %}</marquee>
             <marquee class="marquee aside-blinkies__blinkies" scrollamount="4">{% include 'blinkies-buttons.njk' %}</marquee>
+            <div id="afterneighbours">Click <a href="/about/blinkies">here</a> to view them all.</div>
           </div>
 
           <img src="{{ nesting }}assets/img/layout/divider6.gif" alt="" aria-hidden="true" style="margin-top: -5px" />
@@ -265,6 +266,8 @@ testingOnLocalhost: false
             <img width="145" height="56" src="{{ nesting }}assets/img/layout/kirby2light.png" alt="follow me on neocities" class="only-show-in-light-mode" />
             <img width="145" height="56" src="{{ nesting }}assets/img/layout/kirby2.png" alt="follow me on neocities" class="only-show-in-dark-mode" />
           </a>
+          <center style="margin-top: 5px"><small>(thanks for 1000 followers!)</small></center>
+
           <a id="clap-for-me" href="//clap.fc2.com/post/petrapixel/?url=https%3A%2F%2Fpetrapixel.neocities.org%2F&title=petrapixel" target="_blank">
             <img width="80" height="18" src="//clap.fc2.com/images/button/pink/petrapixel?url=https%3A%2F%2Fpetrapixel.neocities.org%2F&amp;lang=en" alt="clap for me on clap.fc2.com" />
             <small>click to clap for me!</small>

content/about/about-me.html

@@ -135,10 +135,16 @@ <h2>Me Core:</h2>
 </section>
 
 <section>
-  <div class="about-me-page__random-fact">
-    <p id="randomfact">Click on the button below for a random fact about me!</p>
-    <button type="button" id="gimmerandomfact">gimme!</button>
-    <noscript>Please enable JavaScript for this!</noscript>
+  <div class="about-me-page__blinkies">
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/emoticons.gif" alt="Blinkie: I support emoticons" /></div>
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/b (14).gif" alt="Blinkie: Daydreamer" /></div>
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/b (5).gif" alt="Blinkie: This user is bi" /></div>
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/polyamorous.gif" alt="Blinkie: Polyamorous" /></div>
+
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/corporateinvasion.gif" alt="Blinkie: I feel violated by the corporate invasion on my attention span" /></div>
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/b (26).gif" alt="Blinkie: Pink! Pink! ... I love Pink!" /></div>
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/b (10).gif" alt="Blinkie: I love toast" /></div>
+    <div><img loading="lazy" width="150" height="20" src="../assets/img/blinkies/blinkies/my-back-hurts.gif" alt="Blinkie: My back hurts!!!" /></div>
   </div>
 </section>
 
@@ -263,6 +269,14 @@ <h2>Dislikes <img alt="" aria-hidden="true" src="../assets/img/inline/!2.gif" al
   </div>
 </section>
 
+<section>
+  <div class="about-me-page__random-fact">
+    <p id="randomfact">Click on the button below for a random fact about me!</p>
+    <button type="button" id="gimmerandomfact">gimme!</button>
+    <noscript>Please enable JavaScript for this!</noscript>
+  </div>
+</section>
+
 <section>
   <div class="about-me-page__lists about-me-page__lists--favorites">
     <div class="about-me-page__list">
@@ -385,6 +399,51 @@ <h2>Other Favorites <img alt="" aria-hidden="true" src="../assets/img/inline/bub
   </div>
 </section>
 
+<section>
+  <div class="about-me-page__pokemon-heading">
+    <img width="13" height="13" src="../assets/img/me/pokemon/pokeball.gif" alt="Pokéball" />
+    <span>My favorite Pokémon</span>
+    <img width="13" height="13" src="../assets/img/me/pokemon/pokeball.gif" alt="Pokéball" />
+  </div>
+  <div class="about-me-page__pokemon-team">
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Pikachu_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/025.png" alt="Pikachu" />
+      <b>#025</b>
+      <span>Pikachu</span>
+    </a>
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Oddish_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/043.png" alt="Oddish" />
+      <b>#043</b>
+      <span>Oddish</span>
+    </a>
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Psyduck_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/054.png" alt="Psyduck" style="transform: scale(0.8)" />
+      <b>#054</b>
+      <span>Psyduck</span>
+    </a>
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Abra_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/063.png" alt="Abra" />
+      <b>#063</b>
+      <span>Abra</span>
+    </a>
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Porygon_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/137.png" alt="Porygon" />
+      <b>#137</b>
+      <span>Porygon</span>
+    </a>
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Mew_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/151.png" alt="Mew" style="margin-top: -10px; margin-bottom: 10px" />
+      <b>#151</b>
+      <span>Mew</span>
+    </a>
+    <a class="about-me-page__pokemon" href="https://bulbapedia.bulbagarden.net/wiki/Drifloon_(Pok%C3%A9mon)">
+      <img width="80" src="../assets/img/me/pokemon/425.png" alt="Drifloon" />
+      <b>#425</b>
+      <span>Drifloon</span>
+    </a>
+  </div>
+</section>
+
 <section>
   <h2>Elsewhere</h2>
   <div class="about-me-page__windows">

content/about/about-the-site.html

@@ -191,6 +191,7 @@ <h2>To Do List</h2>
     <li>spooky month media?</li>
     <li>backup tutorial</li>
     <li>"talking games" page <b>WIP</b></li>
+    <li>graphic collection</li>
   </ul>
   <br />
   <p>Coding tutorials, guides and resources I want to make:</p>
@@ -204,12 +205,15 @@ <h2>To Do List</h2>
     <li>comprehension questions in tutorials <b>WIP</b></li>
     <li>"roter Faden" through all tutorials ?</li>
     <li>prebuilt templates!</li>
+    <li>ideas for personal websites</li>
+    <li>templates!</li>
   </ul>
 </section>
 
 <section>
   <h2>Milestones</h2>
   <ul>
+    <li>2025-07-11: <strong>300</strong> guestbook messages reached</li>
     <li>2025-06-24: <strong>1000</strong> followers reached! 🎉</li>
     <li>2025-05-22: <strong>900</strong> followers</li>
     <li>2025-04-23: <strong>800</strong> followers, 2000 claps</li>

content/about/credits.html

@@ -79,7 +79,7 @@ <h2>Codes / Widgets:</h2>
     </li>
     <li>
       <!-- <a href="https://sadgrl.online/learn/articles/last-update-visitors" target="_blank"><b>hit count widget</b> (sadgrl.online)</a> -->
-      <a href="https://www.free-website-hit-counter.com/" target="_blank"><b>visitor count widget</b></a>
+      <a href="https://www.websiteout.net/counter.php" target="_blank"><b>hit counter</b></a>
     </li>
     <li>
       <a href="https://github.com/biancarosa/lastfm-last-played" target="_blank"><b>last.fm widget</b> (by biancarosa)</a>

content/blog/polyamory-thoughts.html

@@ -5,6 +5,8 @@
 nesting: "../"
 dateCreated: "2024-11-18"
 dateUpdated: "2024-11-18"
+commentsClosed: true
+noSEO: true
 ---
 
 <article class="blog-article">

content/coding/bookmarks.html

@@ -365,7 +365,7 @@ <h3 id="images">Images</h3>
         <div class="bookmark__title"><a href="https://gifcities.org/" target="_blank">GifCities</a></div>
         <div class="bookmark__description">Search engine for old web gifs</div>
       </div>
-      <div class="bookmark">
+      <div class="bookmark bookmark--star">
         <div class="bookmark__title"><a href="https://www.glitter-graphics.com/" target="_blank">Glitter-Graphics.com</a></div>
         <div class="bookmark__description">Gifs and images with a 2000s vibe</div>
       </div>
@@ -434,7 +434,7 @@ <h3 id="widgets">Widgets</h3>
         <div class="bookmark__description">Embed polls</div>
       </div>
       <div class="bookmark">
-        <div class="bookmark__title"><a href="https://www.free-website-hit-counter.com/" target="_blank">free-website-hit-counter</a></div>
+        <div class="bookmark__title"><a href="https://www.websiteout.net/counter.php" target="_blank">websiteout counter</a></div>
         <div class="bookmark__description">Visitor Counter</div>
       </div>
       <div class="bookmark">

content/webring.html

@@ -13,6 +13,24 @@
       buttonUrl: "https://cdn.jsdelivr.net/gh/petracoding/petrapixel.neocities.org@latest/public/assets/img/linkback.gif",
       description: "layout builder, widgets, tutorials, snippets, tools, quizzes, helpful links and more!",
     },
+    {
+      url: "http://itinerae.blogspot.com",
+      title: "Shye",
+      buttonUrl: "https://64.media.tumblr.com/c0a11b28b63c805385fdeddc5661a913/313a0ea13d2814bf-98/s100x200/edcbeff0ae9ab8ca93ce6071311c9d739b7857fb.jpg",
+      description: "layouts, graphic collections",
+    },
+    {
+      url: "https://kristylicious.neocities.org/",
+      title: "kristylicious",
+      buttonUrl: "https://kristy.nekoweb.org/images/kristyliciousbutton.png",
+      description: "layouts, graphic collections",
+    },
+    {
+      url: "https://jbcarreon123.nekoweb.org/",
+      title: "jb",
+      buttonUrl: "https://jbcarreon123.nekoweb.org/imgs/buttons/jbtn.svg",
+      description: "tools, tutorials, support and more!",
+    },
   ];
 </script>
 <script src="{{ nesting }}assets/js/webringu.js{{ nocache }}"></script>
@@ -28,10 +46,10 @@ <h1>Code Collective (Webring)</h1>
 
 <section>
   <h2>Members</h2>
-  <!-- <p>This webring has <span id="webringucount"></span> members.</p> -->
+  <p>This webring has <b id="webringucount"></b> members.</p>
   <div id="webringulist"></div>
   <noscript>Please enable JavaScript to view the member list.</noscript>
-  <p>Nobody else yet, please join!</p>
+  <p>Nobody else yet because the webring is so new, please join!</p>
 </section>
 
 <section>