Merge branch 'main' of https://github.com/gnargle/gnargle.github.io

[gnargle.github.io.git] / projects / pipboy.html

diff --git a/projects/pipboy.html b/projects/pipboy.html
index 05fe3c029eb8c2f7806a01f1eea61413eab785b3..091a5d8664f8cbc3bf527b9eb2497eaafd6ab78d 100644 (file)
--- a/projects/pipboy.html
+++ b/projects/pipboy.html
@@ -23,11 +23,11 @@
     />
     <meta
       property="og:image"
-      content="https://athene.gay/img/projects/pipboy/pipboy2.jpg"
+      content="https://athene.gay/img/projects/pipboy/accurateLayout.jpg"
     />
     <meta
       name="twitter:image"
-      content="https://athene.gay/img/projects/pipboy/pipboy2.jpg"
+      content="https://athene.gay/img/projects/pipboy/accurateLayout.jpg"
     />
     <link rel="stylesheet" href="../main.css" />
   </head>
@@ -753,9 +753,9 @@
                 <h3 class="datestamp">22/03/2025</h3>
               </div>
               <p>
-                OK we're back again baby. And this time I sweart I am going to
-                do input. To show willing I've even already started diving into
-                the firmware to work out how it's done!
+                OK we're back again baby. And this time I swear I am going to do
+                input. To show willing I've even already started diving into the
+                firmware to work out how it's done!
               </p>
               <a href="../img/projects/pipboy/firmwareInputListener.png">
                 <img class="blog-img-lrg"
@@ -875,6 +875,38 @@
                 the footer will display over the torch screen. Neat!
               </p>
               <p>Anyway that is really it this time. Thanks for reading <3</p>
+              <div class="title-block">
+                <h3 class="blog-title">The Stats Screen</h3>
+                <h3 class="datestamp">22/03/2025</h3>
+              </div>
+              <p>
+                OK I WORKED ON IT A BIT MORE but as mentioned it wasn't
+                particularly exciting - this actually reuses basically all the
+                same code, with just a smidge more for drawing the skill points.
+              </p>
+              <p>
+                I did actually have all the skills in one big JSON but it caused
+                an out of memory error, so I abandoned it and went back to
+                individual files for each skill.
+              </p>
+              <p>Anyway, here's it working!</p>
+              <video width="672" height="378" class="video-embed" controls>
+                <source
+                  src="../img/projects/pipboy/statScreen.mp4"
+                  type="video/mp4"
+                />
+                Your browser does not support the video tag.
+              </video>
+              <div class="title-block">
+                <h3 class="blog-title">The Special Screen</h3>
+                <h3 class="datestamp">23/03/2025</h3>
+              </div>
+              <p>
+                Final update! I added the SPECIAL screen too, and reordered the
+                screens to match the in-game pipboy. Finally I also did some TLC
+                to make the app a lot more responsive and reduce redraws, so now
+                it feels really snappy :)
+              </p>
             </div>
           </div>
         </div>