crush always making me feel like i got nothing to offer

Author: petracoding

.eleventyignore

@@ -1 +1,3 @@
-content/coding/performance.html
+content/coding/performance.html
+content/creations/fractals-old.html
+content/creations/picmix-old.html

.gitignore

@@ -5,9 +5,8 @@
 /public/shrines/ggnsp.css
 /public/shrines/happylist.html
 /public/shrines/happylist.css
-/public/webring.html
-/public/coding/webringu.html
 /public/coding/glossary.html
+/public/fun/talking-games.html
 
 # Ignore these files because neocities doesn't allow them:
 *.cur

content/_data/changelog.json

@@ -1,5 +1,6 @@
 [
   { "date": "2025-06-XX", "text": "TEMPLATE", "link": "" },
+  { "date": "2025-06-20", "text": "More personality quizzes and a HTML/CSS quiz!", "link": "/coding/quizzes" },
   { "date": "2025-06-11", "text": "Personality quizzes are here!", "link": "/fun/quizzes" },
   { "date": "2025-06-09", "text": "Small updates", "link": "" },
   { "date": "2025-05-18", "text": "Cat(s) page is back!", "link": "/about/cats" },

content/_includes/coding.njk

@@ -82,7 +82,9 @@ testingOnLocalhost: false
       </header>
       <nav class="coding-navigation" data-nosnippet="true">
         <div class="coding-navigation-category" aria-label="Tools">
-          <div class="coding-navigation-category__title">Tools</div>
+          <div class="coding-navigation-category__title">
+            Tools <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small>
+          </div>
           <ul>
             <li>
               <a href="/coding/layout-generator"><i class="fa-solid fa-wand-magic-sparkles"></i><span>Layout Generator</span></a>
@@ -99,6 +101,12 @@ testingOnLocalhost: false
             <li>
               <a href="/coding/checklist"><i class="fa-solid fa-list-check"></i><span>Self-study Checklist</span></a>
             </li>
+            <li>
+              <a href="/coding/quizzes">
+                <i class="fa-solid fa-person-chalkboard"></i><span>Test your Knowledge!</span>
+                <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small
+              ></a>
+            </li>
             <!--
             <li>
               <a href="/coding/webringu"
@@ -286,13 +294,16 @@ testingOnLocalhost: false
           <div><b>Tip Jar</b><small>Buy me a coffee? :3</small></div>
         </a>
 
+        <!--
         <img src="{{ nesting }}assets/img/layout/divider2.gif" alt="" aria-hidden="true" style="image-rendering: pixelated" />
-        <!-- ----------------- CONTEST ----------------- -->
+       ----------------- CONTEST ----------------- 
 
         <a class="aside-contest" href="/contest">
           <img src="{{ nesting }}assets/img/layout/trophy.gif" width="80" height="85" />
           <div><b>Indie Web Contest</b><small>Winners announced!</small></div>
         </a>
+
+        -->
       </aside>
 
       <!-- ----------------- PROGRESS BAR ----------------- -->

content/_includes/nav.njk

@@ -6,7 +6,7 @@
     </li>
     <li>
       <details id="menu-aboutme">
-        <summary>about me <small>(2)</small></summary>
+        <summary>about me <small>(3)</small></summary>
         <ul>
           <li>
             <a href="/about/about-me">about me</a>
@@ -148,6 +148,11 @@
             <li>
               <a href="/coding/checklist">self-study checklist</a>
             </li>
+            <li>
+              <a href="/coding/quizzes"
+                >test your knowledge! <small class="aside-nav__new"><img src="{{ nesting }}assets/img/layout/new.gif" alt="" aria-hidden="true" /></small
+              ></a>
+            </li>
           </ul>
 
           <strong>First Steps:</strong>

content/_includes/petrapixel.njk

@@ -163,28 +163,20 @@ testingOnLocalhost: false
           <div class="aside-stuff aside-poll" aria-hidden="true">
             <div class="aside-stuff__heading" aria-hidden="true">Poll<img src="{{ nesting }}assets/img/layout/icon-stats.png" alt="" aria-hidden="true" /></div>
 
-            <form method="post" action="https://poll.pollcode.com/59131964">
+            <form method="post" action="https://poll.pollcode.com/28112425">
               <div style="background-color: #eeeeee; padding: 2px; width: 175px; font-family: Arial; font-size: small; color: #000000">
-                <div style="padding: 2px 0px 4px 2px"><strong>favorite doctor from doctor who?</strong></div>
-                <input type="radio" name="answer" value="1" id="answer591319641" style="float: left" /><label for="answer591319641" style="float: left; width: 150px">one of the classic ones</label>
+                <div style="padding: 2px 0px 4px 2px"><strong>how often do you wash your hair?</strong></div>
+                <input type="radio" name="answer" value="1" id="answer281124251" style="float: left" /><label for="answer281124251" style="float: left; width: 150px">every day</label>
                 <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="2" id="answer591319642" style="float: left" /><label for="answer591319642" style="float: left; width: 150px">nine</label>
+                <input type="radio" name="answer" value="2" id="answer281124252" style="float: left" /><label for="answer281124252" style="float: left; width: 150px">every other day</label>
                 <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="3" id="answer591319643" style="float: left" /><label for="answer591319643" style="float: left; width: 150px">ten</label>
+                <input type="radio" name="answer" value="3" id="answer281124253" style="float: left" /><label for="answer281124253" style="float: left; width: 150px">every 3-4 days</label>
                 <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="4" id="answer591319644" style="float: left" /><label for="answer591319644" style="float: left; width: 150px">eleven</label>
+                <input type="radio" name="answer" value="4" id="answer281124254" style="float: left" /><label for="answer281124254" style="float: left; width: 150px">every 5-6 days</label>
                 <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="5" id="answer591319645" style="float: left" /><label for="answer591319645" style="float: left; width: 150px">twelve</label>
+                <input type="radio" name="answer" value="5" id="answer281124255" style="float: left" /><label for="answer281124255" style="float: left; width: 150px">once a week</label>
                 <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="6" id="answer591319646" style="float: left" /><label for="answer591319646" style="float: left; width: 150px">thirteen</label>
-                <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="7" id="answer591319647" style="float: left" /><label for="answer591319647" style="float: left; width: 150px">fourteen</label>
-                <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="8" id="answer591319648" style="float: left" /><label for="answer591319648" style="float: left; width: 150px">fifteen</label>
-                <div style="clear: both; height: 2px"></div>
-                <input type="radio" name="answer" value="9" id="answer591319649" style="float: left" /><label for="answer591319649" style="float: left; width: 150px"
-                  >i don't watch doctor who <smalL> (what the hell is wrong with you?! go watch it now!)</smalL></label
-                >
+                <input type="radio" name="answer" value="6" id="answer281124256" style="float: left" /><label for="answer281124256" style="float: left; width: 150px">less than once a week</label>
                 <div style="clear: both; height: 2px"></div>
                 <div align="center" style="padding: 3px"><input type="submit" value=" Vote " />&nbsp;<input type="submit" name="view" value=" View " /></div>
                 <div align="right" style="font-size: 10px">pollcode.com <a href="https://pollcode.com/">free polls</a></div>
@@ -361,7 +353,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 new person in my life
+                ><a href="/fun/quizzes">making uQuizzes</a>
                 <!--<span style="font-family:sans-serif;font-size:0.9em">♡</span>--></span
               >
             </li>

content/about/about-the-site.html

@@ -182,7 +182,6 @@ <h2>To Do List</h2>
     <li>more page speed optimization!</li>
     <li>fandom/ship stuff</li>
     <li>picrews (on about me page)</li>
-    <li>quizzes</li>
     <li>moodboards</li>
     <li>more shrines!!! game grumps/nsp, dinosaurs, ... <b>WIP</b></li>
     <li>book quotes i like</li>
@@ -191,7 +190,7 @@ <h2>To Do List</h2>
     <li><s>photobook?</s> felt like glorified instagram</li>
     <li>spooky month media?</li>
     <li>backup tutorial</li>
-    <li>"talking games" page</li>
+    <li>"talking games" page <b>WIP</b></li>
   </ul>
   <br />
   <p>Coding tutorials, guides and resources I want to make:</p>
@@ -208,6 +207,26 @@ <h2>To Do List</h2>
   </ul>
 </section>
 
+<section>
+  <h2>Milestones</h2>
+  <ul>
+    <li>2025-05-22: <strong>900</strong> followers <span class="gend-link"></span></li>
+    <li>2025-04-23: <strong>800</strong> followers, 2000 claps <span class="gend-link"></span></li>
+    <li>2025-04-08: 200 guestbook messages reached <span class="gend-link"></span></li>
+    <li>2025-03-16: <strong>700</strong> followers <span class="gend-link"></span></li>
+    <li>2025-03-04: 1500 claps <span class="gend-link"></span></li>
+    <li>2025-02-25: <strong>600</strong> followers <span class="gend-link"></span></li>
+    <li>2025-02-08: <strong>500</strong> followers <span class="gend-link"></span></li>
+    <li>2025-01-21: <strong>400</strong> followers, 1000 claps <span class="gend-link"></span></li>
+    <li>2025-01-17: 100 guestbook messages reached <span class="gend-link"></span></li>
+    <li>2024-12-19: <strong>300</strong> followers <span class="gend-link"></span></li>
+    <li>2024-10-03: <strong>200</strong> followers <span class="gend-link"></span></li>
+    <li>2024-??-?? : <strong>100</strong> followers <span class="gend-link"></span></li>
+    <li>2024-02-16: website started <span class="gend-link"></span></li>
+    <li>2021-11-10: account created <span class="gend-link"></span></li>
+  </ul>
+</section>
+
 <section>
   <h2>Link back to me!</h2>
   <p>Hotlinking is a-okay! <img aria-hidden="true" src="../assets/img/inline/happy.gif" /></p>

content/about/cats.html

@@ -245,7 +245,7 @@ <h2 id="chico">Chico <img aria-hidden="true" alt="" src="../assets/img/inline/he
       <img alt="" src="../assets/img/cats/chico9.jpg" />
     </a>
   </div>
-</section>
+</section>-->
 <section>
   <h2 id="izzy">Izzy <img aria-hidden="true" alt="" src="../assets/img/inline/heart-blue.png" /></h2>
   <div class="cat">
@@ -282,7 +282,6 @@ <h2 id="izzy">Izzy <img aria-hidden="true" alt="" src="../assets/img/inline/hear
     </a>
   </div>
 </section>
--->
 
 <!-- Packery: -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

content/about/media-log.html

@@ -159,6 +159,34 @@ <h2>Full Log</h2>
 
 <div aria-hidden="true" style="display: none" id="media-log-content">
   <div data-year="2025">
+    <p>— <em>may </em></p>
+    <ul>
+      <li>∷ <strong>severance</strong> <em>(s1-2)</em></li>
+      <li>∷ the last of us <em>(s2)</em></li>
+      <li>∷ abbott elementary <em>(s4)</em></li>
+      <li>⋆ 10 things i hate about you ↺</li>
+      <li>⋆ a real pain</li>
+      <li>⋆ thunderbolts* ﾐ</li>
+      <li>❝ polysecure, <em>jessica fern</em></li>
+      <li>❝ homo deus, <em>yuval noah harari</em></li>
+      <li>ϟ <strong>minecraft</strong></li>
+    </ul>
+    <p>— <em>april </em></p>
+    <ul>
+      <li>∷ <strong>jurassic world: chaos theory</strong> <em>(s3)</em></li>
+      <li>∷ <strong>you</strong> <em>(s5)</em></li>
+      <li>∷ cunk on earth</li>
+      <li>∷ the last of us <em>(s2)</em></li>
+      <li>⋆ dracula: dead and loving it</li>
+      <li>⋆ ferris bueller's day off</li>
+      <li>⋆ to all the boys i've loved before</li>
+      <li>⋆ to all the boys: always and forever</li>
+      <li>⋆ to all the boys: p.s. i still love you</li>
+      <li>❝ <strong>a curious history of sex,</strong> <em>kate lister</em></li>
+      <li>❝ <strong>come as you are,</strong> <em>emily nagoski</em></li>
+      <li>❝ <strong>the charisma myth,</strong> <em>olivia fox cabane</em></li>
+      <li>ϟ <strong>minecraft</strong></li>
+    </ul>
     <p>— <em>march </em></p>
     <ul>
       <li>∷ <strong>lost</strong> <em>(s2-3)</em></li>

content/coding/quizzes.html

@@ -0,0 +1,32 @@
+---
+layout: coding.njk
+title: "coding quizzes"
+description: "Test your HTML and CSS knowledge! Neocities."
+nesting: "../"
+codeHighlight: false
+mainClass: coding-page
+toc: false
+---
+
+<style>
+  iframe[src*="coding/quiz"] {
+    border: none;
+    padding: 0;
+    width: 100%;
+    height: 646px;
+    border-radius: 10px;
+  }
+</style>
+
+<section>
+  <h1>Coding Quizzes</h1>
+  <i class="fa-solid fa-person-chalkboard"></i>
+  <p>I made a little quiz so you can test your HTML/CSS knowledge! It's beginner/intermediate level, but I will make a harder one soon!</p>
+  <p>Like quizzes? I made some <a href="/fun/quizzes">fun personality quizzes</a> too!</p>
+
+  <hr />
+
+  <h2>HTML & CSS Quiz</h2>
+  <p>(There is also an <a href="https://uquiz.com/eptDw3" target="_blank">external/fullscreen version</a>.)</p>
+  <iframe src="/coding/quizzes/beginner.html"></iframe>
+</section>