Bit more site cleanup

README.md

@@ -9,16 +9,26 @@ writing. Nothing I say is visionary or profound. I will tend to focus on
 technology, gaming, and philosophy. All opinions my own.
 
 ### To-Do
-* Implement Cactus Comments
-* Look into Web Mentions
 * Consider self-hosting
 
-### Latest Technology Update :: 2021-12
-* Added "web analytic" gathering via GoatCounter
-* Cleaned up styles a bit, notably removing the use of header tags outside of
-    post content.
-* Changed "license" of the code to the Unlicense, and all published content to
-    CC0.
+### Latest Technology Update :: 2024-06
+* After many years on GitHub, the site has moved to leverage Codeberg's static
+  site server.
+* As opposed to using the `gh-pages` deployment strategy, the site is now built
+  and "deployed" using an action runner from my personal Forge to a Codeberg
+  mirror.
+
+### Developing Locally
+
+The best way to develop the site locally is using a Jekyll Docker container:
+
+```
+docker run --rm \
+           --volume="$PWD:/srv/jekyll:Z" \
+           --publish [::1]:4000:4000 \
+           jvconseil/jekyll-docker \
+           jekyll serve --config _config.yml,_config.dev.yml
+```
 
 ## Licenses / Copyrights/ Bureaucracy
 

_config.dev.yml

@@ -0,0 +1 @@
+url: http://localhost:4000

_includes/cor_menu.html

@@ -12,17 +12,17 @@
       <section class="footer_about" id="about">
           <div>The Site</div>
           <div>
-            <a class="u-url" href="{{ site.url }}/feed.xml"
+            <a href="{{ site.url }}/feed.xml"
                aria-label="RSS feed for the site">
               <span class="fa fa-rss" aria-hidden="true"
                     title="RSS Feed"</span>
             </a> | 
-            <a class="u-url" href="https://theinternetvagabond.goatcounter.com/"
+            <a href="https://theinternetvagabond.goatcounter.com/"
                aria-label="GoatCounter statistics for the site">
               <span class="fa fa-bar-chart" aria-hidden="true"
                     title="GoatCounter Statistics"</span>
             </a> | 
-            <a class="u-url" href="https://codeberg.org/VagabondAzulien/the-internet-vagabond-dot-com"
+            <a href="https://codeberg.org/VagabondAzulien/the-internet-vagabond-dot-com"
                aria-label="Source code repository for the site">
               <span class="fa fa-code" aria-hidden="true"
                     title="Site Source Code"</span>
@@ -37,7 +37,7 @@
           </p>
           <div>The Vagabond</div>
           <div>
-            <a class="u-email" rel="me"
+            <a rel="me"
               href="mailto:bill@theinternetvagabond.com"
               aria-label="Email Bill at The Internet Vagabond dot com">
               <span class="fa fa-envelope-o" aria-hidden="true"
@@ -66,7 +66,10 @@
             class="p-note">I'm a computer scientist by education, a technologist
             by trade, a gamer by hobby, and a philosopher by accident. I
             live in <span class="p-locality">Buffalo</span>, <span class="p-region">
-            New York</span>, <span class="p-country-name">USA</span>.
+            New York</span>, <span class="p-country-name">USA</span>.<br />
+            <br /> 
+            My PGP Key is <span class="u-key" id="key">CCE7 3682 331B 5614 9FAB
+              7383 7359 80B2 6381 C91E</span>.
           </p>
       </section>
       <section style="display: none;">
@@ -76,6 +79,7 @@
         <span class="p-category">Open Source Software</span>
         <span class="p-category">Self-Hosting</span>
         <span class="p-category">Coffee</span>
+        <span class="u-email">bill@theinternetvagabond.com</span>
       </section>
     </section>
 </footer>

src/styles/corrupt_layout.css

@@ -18,6 +18,7 @@ header a {
     align-content: space-between;
     align-items: center;
     justify-content: center;
+    text-align: center;
     height: 100%;
 }
 header .wrapper {

src/styles/corrupt_typog.css

@@ -62,6 +62,9 @@ footer p {
     line-height: 1.5em; letter-spacing: 0.1em; text-align: left; color: white;
     padding: 0em 1em;
 }
+#key {
+    font-family: monospace; background-color: #353535; padding: 2px;
+}
 footer div {
     text-align: right;
     padding: 10px;