aboutsummaryrefslogtreecommitdiff
path: root/layouts/partials
diff options
context:
space:
mode:
Diffstat (limited to 'layouts/partials')
-rw-r--r--layouts/partials/foot.html12
-rw-r--r--layouts/partials/head.html33
-rw-r--r--layouts/partials/sidebar.html37
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>