layouts/partials/sidebar.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
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>