From 89dd056df42dc34f63b55778688856bb2957d81a Mon Sep 17 00:00:00 2001
From: yequari <yequari@32bit.cafe>
Date: Wed, 17 May 2023 22:32:08 -0700
Subject: [PATCH] generate links page

---
 .gitignore         |   1 +
 content/links.html | 191 +++++++++++++++++++++++++++------------------
 links.json         |  98 +++++++++++++++++++++++
 3 files changed, 213 insertions(+), 77 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 links.json

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..42cb34b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+link_gen.py
diff --git a/content/links.html b/content/links.html
index 89d3f7d..5fabd77 100644
--- a/content/links.html
+++ b/content/links.html
@@ -1,82 +1,119 @@
----
-title: "Links"
-date: 2023-03-22T20:37:43-07:00
----
 
-<div id="links-content">
-    <div id="links-top">
-        <p>
-            This is a collection of pages and websites I have stumbled upon that I think are cool. Some are members of the greater Yesterweb community and others are pages I want to revisit, I think others will find useful, or are just fun.
-        </p>
+---
+title: Links
+---
+<p>
+    This is a collection of pages and websites I have stumbled upon that I think are cool. Some are members of the greater Yesterweb community and others are pages I want to revisit or share.
+</p>
+<div id="links-main">
+
+    <div class="links-column">
+        <ul class="link">
+            <h4>Computing</h4>
+            
+            <li>
+                <a class="hover-links" target="_blank" href="https://sbtcvm.blogspot.com/?m=1" data-hover="A virtual machine simulating a base 3 computer. Alternatives to the traditional models of computing are of great interest to me and I want to learn more about programming in base 3.">Simple Balanced Ternary Computer Virtual Machine</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://sharats.me/posts/shell-script-best-practices/" data-hover="A list of tips when writing shell scripts. Especially useful for me since I'm not super familiar with bash but use it on a daily basis.">Shell Script Best Practices</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="http://www.catb.org/esr/structure-packing/" data-hover="An interesting look into how C structs work and how to squeeze some extra optimization out of them.">The Lost Art of Structure Packing</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://webmentions.neocities.org" data-hover="An excellent tutorial on how to set up webmentions on your site, specifically tailored to neocities users.">how do i webmentions</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://sebhastian.com/html-hover-text/" data-hover="A tutorial explaining hover text without using JavaScript, which I used to set up this page.">How to create hover text using HTML and CSS</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://beej.us/guide/" data-hover="Beej's Guides are all excellent tools to learn various programming languages and technologies. Notably useful for me are Beej's Guide to Network Programming and Beej's Guide to C (both volumes)">Beej's Guides</a>
+            </li>
+            
+        </ul>
     </div>
-    <div id="links-main">
-        <div id="links-left" class="links-column">
-            <ul class="links">
-                <h4>Computing</h4>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://sbtcvm.blogspot.com/?m=1" data-hover="A virtual machine simulating a base 3 computer. Alternatives to the traditional models of computing are of great interest to me and I want to learn more about programming in base 3.">Simple Balanced Ternary Computer Virtual Machine</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://sharats.me/posts/shell-script-best-practices/" data-hover="A list of tips when writing shell scripts. Especially useful for me since I'm not super familiar with bash but use it on a daily basis.">Shell Script Best Practices</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="http://www.catb.org/esr/structure-packing/" data-hover="An interesting look into how C structs work and how to squeeze some extra optimization out of them.">The Lost Art of Structure Packing</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://webmentions.neocities.org"  data-hover="An excellent tutorial on how to set up webmentions on your site, specifically tailored to neocities users.">how do I webmentions</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://sebhastian.com/html-hover-text/" data-hover="A tutorial explaining hover text without using JavaScript, which I used to set up this page.">How to create hover text using HTML and CSS</a>
-                </li>
-            </ul>
-        </div>
-        <div id="links-center" class="links-column">
-            <ul class="links">
-                <h4>Amusement</h4>
-                <li>
-                    <a class="hover-links" target="_blank" href="http://www.norvig.com/Gettysburg/index.htm" data-hover="A modern interpretation of the Gettysburg Address.">The Gettysburg Powerpoint Presentation</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://dev.to/miguelmota/how-unix-programmers-at-restaurants-search-menus--46ad" data-hover="A real-world application of UNIX skills.">How Unix programmers at restaurants search menus for their favorite plate</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="blank" href="https://xwellingtonx.github.io/advanced-pet/" data-hover="A web simulation of the old Megaman NT Warrior Advanced PET toy from the mid-2000s">Advanced PET</a>
-                </li>
-            </ul>
-            <ul class="links">
-                <h4>Interesting Articles</h4>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://www.wired.com/2016/07/forget-comcast-heres-the-diy-approach-to-internet-access/" data-hover="A Wired article about a Spanish engineer who built up a distributed wifi network to provide Internet to his town because telecom companies wouldn't.">Forget Comcast. Here’s The DIY Approach to Internet Access</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://socket3.wordpress.com/2018/02/03/designing-windows-95s-user-interface/" data-hover="A retrospective from someone who worked on the Windows 95 user interface detailing the design process and iteration that went into creating an interface that was accessible to both first-time computer users and existing power users.">Designing Windows 95's User Interface</a>
-                </li>
-            </ul>
-        </div>
-        <div id="links-right" class="links-column">
-            <ul class="links">
-                <h4>Food for Thought</h4>
-                <li>
-                    <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>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://permies.com/w/better-world" data-hover="On the topic of permaculture, Building a Better World in your Backyard is a book describing how you can get started with permaculture and living a sustainable lifestyle. The website has lots of good resources and is often referenced by the book. You can also buy the book in bulk for cheap to distribute amongst your local community.">Building a Better World in your Backyard</a>
-                </li>
-                <li>
-                    <a class="hover-links" target="_blank" href="https://ajroach42.com/the-small-things-manifesto/" data-hover="A manifesto written by Andrew Roach proposing that we should try to do things on a human scale again, instead of trying to design everything to scale infinitely.">The small things Manifesto</a>
-                </li>
-            </ul>
-        </div>
+
+
+    <div class="links-column">
+        <ul class="link">
+            <h4>Amusement</h4>
+            
+            <li>
+                <a class="hover-links" target="_blank" href="http://www.norvig.com/Gettysburg/index.htm" data-hover="A modern interpretation of the Gettysburg Address.">The Gettysburg Powerpoint Presentation</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://dev.to/miguelmota/how-unix-programmers-at-restaurants-search-menus--46ad" data-hover="A real-world application of UNIX skills.">How Unix programmers at restaurants search menus for their favorite plate</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://xwellingtonx.github.io/advanced-pet/" data-hover="A web simulation of the old Megaman NT Warrior Advanced PET toy from the mid-2000s">Advanced PET</a>
+            </li>
+            
+        </ul>
     </div>
-    <div id="links-bottom">
-        
-        <h4>Friends</h4>
-        <a href="https://xandra.cc"><img src="/images/buttons/xandracc.png"></a>
-        <a href="https://acebit.neocities.org/"><img src="/images/buttons/acebit.png"></a>
-        <a href="https://supveronica.neocities.org/"><img src="/images/buttons/supveronica.gif"></a>
-        <a href="https://sinclair-speccy.github.io/The-Mainframe/"><img src="/images/buttons/themainframe.png"></a>
+
+
+    <div class="links-column">
+        <ul class="link">
+            <h4>Interesting Articles</h4>
+            
+            <li>
+                <a class="hover-links" target="_blank" href="https://www.wired.com/2016/07/forget-comcast-heres-the-diy-approach-to-internet-access/" data-hover="A Wired article about a Spanish engineer who built up a distributed wifi network to provide Internet to his town because telecom companies wouldn't.">Forget Comcast. Here's the DIY Approach to Internet Access</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://socket3.wordpress.com/2018/02/03/designing-windows-95s-user-interface/" data-hover="A retrospective from someone who worked on the Windows 95 user interface detailing the design process and iteration that went into creating an interface that was accessible to both first-time computer users and existing power users.">Designing Windows 95's User Interface</a>
+            </li>
+            
+        </ul>
     </div>
+
+
+    <div class="links-column">
+        <ul class="link">
+            <h4>Food for Thought</h4>
+            
+            <li>
+                <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>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://permies.com/w/better-world" data-hover="On the topic of permaculture, Building a Better World in your Backyard is a book describing how you can get started with permaculture and living a sustainable lifestyle. The website has lots of good resources and is often referenced by the book. You can also buy the book in bulk for cheap to distribute amongst your local community.">Building a Better World in your Backyard</a>
+            </li>
+            
+
+            <li>
+                <a class="hover-links" target="_blank" href="https://ajroach42.com/the-small-things-manifesto/" data-hover="A manifesto written by Andrew Roach proposing that we should try to do things on a human scale again, instead of trying to design everything to scale infinitely.">The small things Manifesto</a>
+            </li>
+            
+        </ul>
+    </div>
+
 </div>
+        
+<h4>Friends</h4>
+<a href="https://xandra.cc"><img src="/images/buttons/xandracc.png"></a>
+<a href="https://acebit.neocities.org/"><img src="/images/buttons/acebit.png"></a>
+<a href="https://supveronica.neocities.org/"><img src="/images/buttons/supveronica.gif"></a>
+<a href="https://sinclair-speccy.github.io/The-Mainframe/"><img src="/images/buttons/themainframe.png"></a>
+
diff --git a/links.json b/links.json
new file mode 100644
index 0000000..9befebe
--- /dev/null
+++ b/links.json
@@ -0,0 +1,98 @@
+[
+    {
+        "name": "Computing", 
+        "links": [
+            {
+                "name": "Simple Balanced Ternary Computer Virtual Machine",
+                "description": "A virtual machine simulating a base 3 computer. Alternatives to the traditional models of computing are of great interest to me and I want to learn more about programming in base 3.",
+                "url": "https://sbtcvm.blogspot.com/?m=1"
+            },
+            {
+                "name": "Shell Script Best Practices",
+                "description": "A list of tips when writing shell scripts. Especially useful for me since I'm not super familiar with bash but use it on a daily basis.",
+                "url": "https://sharats.me/posts/shell-script-best-practices/"
+            },
+            {
+                "name": "The Lost Art of Structure Packing",
+                "url": "http://www.catb.org/esr/structure-packing/",
+                "description": "An interesting look into how C structs work and how to squeeze some extra optimization out of them."
+            },
+            {
+                "name": "how do i webmentions",
+                "url": "https://webmentions.neocities.org",
+                "description": "An excellent tutorial on how to set up webmentions on your site, specifically tailored to neocities users."
+            },
+            {
+                "name": "How to create hover text using HTML and CSS",
+                "url": "https://sebhastian.com/html-hover-text/",
+                "description": "A tutorial explaining hover text without using JavaScript, which I used to set up this page."
+            },
+            {
+                "name": "Beej's Guides",
+                "url": "https://beej.us/guide/",
+                "description": "Beej's Guides are all excellent tools to learn various programming languages and technologies. Notably useful for me are Beej's Guide to Network Programming and Beej's Guide to C (both volumes)"
+            }
+
+        ]
+    },
+    {
+        "name": "Amusement",
+        "links": [
+            {
+                "name": "The Gettysburg Powerpoint Presentation",
+                "url": "http://www.norvig.com/Gettysburg/index.htm",
+                "description": "A modern interpretation of the Gettysburg Address."
+            },
+            {
+                "name": "How Unix programmers at restaurants search menus for their favorite plate",
+                "url": "https://dev.to/miguelmota/how-unix-programmers-at-restaurants-search-menus--46ad",
+                "description": "A real-world application of UNIX skills."
+            },
+            {
+                "name": "Advanced PET",
+                "url": "https://xwellingtonx.github.io/advanced-pet/",
+                "description": "A web simulation of the old Megaman NT Warrior Advanced PET toy from the mid-2000s"
+            }
+        ]
+    },
+    {
+        "name": "Interesting Articles",
+        "links": [
+            {
+                "name": "Forget Comcast. Here's the DIY Approach to Internet Access",
+                "url": "https://www.wired.com/2016/07/forget-comcast-heres-the-diy-approach-to-internet-access/",
+                "description": "A Wired article about a Spanish engineer who built up a distributed wifi network to provide Internet to his town because telecom companies wouldn't."
+            },
+            {
+                "name": "Designing Windows 95's User Interface",
+                "url": "https://socket3.wordpress.com/2018/02/03/designing-windows-95s-user-interface/",
+                "description": "A retrospective from someone who worked on the Windows 95 user interface detailing the design process and iteration that went into creating an interface that was accessible to both first-time computer users and existing power users."
+            }
+        ]
+    },
+    {
+        "name": "Food for Thought",
+        "links": [
+            {
+                "name": "32-Bit Cafe",
+                "url": "https://32bit.cafe",
+                "description": "Building a better internet"
+            },
+            {
+                "name": "Permacomputing Wiki",
+                "url": "https://permacomputing.net",
+                "description": "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. "
+            },
+            {
+                "name": "Building a Better World in your Backyard",
+                "url": "https://permies.com/w/better-world",
+                "description": "On the topic of permaculture, Building a Better World in your Backyard is a book describing how you can get started with permaculture and living a sustainable lifestyle. The website has lots of good resources and is often referenced by the book. You can also buy the book in bulk for cheap to distribute amongst your local community."
+            },
+            {
+                "name": "The small things Manifesto",
+                "url": "https://ajroach42.com/the-small-things-manifesto/",
+                "description": "A manifesto written by Andrew Roach proposing that we should try to do things on a human scale again, instead of trying to design everything to scale infinitely."
+            }
+        ]
+    }
+]