I made changes. A lot of them.

generator.py

@@ -3,7 +3,7 @@ import os
 static = os.listdir("pages/static/")
 posts = os.listdir("pages/posts")
 
-templates = ["header","navbar","body","footer"]
+templates = ["header","navbar","sidebar","body","footer"]
 
 for staticPage in static:
     with open("site/" + staticPage, 'w+') as output:
@@ -13,23 +13,42 @@ for staticPage in static:
                     if "%Content%" in line:
                         line = ""
                         with open("pages/static/" + staticPage) as content:
-                            for line1 in content: 
+                            for line1 in content:
                                 line += "\t\t\t" + line1
                     output.write(line)
 
+for postPage in posts:
+    with open("site/"+ postPage, 'w+') as output:
+        for page in templates:
+            with open ("templates/" + page + ".htm") as template:
+                for line in template:
+                    if "%Content%" in line:
+                        line = ""
+                        with open("pages/posts/" + postPage,'r') as content:
+                            for line1 in content:
+                                line += "\t\t\t" + line1
+                    output.write(line)
+
+with open("pages/static/posts.html", 'w+') as output:
+    output.write("<h1>Posts</h1>\n<p>These are my random ramblings. The titles should be informative... or it'll be a fun mystery!</p>")
+    output.write("<ul>")
+    for post in posts:
+        output.write("<li><a href='" + post + "'> " + post + "</a></li>\n")
+    output.write("</ul>")
+
 
 
 
 def makeGifGallery():
     gifs = []
     for file in os.listdir('site/images/gifs/customgifs/'):
-        
+
         with open("templates/gifwrap.htm") as wrap:
             for line in wrap:
                 gif = line.replace("%gif%", "images/gifs/customgifs/" + file)
         gifs.append(gif)
 
-    with open("pages/posts/gifs.html") as gifstpl:
+    with open("pages/semistatic/gifs.html") as gifstpl:
         with open("pages/static/gifs.html","w+") as output:
             output.write('<h1>GIFs I have made</h1>')
             output.write('\n<table style="width: 800px; margin-left: auto; margin-right: auto;">')
@@ -43,4 +62,4 @@ def makeGifGallery():
                     output.write('\n</tr>\n<tr>')
             output.write('\n</table>\n\n')
 
-makeGifGallery()
+makeGifGallery()

generator.py.bak

@@ -0,0 +1,65 @@
+import os
+
+static = os.listdir("pages/static/")
+posts = os.listdir("pages/posts")
+
+templates = ["header","navbar","sidebar","body","footer"]
+
+for staticPage in static:
+    with open("site/" + staticPage, 'w+') as output:
+        for page in templates:
+            with open ("templates/" + page + ".htm") as template:
+                for line in template:
+                    if "%Content%" in line:
+                        line = ""
+                        with open("pages/static/" + staticPage) as content:
+                            for line1 in content:
+                                line += "\t\t\t" + line1
+                    output.write(line)
+
+for postPage in posts:
+    with open("site/"+ postPage, 'w+') as output:
+        for page in templates:
+            with open ("templates/" + page + ".htm") as template:
+                for line in template:
+                    if "%Content%" in line:
+                        line = ""
+                        with open("pages/posts/" + postPage,'r') as content:
+                            for line1 in content:
+                                line += "\t\t\t" + line1
+                    output.write(line)
+
+with open("pages/static/posts.html", 'w+') as output:
+	output.write("<h1>Posts</h1>\n<p>These are my random ramblings. The titles should be informative... or it'll be a fun mystery!</p>")
+        output.write("<ul>")
+	for post in posts:
+        	output.write("<a href='" + post + "'> " + post + "</a>\n")
+	output.write("</ul>") 
+
+
+
+
+def makeGifGallery():
+    gifs = []
+    for file in os.listdir('site/images/gifs/customgifs/'):
+
+        with open("templates/gifwrap.htm") as wrap:
+            for line in wrap:
+                gif = line.replace("%gif%", "images/gifs/customgifs/" + file)
+        gifs.append(gif)
+
+    with open("pages/semistatic/gifs.html") as gifstpl:
+        with open("pages/static/gifs.html","w+") as output:
+            output.write('<h1>GIFs I have made</h1>')
+            output.write('\n<table style="width: 800px; margin-left: auto; margin-right: auto;">')
+            count = 0
+            for gif in gifs:
+                if count==0:
+                    output.write('\n<tr>\n')
+                count += 1
+                output.write('<td>' + gif + '</td>')
+                if count%3==0:
+                    output.write('\n</tr>\n<tr>')
+            output.write('\n</table>\n\n')
+
+makeGifGallery()

pages/posts/000-test.html

@@ -0,0 +1,4 @@
+<h1>This is a test</h1>
+<p>
+This was only a test post
+</p>

pages/posts/001-2025.html

@@ -0,0 +1,11 @@
+<h1>January 1, 2025</h1>
+<p>
+To quote <span style="italic">Justin Pierre</span> of Motion City Soundtrack:
+</p>
+<p style="italic">
+This must be it, welcome to the new year...
+</p>
+<p>
+All I want in the world is to live in less interesting times, but that's unlikely to happen. The only future constant is going to be turmoil: ecologically, economically, politically, and globally. Things are kind of shit and going further to shit. 
+</p>
+

pages/semistatic/posts.html

@@ -0,0 +1 @@
+<a href='posts/000-test.html'> 000-test.html</a>

pages/static/about.html

@@ -8,4 +8,6 @@
 <h2>About the Site</h2>
 <p>I made this by coding up a quick SSG to allow for rapid templating in python. I've got the code for this website up on gitea. You can find a link on the <a href="projects.htm">projects</a> page.</p>
 <p>I don't think it's suitable for reuse as is, unless you really want to put in that work, but maybe it will inspire you to make a site like this!</p>
-<p>Ultimately the site is coded by hand, including the ssg that combines it for upload</p>
+<p>Ultimately the site is coded by hand, including the ssg that combines it for upload</p>
+<br>
+<p>Also, fuck conventions, have fun!</p>

pages/static/fun.html

@@ -1,4 +1,5 @@
 <h1>Fun</h1>
-<p><a href="gifs.htm">Gifs</a></p>
+<p><a href="gifs.html">Gifs</a></p>
-<p><a href="overwatch.htm">Overwatch</a></p>
+<p><a href="overwatch.html">Overwatch</a></p>
-<p><a href="projects.htm">Projects</a></p>
+<p><a href="projects.html">Projects</a></p>
+<p><a href="toast.html">Toast</a></p>

pages/static/gifs.html

@@ -1,10 +1,10 @@
 <h1>GIFs I have made</h1>
 <table style="width: 800px; margin-left: auto; margin-right: auto;">
 <tr>
-<td><img src="images/gifs/customgifs/hammond.gif" alt="images/gifs/customgifs/hammond.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/fbomb.gif" alt="images/gifs/customgifs/fbomb.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/queen.gif" alt="images/gifs/customgifs/queen.gif" style="width:150px;"/></td>
+<td><img src="images/gifs/customgifs/Mei.gif" alt="images/gifs/customgifs/Mei.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/Mei2.gif" alt="images/gifs/customgifs/Mei2.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/queen.gif" alt="images/gifs/customgifs/queen.gif" style="width:150px;"/></td>
 </tr>
-<tr><td><img src="images/gifs/customgifs/junk.gif" alt="images/gifs/customgifs/junk.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/Mei.gif" alt="images/gifs/customgifs/Mei.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/NoSym.gif" alt="images/gifs/customgifs/NoSym.gif" style="width:150px;"/></td>
+<tr><td><img src="images/gifs/customgifs/hammond.gif" alt="images/gifs/customgifs/hammond.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/fbomb.gif" alt="images/gifs/customgifs/fbomb.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/NoSym.gif" alt="images/gifs/customgifs/NoSym.gif" style="width:150px;"/></td>
 </tr>
-<tr><td><img src="images/gifs/customgifs/Mei2.gif" alt="images/gifs/customgifs/Mei2.gif" style="width:150px;"/></td>
+<tr><td><img src="images/gifs/customgifs/junk.gif" alt="images/gifs/customgifs/junk.gif" style="width:150px;"/></td>
 </table>
 

pages/static/index.html

@@ -1,5 +1,5 @@
 <h1>Index</h1>
 
 <p>This is a website. I fucking hope...</p>
-<p><img style="margin-left: auto; margin-right: auto; width: 400px;" src="images/gifs/under_constructionA.gif" alt="Under Construction" /></p>
+<p><img class="margin-left:auto;margin-right:auto;width:400px;" src="images/gifs/under_constructionA.gif" alt="Under Construction"></p>
-<p><iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=Badgey&dob=1641700367&gender=undefined&element=Fire&pet=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fbadgey-pet.gif&map=night.gif&background=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fmatrix-code.gif&tablecolor=black&textcolor=white" frameborder="0"></iframe></p>
+<p><iframe class="border:none;" title="Badgey GFY Pet thing" width="314" height="321" src="https://gifypet.neocities.org/pet/pet.html?name=Badgey&dob=1641700367&gender=undefined&element=Fire&pet=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fbadgey-pet.gif&map=night.gif&background=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fmatrix-code.gif&tablecolor=black&textcolor=white"></iframe></p>

pages/static/overwatch.html

@@ -1,14 +1,15 @@
 <h1>Overwatch</h1>
+<p>I am thepandahead#1650</p>
 <h2>Observations</h2>
 <p>I might expand these into blog posts at some point, but some of them stand alone.</p>
-<ul style="text-align: left;">
+<ul class="styletextalignleft">
-    <li style="list-style-type: disc;">In all of the game modes, the goal is the objective... not getting the most kills. Stop chasing and hold the damn point...</li>
+    <li class="liststyletypedisc">In all of the game modes, the goal is the objective... not getting the most kills. Stop chasing and hold the damn point...</li>
-    <li style="list-style-type: disc;">The archetypes are just that, sometimes a tank is a better DPS, sometimes the DPS holds better.</li>
+    <li class="liststyletypedisc">The archetypes are just that, sometimes a tank is a better DPS, sometimes the DPS holds better.</li>
-    <li style="list-style-type: disc;">Protect your fucking healers!</li>
+    <li class="liststyletypedisc">Protect your fucking healers!</li>
-    <li style="list-style-type: disc;">Some of you would commit war crimes with how hard you dive healers.</li>
+    <li class="liststyletypedisc">Some of you would commit war crimes with how hard you dive healers.</li>
-    <li style="list-style-type: disc;">I will go <span style="font-weight: bold; font-style: italic;">out of my way</span> to kill a Symmetra. It's not logic, it's rage.</li>
+    <li class="liststyletypedisc">I will go <span class="font-weight:bold;font-style:italic;">out of my way</span> to kill a Symmetra. It's not logic, it's rage.</li>
-    <li style="list-style-type: disc;">A good Hammond can disrupt an entire team indefintely. A good Rein can fuck up a good Hammond.</li>
+    <li class="liststyletypedisc">A good Hammond can disrupt an entire team indefintely. A good Rein can fuck up a good Hammond.</li>
-    <li style="list-style-type: disc;">No one can take an entire team by themselves without a lot of luck. It does happen, and skill makes it easier, but it's mostly luck.</li>
+    <li class="liststyletypedisc">No one can take an entire team by themselves without a lot of luck. It does happen, and skill makes it easier, but it's mostly luck.</li>
-    <li style="list-style-type: disc;">Playing on a controller can be just as satisfying as playing on Mouse and Keyboard.</li>
+    <li class="liststyletypedisc">Playing on a controller can be just as satisfying as playing on Mouse and Keyboard.</li>
 </ul>
-<p><img style="margin-left: auto; margin-right: auto; width:150px;" src="images/gifs/customgifs/NoSym.gif" alt="No Symmetra!" /></p>
+<p><img class="margin-left:auto;margin-right:auto;width:150px;" src="images/gifs/customgifs/NoSym.gif" alt="No Symmetra!"></p>

pages/static/posts.html

@@ -0,0 +1,4 @@
+<h1>Posts</h1>
+<p>These are my random ramblings. The titles should be informative... or it'll be a fun mystery!</p><ul><li><a href='000-test.html'> 000-test.html</a></li>
+<li><a href='001-2025.html'> 001-2025.html</a></li>
+</ul>

pages/static/projects.html

@@ -1,3 +1,4 @@
 <h1>Projects</h1>
-<p><a href="https://gitea.sb17.space/jaycee/SolidScan">SolidScan</a><br />Solid Scan is a vulnerability scanner. It needs some updating but it works fine.</p>
+<p><a href="https://gitea.sb17.space/jaycee/SolidScan">SolidScan</a><br>Solid Scan is a vulnerability scanner. It needs some updating but it works fine.</p>
-<p><a href="https://gitea.sb17.space/jaycee/neocities-site">This Site</a><br /> Literally just a repo with this site and how I build it.</p>
+<p><a href="https://gitea.sb17.space/jaycee/neocities-site">This Site</a><br> Literally just a repo with this site and how I build it.</p>
+<p><a href="self-hosted.html">Self-Hosting</a><br> I host some stuff for personal use. It's pretty great.</p>

pages/static/self-hosted.html

@@ -0,0 +1,20 @@
+<h1>Self-Hosted Software</h1>
+<p>I'm a pretty big fan of self-hosted software. It's always better to empower yourself, own your data, and own your media. I use the following: </p>
+<dl>
+    <dt><a href="https://jellyfin.org/">Jellyfin</a></dt>
+    <dd>A self-hosted streaming media solution. It can also somewhat organize books. It is much better at organizing and serving music, movies, and TV Shows.</dd>
+    <dd>Netflix Alternative.</dd>
+    <dt><a href="https://about.gitea.com/">Gitea</a></dt>
+    <dd>A self-hosted Git solution.</dd>
+    <dd>Gitlab/hub Alternative.</dd>
+    <dt><a href="https://joinmastodon.org/">Mastodon</a></dt>
+    <dd>A self-hosted microblogging system.</dd>
+    <dd>Social Media Alternative.</dd>
+    <dt><a href="https://github.com/element-hq/synapse">Matrix-Synapse</a></dt>
+    <dd>The Element fork, of course. Self-hosted E2EE Chat with video calling.</dd>
+    <dd>Discord Alternative.</dd>
+</dl>
+
+<h2>Starbase17</h2>
+<p>Starbase17 is a kind of shared social space as organization experiment. I host a bunch of services, servers, and whatnot behind a VPN for shared use. We have currently, and have had more, game servers, chat servers, a shared nextcloud, some VDI systems, a pubnix. It's all pretty fun.</p>
+<p>If you want to know more about Starbase17 reach out to <a href="mailto:jaycee@starbase17.space">jaycee</a>.</p>

pages/static/shadowbox.html

@@ -0,0 +1,11 @@
+<h1>ShadowBox</h1>
+<h2>Where I keep my badges!</h2>
+<p>These gifs, buttons, blinkies, etc. Speak to my soul. Enjoy them.</p>
+<p><img src="images/gifs/internetprivacy.gif" alt="Internet Privacy Now"><img src="images/gifs/ds91.png" alt="Deep Space Nine."><img src="images/gifs/neocities.gif" alt="Make a Neocities">
+<img src="images/gifs/deletetwitter.gif" alt="Delete Social Media"><img src="images/gifs/righttorepair.jpg" alt="I support the right to repair"></p>
+<p><img src="images/gifs/startrek.gif" alt="Star Trek"><img src="images/gifs/stargazer.gif" alt="I gaze at Stars"><img src="images/gifs/autismacceptancebutton.jpg" alt="Autism acceptance now">
+<img src="images/gifs/wikiasucks.gif" alt="Wikia Sucks"><img src="images/gifs/deletefacebook.gif" alt="Delete Social Media"><img src="images/gifs/paywalls.png" alt="Paywalls Gatekeep Knowledge"></p>
+<p><img src="images/gifs/drpepper.gif" alt="dr pepper">
+    | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!">
+    | <img src="images/CodedByHand.png" alt="Coded by Hand">
+</p>

pages/static/stquotes.html

@@ -0,0 +1,13 @@
+<h1>Star Trek Quotes</h1>
+<p>Over the decades Star Trek has been a moral compass for many. There are quotes for every situation. Here are some collected quotes that resonate with me.</p>
+<dl class="text-align:left;">
+    <dt>"How many people does it take, Admiral, before it becomes wrong? Hmm? A thousand, fifty thousand, a million? How many people does it take, Admiral?"</dt>
+    <dd>Jean-Luc Picard to Admiral Dougherty about the relocation of the Baku by the Sona in Insurrection.</dd>
+    &emsp;
+    <dt>" I am Worf, son of Mogh, House of Martok, son of Sergei, House of Rozhenko, Bane to the Duras Family, slayer of Gowron. I have made some chamomile tea. Do you take sugar?"</dt>
+    <dd>Worf to Raffi in Picard S3 after saving her life.</dd>
+    &emsp;
+    <dt>"Time heals all wounds. But absence makes the heart grow fonder. I guess it's a little tricky. Emotions have a way of counterdicting themselves."</dt>
+    <dd>Hologram Captain Archer to Hologram T'pol in the finale of Enterprise discussing how to deal with Trip's unnecessary death.</dd>
+    &emsp;
+</dl>

pages/static/toast.html

@@ -0,0 +1,9 @@
+<h1>Toast</h1>
+<h2>Just bread that's been heated to a delicious golden brown.</h2>
+<h3>Put whatever you want on it.</h3>
+<h4>Except vegemite :-(</h4>
+
+<p><img src="images/gifs/toast/toast.gif" alt="toast"></p>
+<p><img src="images/gifs/toast/animetoast.gif" alt="anime toast"></p>
+<p><img src="images/gifs/toast/sexybutter.gif" alt="sexy toast"></p>
+<p><img src="images/gifs/toast/not-now-son-making.gif" alt="I'M MAKING TOAST!"></p>

pages/static/trek.html

@@ -1,3 +1,4 @@
 <h1>Star Trek</h1>
 <h2>Under Construction</h2>
-<p><a href="https://www.youtube.com/watch?v=BZlRt05RY9Y"><img style="margin-left: auto; margin-right: auto; width: 600px;" src="images/gifs/trek-underconstruction.gif" alt="NX-02 Columbia in Spacedock" /></a></p>
+<p><a href="https://www.youtube.com/watch?v=BZlRt05RY9Y"><img class="margin-left:auto;margin-right:auto;width:600px;" src="images/gifs/trek-underconstruction.gif" alt="NX-02 Columbia in Spacedock"></a></p>
+<p><a href="stquotes.html">Quotes</a></p>

site/000-test.html

@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>This is a test</h1>
+			<p>
+			This was only a test post
+			</p>
+        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/001-2025.html

@@ -0,0 +1,51 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>January 1, 2025</h1>
+			<p>
+			To quote <span style="italic">Justin Pierre</span> of Motion City Soundtrack:
+			</p>
+			<p style="italic">
+			This must be it, welcome to the new year...
+			</p>
+			<p>
+			All I want in the world is to live in less interesting times, but that's unlikely to happen. The only future constant is going to be turmoil: ecologically, economically, politically, and globally. Things are kind of shit and going further to shit. 
+			</p>
+			
+        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/about.html

@@ -3,20 +3,24 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>About</h1>
 			
 			<p>I am J4YC33.</p>
@@ -27,17 +31,21 @@
 			<h2>About the Site</h2>
 			<p>I made this by coding up a quick SSG to allow for rapid templating in python. I've got the code for this website up on gitea. You can find a link on the <a href="projects.htm">projects</a> page.</p>
 			<p>I don't think it's suitable for reuse as is, unless you really want to put in that work, but maybe it will inspire you to make a site like this!</p>
-			<p>Ultimately the site is coded by hand, including the ssg that combines it for upload</p>        </content>
+			<p>Ultimately the site is coded by hand, including the ssg that combines it for upload</p>
+			<br>
+			<p>Also, fuck conventions, have fun!</p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/fun.html

@@ -3,34 +3,41 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>Fun</h1>
-			<p><a href="gifs.htm">Gifs</a></p>
+			<p><a href="gifs.html">Gifs</a></p>
-			<p><a href="overwatch.htm">Overwatch</a></p>
+			<p><a href="overwatch.html">Overwatch</a></p>
-			<p><a href="projects.htm">Projects</a></p>        </content>
+			<p><a href="projects.html">Projects</a></p>
+			<p><a href="toast.html">Toast</a></p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/gifs.html

@@ -3,41 +3,47 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>GIFs I have made</h1>
 			<table style="width: 800px; margin-left: auto; margin-right: auto;">
 			<tr>
-			<td><img src="images/gifs/customgifs/hammond.gif" alt="images/gifs/customgifs/hammond.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/fbomb.gif" alt="images/gifs/customgifs/fbomb.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/queen.gif" alt="images/gifs/customgifs/queen.gif" style="width:150px;"/></td>
+			<td><img src="images/gifs/customgifs/Mei.gif" alt="images/gifs/customgifs/Mei.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/Mei2.gif" alt="images/gifs/customgifs/Mei2.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/queen.gif" alt="images/gifs/customgifs/queen.gif" style="width:150px;"/></td>
 			</tr>
-			<tr><td><img src="images/gifs/customgifs/junk.gif" alt="images/gifs/customgifs/junk.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/Mei.gif" alt="images/gifs/customgifs/Mei.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/NoSym.gif" alt="images/gifs/customgifs/NoSym.gif" style="width:150px;"/></td>
+			<tr><td><img src="images/gifs/customgifs/hammond.gif" alt="images/gifs/customgifs/hammond.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/fbomb.gif" alt="images/gifs/customgifs/fbomb.gif" style="width:150px;"/></td><td><img src="images/gifs/customgifs/NoSym.gif" alt="images/gifs/customgifs/NoSym.gif" style="width:150px;"/></td>
 			</tr>
-			<tr><td><img src="images/gifs/customgifs/Mei2.gif" alt="images/gifs/customgifs/Mei2.gif" style="width:150px;"/></td>
+			<tr><td><img src="images/gifs/customgifs/junk.gif" alt="images/gifs/customgifs/junk.gif" style="width:150px;"/></td>
 			</table>
 			
         </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/index.html

@@ -3,36 +3,42 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>Index</h1>
 			
 			<p>This is a website. I fucking hope...</p>
-			<p><img style="margin-left: auto; margin-right: auto; width: 400px;" src="images/gifs/under_constructionA.gif" alt="Under Construction" /></p>
+			<p><img class="margin-left:auto;margin-right:auto;width:400px;" src="images/gifs/under_constructionA.gif" alt="Under Construction"></p>
-			<p><iframe width="314" height="321" scrolling="no" src="https://gifypet.neocities.org/pet/pet.html?name=Badgey&dob=1641700367&gender=undefined&element=Fire&pet=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fbadgey-pet.gif&map=night.gif&background=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fmatrix-code.gif&tablecolor=black&textcolor=white" frameborder="0"></iframe></p>
+			<p><iframe class="border:none;" title="Badgey GFY Pet thing" width="314" height="321" src="https://gifypet.neocities.org/pet/pet.html?name=Badgey&dob=1641700367&gender=undefined&element=Fire&pet=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fbadgey-pet.gif&map=night.gif&background=https%3A%2F%2Fj4yc33.neocities.org%2Fgifs%2Fmatrix-code.gif&tablecolor=black&textcolor=white"></iframe></p>
         </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/links.html

@@ -3,35 +3,41 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>Links</h1>
 			<p><a href="https:/sb17.space">sb17.space</a></p>
 			<p><a href="https://steaminhotnoods.com">Steamin' Hot Noods! (NSFW?)</a></p>
 			<p><a href="https://starbase17.space">Starbase17.space</a></p>
 			<p><a href="https://spacehey.com/j4yc33">J4YC33 On Spacehey</a></p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/overwatch.html

@@ -3,44 +3,51 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>Overwatch</h1>
+			<p>I am thepandahead#1650</p>
 			<h2>Observations</h2>
 			<p>I might expand these into blog posts at some point, but some of them stand alone.</p>
-			<ul style="text-align: left;">
+			<ul class="styletextalignleft">
-			    <li style="list-style-type: disc;">In all of the game modes, the goal is the objective... not getting the most kills. Stop chasing and hold the damn point...</li>
+			    <li class="liststyletypedisc">In all of the game modes, the goal is the objective... not getting the most kills. Stop chasing and hold the damn point...</li>
-			    <li style="list-style-type: disc;">The archetypes are just that, sometimes a tank is a better DPS, sometimes the DPS holds better.</li>
+			    <li class="liststyletypedisc">The archetypes are just that, sometimes a tank is a better DPS, sometimes the DPS holds better.</li>
-			    <li style="list-style-type: disc;">Protect your fucking healers!</li>
+			    <li class="liststyletypedisc">Protect your fucking healers!</li>
-			    <li style="list-style-type: disc;">Some of you would commit war crimes with how hard you dive healers.</li>
+			    <li class="liststyletypedisc">Some of you would commit war crimes with how hard you dive healers.</li>
-			    <li style="list-style-type: disc;">I will go <span style="font-weight: bold; font-style: italic;">out of my way</span> to kill a Symmetra. It's not logic, it's rage.</li>
+			    <li class="liststyletypedisc">I will go <span class="font-weight:bold;font-style:italic;">out of my way</span> to kill a Symmetra. It's not logic, it's rage.</li>
-			    <li style="list-style-type: disc;">A good Hammond can disrupt an entire team indefintely. A good Rein can fuck up a good Hammond.</li>
+			    <li class="liststyletypedisc">A good Hammond can disrupt an entire team indefintely. A good Rein can fuck up a good Hammond.</li>
-			    <li style="list-style-type: disc;">No one can take an entire team by themselves without a lot of luck. It does happen, and skill makes it easier, but it's mostly luck.</li>
+			    <li class="liststyletypedisc">No one can take an entire team by themselves without a lot of luck. It does happen, and skill makes it easier, but it's mostly luck.</li>
-			    <li style="list-style-type: disc;">Playing on a controller can be just as satisfying as playing on Mouse and Keyboard.</li>
+			    <li class="liststyletypedisc">Playing on a controller can be just as satisfying as playing on Mouse and Keyboard.</li>
 			</ul>
-			<p><img style="margin-left: auto; margin-right: auto; width:150px;" src="images/gifs/customgifs/NoSym.gif" alt="No Symmetra!" /></p>        </content>
+			<p><img class="margin-left:auto;margin-right:auto;width:150px;" src="images/gifs/customgifs/NoSym.gif" alt="No Symmetra!"></p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/posts.html

@@ -0,0 +1,42 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>Posts</h1>
+			<p>These are my random ramblings. The titles should be informative... or it'll be a fun mystery!</p><ul><li><a href='000-test.html'> 000-test.html</a></li>
+			</ul>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/posts/000-test.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a>
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/projects.html

@@ -3,33 +3,40 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>Projects</h1>
-			<p><a href="https://gitea.sb17.space/jaycee/SolidScan">SolidScan</a><br />Solid Scan is a vulnerability scanner. It needs some updating but it works fine.</p>
+			<p><a href="https://gitea.sb17.space/jaycee/SolidScan">SolidScan</a><br>Solid Scan is a vulnerability scanner. It needs some updating but it works fine.</p>
-			<p><a href="https://gitea.sb17.space/jaycee/neocities-site">This Site</a><br /> Literally just a repo with this site and how I build it.</p>        </content>
+			<p><a href="https://gitea.sb17.space/jaycee/neocities-site">This Site</a><br> Literally just a repo with this site and how I build it.</p>
+			<p><a href="self-hosted.html">Self-Hosting</a><br> I host some stuff for personal use. It's pretty great.</p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

site/self-hosted.html

@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>Self-Hosted Software</h1>
+			<p>I'm a pretty big fan of self-hosted software. It's always better to empower yourself, own your data, and own your media. I use the following: </p>
+			<dl>
+			    <dt><a href="https://jellyfin.org/">Jellyfin</a></dt>
+			    <dd>A self-hosted streaming media solution. It can also somewhat organize books. It is much better at organizing and serving music, movies, and TV Shows.</dd>
+			    <dd>Netflix Alternative.</dd>
+			    <dt><a href="https://about.gitea.com/">Gitea</a></dt>
+			    <dd>A self-hosted Git solution.</dd>
+			    <dd>Gitlab/hub Alternative.</dd>
+			    <dt><a href="https://joinmastodon.org/">Mastodon</a></dt>
+			    <dd>A self-hosted microblogging system.</dd>
+			    <dd>Social Media Alternative.</dd>
+			    <dt><a href="https://github.com/element-hq/synapse">Matrix-Synapse</a></dt>
+			    <dd>The Element fork, of course. Self-hosted E2EE Chat with video calling.</dd>
+			    <dd>Discord Alternative.</dd>
+			</dl>
+			
+			<h2>Starbase17</h2>
+			<p>Starbase17 is a kind of shared social space as organization experiment. I host a bunch of services, servers, and whatnot behind a VPN for shared use. We have currently, and have had more, game servers, chat servers, a shared nextcloud, some VDI systems, a pubnix. It's all pretty fun.</p>
+			<p>If you want to know more about Starbase17 reach out to <a href="mailto:jaycee@starbase17.space">jaycee</a>.</p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/shadowbox.html

@@ -0,0 +1,50 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>ShadowBox</h1>
+			<h2>Where I keep my badges!</h2>
+			<p>These gifs, buttons, blinkies, etc. Speak to my soul. Enjoy them.</p>
+			<p><img src="images/gifs/internetprivacy.gif" alt="Internet Privacy Now"><img src="images/gifs/ds91.png" alt="Deep Space Nine."><img src="images/gifs/neocities.gif" alt="Make a Neocities">
+			<img src="images/gifs/deletetwitter.gif" alt="Delete Social Media"><img src="images/gifs/righttorepair.jpg" alt="I support the right to repair"></p>
+			<p><img src="images/gifs/startrek.gif" alt="Star Trek"><img src="images/gifs/stargazer.gif" alt="I gaze at Stars"><img src="images/gifs/autismacceptancebutton.jpg" alt="Autism acceptance now">
+			<img src="images/gifs/wikiasucks.gif" alt="Wikia Sucks"><img src="images/gifs/deletefacebook.gif" alt="Delete Social Media"><img src="images/gifs/paywalls.png" alt="Paywalls Gatekeep Knowledge"></p>
+			<p><img src="images/gifs/drpepper.gif" alt="dr pepper">
+			    | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!">
+			    | <img src="images/CodedByHand.png" alt="Coded by Hand">
+			</p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/stquotes.html

@@ -0,0 +1,52 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>Star Trek Quotes</h1>
+			<p>Over the decades Star Trek has been a moral compass for many. There are quotes for every situation. Here are some collected quotes that resonate with me.</p>
+			<dl class="text-align:left;">
+			    <dt>"How many people does it take, Admiral, before it becomes wrong? Hmm? A thousand, fifty thousand, a million? How many people does it take, Admiral?"</dt>
+			    <dd>Jean-Luc Picard to Admiral Dougherty about the relocation of the Baku by the Sona in Insurrection.</dd>
+			    &emsp;
+			    <dt>" I am Worf, son of Mogh, House of Martok, son of Sergei, House of Rozhenko, Bane to the Duras Family, slayer of Gowron. I have made some chamomile tea. Do you take sugar?"</dt>
+			    <dd>Worf to Raffi in Picard S3 after saving her life.</dd>
+			    &emsp;
+			    <dt>"Time heals all wounds. But absence makes the heart grow fonder. I guess it's a little tricky. Emotions have a way of counterdicting themselves."</dt>
+			    <dd>Hologram Captain Archer to Hologram T'pol in the finale of Enterprise discussing how to deal with Trip's unnecessary death.</dd>
+			    &emsp;
+			</dl>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/style.css

@@ -1,8 +1,33 @@
+body {
+    height: 768px;
+    width: 1024px; 
+    margin-left: auto; 
+    margin-right: auto; 
+    color: #fff; 
+    background-color: #000;
+}
+
 a {
     text-decoration: none;
     color: magenta;
 }
 
+content {
+    width: 100%;
+    text-align: center; 
+}
+
+footer {
+    display:block;
+    width: 100%;
+}
+
+p.center{
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+}
+
 li {
     list-style-type: none
 }
@@ -10,4 +35,49 @@ li {
 hr {
     border: 10px solid green;
     border-radius: 5px;
-}
+}
+
+div #sidebar {
+    width: 20%;
+}
+#clear {
+    clear: both;
+}
+
+nav {
+    margin-left: auto; 
+    margin-right: auto; 
+    text-align: center;
+}
+ul.styletextalignleft{
+    text-align: left;
+}
+
+li.liststyletypedisc {
+    list-style-type: disc;
+}
+li::marker{
+    color: #FFF;
+}
+
+span.font-weight\:bold\;font-style\:italic\;{
+    font-weight: bold; 
+    font-style: italic;
+}
+img.margin-left\:auto\;margin-right\:auto\;width\:150px\;{
+    margin-left:auto;
+    margin-right:auto;
+    width:150px;
+}
+
+img.margin-left\:auto\;margin-right\:auto\;width\:600px\; {
+    margin-left:auto;
+    margin-right:auto;
+    width:600px;
+}
+dl.text-align\:left\;{
+    text-align: left;
+}
+iframe.border-style\:none\;{
+    border: none;
+}

site/toast.html

@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+    <head>
+        <title>J4YC33</title>
+        <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
+    </head>
+
+    <body >
+        <header style="text-align: center;">
+            <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
+        </header>
+        <div id="container">
+        <nav style="margin-left: auto; margin-right: auto; text-align: center;">
+            <a class="navbar" href="about.html">About</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
+        </nav>
+
+        <content style="text-align: center; ">
+			<h1>Toast</h1>
+			<h2>Just bread that's been heated to a delicious golden brown.</h2>
+			<h3>Put whatever you want on it.</h3>
+			<h4>Except vegemite :-(</h4>
+			
+			<p><img src="images/gifs/toast/toast.gif" alt="toast"></p>
+			<p><img src="images/gifs/toast/animetoast.gif" alt="anime toast"></p>
+			<p><img src="images/gifs/toast/sexybutter.gif" alt="sexy toast"></p>
+			<p><img src="images/gifs/toast/not-now-son-making.gif" alt="I'M MAKING TOAST!"></p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
+        <footer style="text-align: center;""> 
+            <hr />
+            <p>
+            J4YC33 made this site. With a custom SSG. <br />
+            (cc0) <br />
+            </p>
+
+        </footer>
+    </body>
+
+</html>

site/trek.html

@@ -3,34 +3,40 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
 			<h1>Star Trek</h1>
 			<h2>Under Construction</h2>
-			<p><a href="https://www.youtube.com/watch?v=BZlRt05RY9Y"><img style="margin-left: auto; margin-right: auto; width: 600px;" src="images/gifs/trek-underconstruction.gif" alt="NX-02 Columbia in Spacedock" /></a></p>
+			<p><a href="https://www.youtube.com/watch?v=BZlRt05RY9Y"><img class="margin-left:auto;margin-right:auto;width:600px;" src="images/gifs/trek-underconstruction.gif" alt="NX-02 Columbia in Spacedock"></a></p>
-        </content>
+			<p><a href="stquotes.html">Quotes</a></p>        </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

templates/body.htm

@@ -1,4 +1,8 @@
 
-        <content style="text-align: center; margin-left: auto; margin-right: auto; ">
+        <content style="text-align: center; ">
             %Content%
         </content>
+        <hr>
+        <p class="center"><a href="https://j4yc33.123guestbook.com/">Guestbook?</a><br /></p>
+    <iframe src="https://www3.cbox.ws/box/?boxid=3518910&boxtag=h5mbfK" width="100%" height="150" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
+        <div id="clear"></div>

templates/footer.htm

@@ -1,13 +1,11 @@
+        </div>
         <footer style="text-align: center;""> 
             <hr />
             <p>
             J4YC33 made this site. With a custom SSG. <br />
             (cc0) <br />
             </p>
-            <p><img src="images/gifs/drpepper.gif" alt="dr pepper" /> 
+
-                | <img src="images/gifs/nft.gif" alt="NFT? No Fucking Thanks!" />
-                | <img src="images/CodedByHand.png" alt="Coded by Hand" />
-            </p>
         </footer>
     </body>
 

templates/header.htm

@@ -3,9 +3,11 @@
     <head>
         <title>J4YC33</title>
         <link rel="stylesheet" href="style.css">
+        <link rel="icon" type="image/x-icon" href="/images/favico.png">
     </head>
 
-    <body style="width: 1024px; margin-left: auto; margin-right: auto; color: #fff; background-color: #000;">
+    <body >
         <header style="text-align: center;">
             <a href="index.html"><img style="margin-left: auto; margin-right: auto;" src="images/gifs/header.gif" alt="J4YC33 Banner"/></a>
         </header>
+        <div id="container">

templates/navbar.htm

@@ -1,6 +1,8 @@
         <nav style="margin-left: auto; margin-right: auto; text-align: center;">
-            <a class="navbar" href="about.htm">About</a> | 
+            <a class="navbar" href="about.html">About</a> | 
-            <a class="navbar" href="fun.htm">Fun</a> | 
+            <a class="navbar" href="fun.html">Fun</a> | 
-            <a class="navbar" href="links.htm">Links</a> | 
+            <a class="navbar" href="links.html">Links</a> | 
-            <a class="navbar" href="trek.htm">Star Trek</a>
+            <a class="navbar" href="trek.html">Star Trek</a> | 
+            <a class="navbar" href="shadowbox.html">Shadowbox</a> |
+            <a class="navbar" href="posts.html">Posts</a>
         </nav>