From 8c6dc0c101d8d9862d4e9ba1e13a5eaac65cd42f Mon Sep 17 00:00:00 2001
From: Tyler Perkins <tperki17@kent.edu>
Date: Sun, 30 Jul 2023 20:38:55 -0400
Subject: [PATCH] Update home page about content

---
 data/index.json       | 64 ++++++++++++++++++++++++++++++++++++++++---
 layouts/index.html    | 44 +++++++++++++++++------------
 static/css/styles.css |  8 +++++-
 3 files changed, 93 insertions(+), 23 deletions(-)

diff --git a/data/index.json b/data/index.json
index 991f410..b757573 100644
--- a/data/index.json
+++ b/data/index.json
@@ -4,18 +4,20 @@
             {
                 "value": "Software developer with a passion for literally just about everything."
             },
+            {
+                "value": "Employed as a full stack developer at Etactics Inc, with a focus on back end development and system architecture."
+            },
             {
                 "value": "Aspiring postmath; Jack of all trades, master of few."
             },
             {
-                "value": "Full stack developer at Etactics Inc, with a focus on back end development and system architecture."
+                "value": "Passion for software design, low level systems, and hyper-technical miuite details. Love reading an RFC proposal to unwind for the night, or to start my day with my current textbook of choice."
             },
             {
-                "value": "Passion for low level software, embedded systems, software architecture, and machine learning."
+                "value": "Currently persuing a Masters in Computer Science."
             }
-
         ],
-        "Hobbies": [
+        "Interests": [
             {
                 "value": "Software Architecture"
             },
@@ -24,6 +26,60 @@
             },
             {
                 "value": "Back End Development"
+            },
+            {
+                "value": "Web Design"
+            },
+            {
+                "value": "Welding"
+            },
+            {
+                "value": "Woodworking"
+            },
+            {
+                "value": "Aviation"
+            },
+            {
+                "value": "Cars and Small Engines"
+            },
+            {
+                "value": "Philosophy"
+            },
+            {
+                "value": "Ham Radio (CQCQCQ KE8TIZ CQCQCQ)"
+            },
+            {
+                "value": "Chemistry"
+            },
+            {
+                "value": "Mathematics"
+            },
+            {
+                "value": "Firearms"
+            },
+            {
+                "value": "Coffee"
+            },
+            {
+                "value": "Botany"
+            },
+            {
+                "value": "Homesteading"
+            },
+            {
+                "value": "Self-Sufficiency"
+            },
+            {
+                "value": "Embedded Systems"
+            },
+            {
+                "value": "Computer Engineering"
+            },
+            {
+                "value": "Artifical Intelligence (Language Models)"
+            },
+            {
+                "value": "Cryptocurrencies (Monero)"
             }
         ]
     }
diff --git a/layouts/index.html b/layouts/index.html
index 84ef6ab..89f80a5 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -8,39 +8,47 @@
         </div>
     </div>
     <div class="homepage-card">
-        <h1 data-show="about-description" data-value="uname -a" class="typewriter card-title">~ $&nbsp;</h1>
+        <div>
+            <h1 data-show="about-description" data-value="uname -a" class="typewriter card-title">~ $&nbsp;</h1>
+            <br/>
+            <small>AKA About for non-nerds</small>
+        </div>
         <div class="about-grid">
             <div id="about-description" class="about-description">
                 {{ range .Site.Data.index.About.Content }}
                     <p data-value="{{ .value }}"></p>
                 {{ end }}
             </div>
-            <div class="hobbies">
-                <p data-show="about-hobbies" data-value="cat hobbies.txt | less" class="typewriter">~ $&nbsp;</p>
-                <div id="about-hobbies">
-                    {{ range .Site.Data.index.About.Hobbies }}
-                        <p data-value="{{ .value }}"></p>
+            <div class="mini-terminal">
+                <p data-show="about-interests" data-value="cat interests.txt | less" class="typewriter">~ $&nbsp;</p>
+                <div id="about-interests">
+                    {{ range .Site.Data.index.About.Interests }}
+                        <p class="terminal-text" data-value="{{ .value }}"></p>
                     {{ end }}
                 </div>
             </div>
         </div>
     </div>
-    <!--
+
     <div class="homepage-card">
-        <h1 to-show="about-description" data-value="uname -a" class="typewriter">~ $&nbsp;</h1>
+        <div>
+            <h1 data-show="about-description" data-value="uname -a" class="typewriter card-title">~ $&nbsp;</h1>
+            <small>AKA About for non-nerds</small>
+        </div>
         <div class="about-grid">
-            <div id="about-description">
-            <p>Software developer with a passion for literally just about
-            everything.</p>
-            <p>Aspiring postmath; Jack of all trades, master of few.</p>
-            <p>Full stack developer at Etactics Inc.</p>
-            <p>Passion for low level software, embedded systems, software
-            architecture, and machine learning.</p>
+            <div id="about-description" class="about-description">
+                {{ range .Site.Data.index.About.Content }}
+                    <p data-value="{{ .value }}"></p>
+                {{ end }}
             </div>
-            <div class="hobbies">
-                <p data-value="cat hobbies.txt | less" class="typewriter">~ $&nbsp;</p>
+            <div class="mini-terminal">
+                <p data-show="about-interests" data-value="cat interests.txt | less" class="typewriter">~ $&nbsp;</p>
+                <div id="about-interests">
+                    {{ range .Site.Data.index.About.Interests }}
+                        <p class="terminal-text" data-value="{{ .value }}"></p>
+                    {{ end }}
+                </div>
             </div>
         </div>
     </div>
-    -->
 {{ end }}
diff --git a/static/css/styles.css b/static/css/styles.css
index 1723694..43482de 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -121,7 +121,13 @@ html {
     white-space: pre-wrap;
 }
 
-.hobbies {
+.terminal-text {
+    word-wrap: break-word;
+    margin-top: 0.2em;
+    margin-bottom: 0.2em;
+}
+
+.mini-terminal {
     background-color: black;
     height: 100%;
     padding: 10px;