define menus in config file, modify single layouts, add quotes to js

config.yaml

@@ -2,3 +2,35 @@ baseURL: http://yequari.com/
 languageCode: en-us
 title: yequari.com
 theme: genesis
+menu:
+  main:
+    - name: HOME
+      pageRef: /
+      weight: 10
+    - name: BLOG
+      pageRef: /blog
+      weight: 20
+    - name: ABOUT
+      pageRef: /about
+      weight: 30
+    - name: NOW
+      pageRef: /now
+      weight: 40
+    - name: LINKS
+      pageRef: /links
+      weight: 50
+  social:
+    - name: Mastodon
+      params:
+        rel: external
+      url: https://retro.pizza/@yequari
+      weight: 10
+    - name: Twitter
+      params:
+        rel: external
+      url: https://twitter.com/yequari
+      weight: 20
+    - name: RSS
+      pageRef: /blog/index.xml
+      weight: 30
+

content/about.html

@@ -0,0 +1,15 @@
+---
+title: About
+---
+<div class="h-card idx-card">
+  <div id="sidebar">
+  </div>
+  <div id="content">
+    <h1>About Me</h1>
+    <p class="p-note">
+      Hello, I'm <span class="p-name">yequari</span>. I like to play TCGs and TTRPGs. I've played a lot of D&D 5e but am currently exploring Pathfinder 2. I'm a software developer, interested in the smallweb and permacomputing, and trying to learn more about systems programming. I love to collect Transformers figures, my favorite is Starscream. 
+    </p>
+  </div>
+  
+</div>
+

content/links.html

@@ -57,7 +57,7 @@ date: 2023-03-22T20:37:43-07:00
             <ul class="links">
                 <h4>Food for Thought</h4>
                 <li>
-                    <a class="hover-links" target="_blank" href="https://32bit.cafe" data-hover="A group of internet users focused on building a less corporate web.">32-Bit Cafe</a>
+                    <a class="hover-links" target="_blank" href="https://32bit.cafe" data-hover="Building a better internet">32-Bit Cafe</a>
                 </li>
                 <li>
                     <a class="hover-links" target="_blank" href="https://permacomputing.net" data-hover="Permacomputing focuses on sustainable computing, inspired by permaculture, aiming to utilize existing compute resources rather than new ones. The wiki is very incomplete, but is something to keep an eye on as it grows. ">Permacomputing Wiki</a>

content/notes/dockerizedznc.md

@@ -1,7 +1,7 @@
 ---
 title: Dockerized ZNC
 date: "2022-11-07T14:18:30-07:00"
-categories:
+tags:
 - tech
 ---
 

content/notes/leagueonlinux.md

@@ -1,7 +1,7 @@
 ---
 title: League on Linux
 date: "2022-11-06T14:18:30-07:00"
-categories:
+tags:
 - tech
 ---
 
@@ -11,13 +11,13 @@ categories:
 
 These are my notes on how I got League of Legends running on my Linux system. It runs almost flawlessly, the only issues I have are with the client, but even on Windows the client is garbage. The game itself runs even better on Linux than it does Windows.
 
-### System Info
+## System Info
 OS: Kubuntu 22.04 LTS x86_64    
 CPU: AMD Ryzen 5 5600X (12) @ 3.700GHz    
 GPU: NVIDIA GeForce GTX 970
 RAM: 8GB
 
-### Credits
+## Credits
 
 I learned how to do this from the community over at [r/leagueoflinux](https://old.reddit.com/r/leagueoflinux) so for any questions or issues, check over there. These are posts that were especially helpful to me.
 

content/now.html

@@ -2,4 +2,7 @@
 title: "Now"
 date: 2023-04-17T15:00:46-07:00
 ---
-Coming soon
+<div id="content">
+    <h1>Now</h1>
+    Coming soon
+</div>

themes/genesis/layouts/404.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+<h1>Not found</h1>
+{{ end }}

themes/genesis/layouts/_default/single.html

@@ -1,14 +1,3 @@
 {{ define "main" }}
-<div id="content">
+        {{ .Content }}
-    <article class="h-entry">
-        <h1 class="p-name">{{ .Title }}</h1>
-        <a class="p-author h-card hidden" href="https://yequari.com">yequari</a>
-        <time class="dt-published" datetime={{.PublishDate }}>{{ .Lastmod.Format "Mon, Jan 02, 2006" }}</time>
-        <a class="u-url permalink" href={{ .RelPermalink }}>Permalink</a>
-        <div class="e-content">
-            {{ .Content }}
-        </div>
-    </article>
-    <div id="webmentions"></div>
-</div>
 {{ end }}

themes/genesis/layouts/notes/single.html

@@ -0,0 +1,15 @@
+{{ define "main" }}
+<div id="content">
+    <article class="h-entry">
+        <h1 class="p-name">{{ .Title }}</h1>
+        <a class="p-author h-card hidden" href="https://yequari.com">yequari</a>
+        <time class="dt-published" datetime={{.PublishDate }}>{{ .PublishDate.Format "Mon, Jan 02, 2006" }}</time>
+        <a class="u-url permalink" href={{ .RelPermalink }}>Permalink</a>
+        {{ partial "tags.html" .}}
+        <div class="e-content">
+            {{ .Content }}
+        </div>
+    </article>
+    <div id="webmentions"></div>
+</div>
+{{ end }}

themes/genesis/layouts/partials/footer.html

@@ -4,9 +4,9 @@
     </div>
     <div id="social-links">
         <ul class="social">
-            <li class="social"><a rel="me" href="https://retro.pizza/@yequari">Mastodon</a></li> | 
+            {{ range site.Menus.social }}
-            <li class="social"><a rel="me" href="https://twitter.com/yequari">Twitter</a></li> | 
+            <li class="social"><a rel="me" href="{{ .URL }}">{{ .Name }}</a></li>
-            <li class="social"><a href="/blog/index.xml">RSS</a></li>
+            {{ end }}
         </ul>
     </div>
 </div>

themes/genesis/layouts/partials/head.html

@@ -1,11 +1,11 @@
 <head>
     <meta name="viewport" content="width=device-width"> 
     <meta charset="utf-8">
-    <title>{{ .Site.Title }}</title>
+    <title>{{ .Page.Title }}</title>
     <link rel="preconnect" href="https://fonts.bunny.net">
     <link href="https://fonts.bunny.net/css?family=asar:400|bungee:400|nova-mono:400" rel="stylesheet" />
     <link rel="stylesheet" href="/css/main.css">
-    <link rel="icon" type="image/png" href="/static/favicon.png">
+    <link rel="icon" type="image/png" href="/favicon.png">
     <script src="/js/quotes.js"></script>
     <link rel="webmention" href="https://webmention.io/yequari.com/webmention" />
     <link rel="pingback" href="https://webmention.io/yequari.com/xmlrpc" />

themes/genesis/layouts/partials/header.html

@@ -1,13 +1,12 @@
 <div id="header">
     <div class="titlex">
-        <a href="https://yequari.com/"><h1>yequari</h1></a>
+        <a href="{{ .Site.BaseURL }}"><h1>{{ .Site.Title }}</h1></a>
     </div>
     <div class="nav">
         <ul class="nav">
-            <li class="nav"><a href="/">HOME</a></li>
+            {{ range site.Menus.main }}
-            <li class="nav"><a href="/blog">BLOG</a></li>
+            <li class="nav"><a href="{{ .URL }}">{{ .Name }}</a></li>
-            <li class="nav"><a href="/now">NOW</a></li>
+            {{ end }}
-            <li class="nav"><a href="/links">LINKS</a></li>
         </ul>
     </div>
 </div>

themes/genesis/static/css/main.css

@@ -63,7 +63,7 @@ h1,h2,h3,h4,h5,h6 {
     display: flex;
     flex-direction: column;
     gap: 10px;
-    max-width: 800px;
+    max-width: 1000px;
     margin: 10px auto;
     background-color: var(--raisin-black);
     padding: 0 20px;
@@ -89,13 +89,23 @@ h1,h2,h3,h4,h5,h6 {
     flex-flow: row wrap;
     /* gap: 20px; */
     z-index: 1;
-    margin: 0 10px;
+    margin: 0 0.1rem;
 }
 
 #sidebar {
-    min-width: 250px;
+    flex: 3 1;
-    flex: 1 1 33%;
     text-align: right;
+    margin: 0 2rem;
+}
+
+#sidebar p, #right-sidebar p {
+    line-height: 1;
+}
+
+#right-sidebar {
+    flex: 3 1;
+    text-align: left;
+    margin: 0 2rem;
 }
 
 #sidebar img {
@@ -103,10 +113,13 @@ h1,h2,h3,h4,h5,h6 {
 }
 
 #content {
-    flex: 1 1 66%;
+    flex: 8 1;
-    padding: 0;
+    padding: 0 1rem;
-    z-index: 1;
+}
-    margin: 0px auto;
+
+#content p {
+    text-indent: 1rem;
+    text-align: justify;
 }
 
 #content::-webkit-scrollbar {

themes/genesis/static/js/quotes.js

@@ -7,10 +7,13 @@ var subtitles = [
     "Twitter is a fandom site for current events",
     "Genesis does what Nintendon\'t",
     "1000 JS libraries in your pocket",
-    "A large boulder the size of a small boulder"
+    "A large boulder the size of a small boulder",
+    "Smooth jazz for a smooth brain",
+    "Back at it again for the very first time",
+    "I have no spoons and I must cope"
 ];
 var index = Math.floor(Math.random() * subtitles.length);
 console.log("setting subtitle to " + subtitles[index]);
 window.onload = function() {
     document.getElementById("subtitle").textContent = subtitles[index];
-}
+}