added contact page, blog list, redid homepage

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!)

content/blog/_index.md

@@ -0,0 +1,6 @@
+---
+title: "Blogs"
+date: 2022-12-27T15:19:45-07:00
+draft: false
+---
+

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.

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"
+license: "BSD 2-Clause License and CC BY-SA 4.0"
-languages: "Markdown, HTML 5, and CSS 3"
+languages: "Markdown, HTML, CSS, and JavaScript"
 wip: false
 current: true
 date: 2022-12-02T12:05:39-07:00

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" . }}

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" . }}

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" . }}

layouts/index.html

@@ -1,10 +1,22 @@
 {{ partial "head.html" . }}
-{{ range (where (where .Site.RegularPages "Section" "blog") "Params.nohtml" "!=" "true") }}
+<h3>My Newest Project</h3>
-{{- if .OutputFormats.Get "html" }}
+<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>
+<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 }}
-{{ end }}
+<a href="/blog" style="float: right;">View all posts -&gt;</a>
 {{ partial "foot.html" . }}

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>

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>

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">

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" . }}

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;
+  max-width: inherit;
-  min-height: 13em;
+  min-height: 13rem;
-  font-size: 15px;
+  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;
+  }
+}

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 > 11)
-  if (hours > 12) {
+    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 (colon === ":") 
-  if (old_hours > 11) {
+    colon = " ";
-    t_str += " pm";
+  else if (colon === " ")
-  } else {
+    colon = ":";
-    t_str += " am";
-  }
 
+  var t_str = hours + colon + minutes + tod;
   document.getElementById('time').innerHTML = t_str;
 }
-setInterval(updateTime, 1);
+setInterval(updateTime, 500);