diff options
Diffstat (limited to 'layouts/partials/sidebar.html')
| -rw-r--r-- | layouts/partials/sidebar.html | 37 |
1 files changed, 37 insertions, 0 deletions
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> |