added contact page, blog list, redid homepage

15 files changed, 154 insertions, 31 deletions

diff --git a/content/about-me.md b/content/about-me.md
index b6fed61..0b73c60 100644
--- a/content/about-me.md
+++ b/content/about-me.md
@@ -3,4 +3,58 @@ title: "About Me"
 date: 2022-12-26T22:54:07-07:00
 draft: false
 ---
+![](/bryson-smol.png)
 
+Hey there! My name is Bryson Steck. I live in Utah and I'm currently a senior getting my Bachelors in Computer Science. Some people notably find me funny, easy to work with, and very addicted to dill pickles. 
+
+My interests include everything Linux, system and network administration, privacy and security, and figuring out how the hell I got that thundercloud that one time playing in a Mario Kart Wii Mogi.
+
+## Skills I Have
+
+* C/C++
+* Vim and Vim-Plug
+* Linux and other UNIX-like OSes
+* Perl, Bash, and POSIX shell scripting
+* Java and Android development
+* Spigot Plugin development
+* HTML/CSS/JavaScript
+* System administration for Windows/Linux
+* Organization
+
+### Skills I Have (But Try to Avoid)
+
+* Python
+* TypeScript
+* React
+* Node.JS
+
+## My Tech Stack
+
+* Acer Swift SF314-42
+  * AMD Ryzen 7 4700U
+  * 8GB of RAM
+  * 512GB NVME SSD
+  * Gentoo Linux
+  * [dwm](/projects/dwm)
+* Dell Optiplex 7020
+  * Intel Core i5-4590
+  * 16GB of RAM
+  * 512GB SATA SSD, 2TB Hard Drive
+  * AMD RX 580
+  * Arch Linux
+  * KDE
+* Google Pixel 5a
+  * Qualcomm LITO
+  * 6GB of RAM
+  * 128GB of storage
+  * GrapheneOS
+  * Whatever launcher comes with GrapheneOS lol
+
+While I'm settling with it for now, I don't recommend you buy an Acer Swift SF314-42. It's an okay price for what you get at around $700, ***BUT*** the RAM is soldered, meaning no-go for any future upgrades, the screen's bevel is bad and falls apart from heat if you use it at a dock like I do, and it's keyboard is lackluster with an odd selection of media keys and no Linux support for it's fingerprint scanner. Obviously the fingerprint scanner doesn't matter much to me nowadays, but for the DE guys it may be a deal-breaker. 
+
+If you want a cheap desktop computer that does amazing under Linux, get a used Dell Optiplex. I got mine for $50, people often sell them for under $200 complete, and they are easily upgradable with about 90% standard parts. The only issues I have with them is the lack of space for storage and a front case fan and their garbage proprietary 8-pin motherboard power cable. Both the issues with the fan and storage can be mitigated if you are clever enough, but the 8-pin seems to make the processor inside run at a fraction of it's actual potential.
+
+My phone is a Google Pixel 5a, and depending on who you ask it's either a downgrade or an upgrade. (100% the latter, by the way.) I was originally an Apple guy through and through until I became more weary about the privacy issues we have in our world's internet. If you are curious, I have a couple blog articles detailing my switch:
+
+* [Why I Ditched My iPhone After 7 Years](/blog/ditched-iphone)
+* [Half a Year Later: Why I Switched From iPhone to GrapheneOS]() (Coming soon!)
diff --git a/content/blog/_index.md b/content/blog/_index.md
new file mode 100644
index 0000000..0d84fd1
--- /dev/null
+++ b/content/blog/_index.md
@@ -0,0 +1,6 @@
+---
+title: "Blogs"
+date: 2022-12-27T15:19:45-07:00
+draft: false
+---
+
diff --git a/content/contact.md b/content/contact.md
new file mode 100644
index 0000000..5184fdb
--- /dev/null
+++ b/content/contact.md
@@ -0,0 +1,17 @@
+---
+title: "Contact Me!"
+date: 2022-12-27T18:41:02-07:00
+draft: false
+---
+## Me on the Interwebs
+
+* Codeberg: [@brysonsteck](https://codeberg.org/brysonsteck)
+* GitHub: [@brysonsteck](https://github.com/brysonsteck) (I do not use this for hosting my projects anymore.)
+* Email: [brysonsteck@protonmail.com](mailto:brysonsteck@protonmail.com)
+* Blog RSS: [Here](/blog/index.xml)
+
+## Job Opportunities
+
+**Employment Status:** Currently employed part-time.
+
+If you would like to extend a job opportunity, please email me! I probably won't respond if I *really* like my current job, but I would like to hear it either way.
diff --git a/content/projects/this-website.md b/content/projects/this-website.md
index b5f8c22..6fcc211 100644
--- a/content/projects/this-website.md
+++ b/content/projects/this-website.md
@@ -3,8 +3,8 @@ title: "brysonsteck.xyz"
 description: "Hello there!"
 icon: "brysonsteck.xyz.jpg"
 repo: "https://codeberg.org/brysonsteck/brysonsteck.xyz"
-license: "CC BY-SA 4.0"
-languages: "Markdown, HTML 5, and CSS 3"
+license: "BSD 2-Clause License and CC BY-SA 4.0"
+languages: "Markdown, HTML, CSS, and JavaScript"
 wip: false
 current: true
 date: 2022-12-02T12:05:39-07:00
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..85aa08e
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1,6 @@
+{{ partial "head.html" . }}
+<h1>404: Page Not Found</h1>
+<hr>
+<p>Sorry dawg, I've got nothing for you here. How about you <a href="/">go back home</a> and enjoy the scenery?</p>
+<p>...or are you even human? Shoo! You nasty little web crawlers!</p>
+{{ partial "foot.html" . }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 6e5937b..a905db1 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,8 @@
 {{ partial "head.html" . }}
-<h2>{{$.Title}}</h2>
+<h1>{{$.Title}}</h1>
 <p></p>
 <hr>
+<div class="content">
 {{.Content}}
+</div>
 {{ partial "foot.html" . }}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
new file mode 100644
index 0000000..345b5f9
--- /dev/null
+++ b/layouts/blog/list.html
@@ -0,0 +1,10 @@
+{{ partial "head.html" . }}
+<h1>My Blogs</h1>
+<hr>
+{{ range (where (where .Site.RegularPages "Section" "blog") "Params.nohtml" "!=" "true") }}
+<div class="list p-3 rounded-3">
+<a href="{{.Permalink}}">{{.Title}}</a>
+<span><br>{{.Date.Format "January 2, 2006"}}</span>
+</div>
+{{ end }}
+{{ partial "foot.html" . }}
diff --git a/layouts/index.html b/layouts/index.html
index 4559344..478f8e9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,10 +1,22 @@
 {{ partial "head.html" . }}
-{{ range (where (where .Site.RegularPages "Section" "blog") "Params.nohtml" "!=" "true") }}
-{{- if .OutputFormats.Get "html" }}
+<h3>My Newest Project</h3>
+<hr>
+{{ range first 1 (where (where .Site.RegularPages "Section" "projects") "Params.nohtml" "!=" "true") }}
 <div class="list p-3 rounded-3">
+<img src="/{{ .Params.icon }}">
 <a href="{{.Permalink}}">{{.Title}}</a>
-<span><br>{{.Date.Format "January 2, 2006"}}</span>
+<p>{{ .Params.description }}</p>
+<span>Started {{ .Date.Format "January 2, 2006" }}</span>
 </div>
+<br>
 {{ end }}
+<h3>Recent Blog Posts</h3>
+<hr>
+{{ range first 4 (where (where .Site.RegularPages "Section" "blog") "Params.nohtml" "!=" "true") }}
+<div class="list p-3 rounded-3">
+<a href="{{.Permalink}}">{{.Title}}</a>
+<span><br>{{.Date.Format "January 2, 2006"}}</span>
+</div>
 {{ end }}
+<a href="/blog" style="float: right;">View all posts -&gt;</a>
 {{ partial "foot.html" . }}
diff --git a/layouts/partials/foot.html b/layouts/partials/foot.html
index 683b345..ac533f5 100644
--- a/layouts/partials/foot.html
+++ b/layouts/partials/foot.html
@@ -1,12 +1,13 @@
 </div>
-<div class="col-lg-3 box rounded-3 sidebar">
+<div class="col-lg-3 box rounded-3 sidebar d-none d-lg-block mb-0">
   <img class="pfp m-auto d-block mt-3 img-fluid img-circle" src="/bryson.png">
   <br>
+  <span><a href="/blog/index.xml">Blog RSS</a><br></span>
   <span>Codeberg/Github: <a href="https://codeberg.org/brysonsteck">@brysonsteck</a><br></span>
   <span>Email: <a href="mailto:brysonsteck@protonmail.com">brysonsteck@pm.me</a><br></span>
 </div>
 </div>
 </div>
-<footer>Copyright &copy; 2022-2023, Bryson Steck<br>All content is available under <a href="/licenses#ca-by-sa-40">CC-BY-SA 4.0.</a> This website's code is available under the <a href="/licenses#bsd-2-clause-license">BSD 2-Clause License.</a></footer>
+<footer class="px-5">Copyright &copy; 2022-2023, Bryson Steck<br>All content is available under <a href="/licenses#ca-by-sa-40">CC-BY-SA 4.0.</a> This website's code is available under the <a href="/licenses#bsd-2-clause-license">BSD 2-Clause License.</a></footer>
 </body>
 </html>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index b55534a..1b9189c 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -18,9 +18,9 @@
   </head>
   <body class="view">
     <div class="container navbar">
-      <span class="navbar-title">Bryson Steck &nbsp;</span>
+      <span><a href="/" class="navbar-title">Bryson Steck</a> &nbsp;</span>
       <ul class="nav">
-        <li class="navbar-item"><a href="/">Blog</a></li>
+        <li class="navbar-item"><a href="/blog">Blog</a></li>
         <li class="navbar-item"><a href="/projects">Projects</a></li>
         <li class="navbar-item"><a href="/about-me">About Me</a></li>
         <li class="navbar-item"><a href="/contact">Contact</a></li>
diff --git a/layouts/projects/list.html b/layouts/projects/list.html
index 8e5ce3a..67c8921 100644
--- a/layouts/projects/list.html
+++ b/layouts/projects/list.html
@@ -1,5 +1,5 @@
 {{ partial "head.html" . }}
-<h2>My Projects</h2>
+<h1>My Projects</h1>
 <hr>
 {{ range .Data.Pages.ByTitle }}
 <div class="list p-3 rounded-3">
diff --git a/layouts/projects/single.html b/layouts/projects/single.html
index fc01e34..9998585 100644
--- a/layouts/projects/single.html
+++ b/layouts/projects/single.html
@@ -14,7 +14,7 @@
 <span class="normal-span">Built with {{ .Params.languages }}<br></span>
 <span class="normal-span">Free and Open Source under the {{ .Params.license }}<br></span>
 <hr>
-<div class="project">
+<div class="content">
 {{.Content}}
 </div>
 {{ partial "foot.html" . }}
diff --git a/static/bryson-smol.png b/static/bryson-smol.png
new file mode 100644
index 0000000..389f9ce
--- /dev/null
+++ b/static/bryson-smol.png
diff --git a/static/style.css b/static/style.css
index 6e940e0..775d6d5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -107,10 +107,16 @@ a:hover {
   display: block;
 }
 
-.navbar-title {
+a.navbar-title {
   font-weight: 600;
   padding-right: 10px;
   padding-top: 2px;
+  text-decoration: none;
+  color: #ebdbb2;
+}
+
+a.navbar-title:hover {
+  text-decoration: underline;
 }
 
 .nav {
@@ -160,13 +166,15 @@ img.pfp {
 }
 
 .sidebar {
-  max-height: 13em;
-  min-height: 13em;
-  font-size: 15px;
+  max-width: inherit;
+  min-height: 13rem;
+  max-height: 13rem;
+  font-size: 13px;
 }
 
-.project img {
+.content img {
   max-width: 100%;
+  border-radius: 20px;
 }
 
 footer {
@@ -174,3 +182,9 @@ footer {
   padding: 30px 0;
   color: #7c6f64;
 }
+
+@media(max-width:768px) {
+  .time {
+    display: none;
+  }
+}
diff --git a/static/time.js b/static/time.js
index 3e5650d..ac093b1 100644
--- a/static/time.js
+++ b/static/time.js
@@ -1,27 +1,28 @@
+var colon = ":";
 function updateTime(){
   var date = new Date()
   var hours = date.getHours()
   var minutes = date.getMinutes()
-  var seconds = date.getSeconds()
 
-  var old_hours = hours;
-  if (hours > 12) {
+  if (hours > 11)
+    var tod = " pm";
+  else
+    var tod = " am";
+
+  if (hours > 12)
     hours = hours - 12
-  } else if (hours == 0) {
+  else if (hours == 0)
     hours = 12
-  }
 
-  if (minutes < 10) {
+  if (minutes < 10)
     minutes = "0" + minutes
-  }
 
-  var t_str = hours + ":" + minutes;
-  if (old_hours > 11) {
-    t_str += " pm";
-  } else {
-    t_str += " am";
-  }
+  if (colon === ":") 
+    colon = " ";
+  else if (colon === " ")
+    colon = ":";
 
+  var t_str = hours + colon + minutes + tod;
   document.getElementById('time').innerHTML = t_str;
 }
-setInterval(updateTime, 1);
+setInterval(updateTime, 500);