diff options
| author | Bryson Steck <brysonsteck@protonmail.com> | 2022-12-27 00:48:42 -0700 |
|---|---|---|
| committer | Bryson Steck <brysonsteck@protonmail.com> | 2022-12-27 00:48:42 -0700 |
| commit | 199f5ca505ca7392b3e770e83c5150a9f897d6d0 (patch) | |
| tree | c8a4c1b5576db270b8b73ae848bc0e76e3ad6001 /layouts/partials | |
| parent | 4cd9efaf56b61e86782e13a5b15411b679b5c259 (diff) | |
| download | website-199f5ca505ca7392b3e770e83c5150a9f897d6d0.tar website-199f5ca505ca7392b3e770e83c5150a9f897d6d0.tar.gz website-199f5ca505ca7392b3e770e83c5150a9f897d6d0.tar.bz2 | |
somewhat functional website now
Diffstat (limited to 'layouts/partials')
| -rw-r--r-- | layouts/partials/foot.html | 12 | ||||
| -rw-r--r-- | layouts/partials/head.html | 33 | ||||
| -rw-r--r-- | layouts/partials/sidebar.html | 37 |
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>© 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 </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> 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> 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> 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> 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 />© Bryson Steck 2021-2022</p> + <p class="disclaimer">Free and open source software under the AGPL v3.0 License.</p> +</div> |