3 files changed, 82 insertions, 0 deletions
diff --git a/layouts/partials/foot.html b/layouts/partials/foot.html
new file mode 100644
index 0000000..ebcd07e
--- /dev/null
+++ b/layouts/partials/foot.html
@@ -0,0 +1,12 @@
+</div>
+<div class="col-lg-3 box rounded-3 sidebar">
+  <img class="pfp m-auto d-block mt-3 img-fluid img-circle" src="/bryson.jpg">
+  <br>
+  <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>&copy; 2022-2023 Bryson Steck. </footer>
+</body>
+</html>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
new file mode 100644
index 0000000..b55534a
--- /dev/null
+++ b/layouts/partials/head.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="theme-color" content="#282828">
+    <link
+      rel="stylesheet"
+      href="/bootstrap.css"
+      type="text/css"
+    />
+    <link
+      rel="stylesheet"
+      href="/style.css"
+      type="text/css"
+    />
+    <script src="/time.js"></script>
+    <title>{{ $.Title }} - Bryson Steck</title>
+  </head>
+  <body class="view">
+    <div class="container navbar">
+      <span class="navbar-title">Bryson Steck &nbsp;</span>
+      <ul class="nav">
+        <li class="navbar-item"><a href="/">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>
+      </ul>
+      <span class="time" id="time"></span>
+    </div>
+    <div class="container mt-3 p-0">
+    <div class="row">
+    <div class="col-lg-9">
+
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
new file mode 100644
index 0000000..606efc4
--- /dev/null
+++ b/layouts/partials/sidebar.html
@@ -0,0 +1,37 @@
+<div class="col-lg-3 p-4">
+  <img class="rounded-circle mx-auto d-block img-fluid img-circle" src="/static/blog/bryson.jpg">
+  <h4><br />Bryson Steck</h4>
+  <a href="/">
+    <button type="button" class="mt-1 mb-1 btn btn-blue w-100">
+      <i class="fa-solid fa-address-book"></i>&ensp;Blog
+    </button>
+  </a>
+  <a href="/about">
+    <button type="button" class="mt-1 mb-1 btn btn-green w-100">
+      <i class="fa-solid fa-user"></i>&ensp;About Me
+    </button>
+  </a>
+  <a href="/projects">
+    <button type="button" class="mt-1 mb-1 btn btn-yellow w-100">
+      <i class="fa-solid fa-code"></i>&ensp;Projects
+    </button>
+  </a>
+  <a href="/contact">
+    <button type="button" class="mt-1 mb-1 btn btn-red w-100">
+      <i class="fa-solid fa-envelope-circle-check"></i>&ensp;Contact
+    </button>
+  </a>
+  <div class="row mt-3">
+    <a class="col-2" href="https://github.com/brysonsteck">
+      <i class="fa-brands fa-github fa-2xl"></i>
+    </a>
+    <a class="col-2" href="https://www.linkedin.com/in/brysonsteck/">
+      <i class="fa-brands fa-linkedin fa-2xl"></i>
+    </a>
+    <a class="col-2" href="https://play.google.com/store/apps/dev?id=8697902497679037997&hl=en_US&gl=US">
+      <i class="fa-brands fa-google-play fa-xl"></i>
+    </a>
+  </div>
+  <p class="disclaimer"><br />&copy; Bryson Steck 2021-2022</p>
+  <p class="disclaimer">Free and open source software under the AGPL v3.0 License.</p>
+</div>