Something went wrong. Try again.
Joseph Hale's Technical Blog
Something went wrong. Try again.
3.7 kB · 110 lines
HTML
at content
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111<!-- The Side Bar -->
<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end"> <header class="profile-wrapper"> <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle"> {%- if site.avatar != empty and site.avatar -%} {%- capture avatar_url -%} {% include img-url.html src=site.avatar %} {%- endcapture -%} <img src="{{- avatar_url -}}" width="112" height="112" alt="avatar" onerror="this.style.display='none'"> {%- endif -%} </a>
<h1 class="site-title"> <a href="{{ '/' | relative_url }}">{{ site.title }}</a> </h1> {% for line in site.tagline %} <p class="site-subtitle fst-italic mb-0">{{ line }}</p> {% endfor %} </header> <!-- .profile-wrapper -->
<nav class="flex-column flex-grow-1 w-100 ps-0"> <ul class="nav"> <!-- home --> <li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}"> <a href="{{ '/' | relative_url }}" class="nav-link"> <i class="fa-fw fas fa-home"></i> <span>{{ site.data.locales[include.lang].tabs.home | upcase }}</span> </a> </li> <!-- the real tabs --> {% for tab in site.tabs %} <li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}"> <a href="{{ tab.url | relative_url }}" class="nav-link"> <i class="fa-fw {{ tab.icon }}"></i> {% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}
<span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span> </a> </li> <!-- .nav-item --> {% endfor %} </ul> </nav>
<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100"> {% unless site.theme_mode %} <button type="button" class="mode-toggle btn" aria-label="Switch Mode"> <i class="fas fa-adjust"></i> </button>
{% if site.data.contact.size > 0 %} <span class="icon-border"></span> {% endif %} {% endunless %}
{% for entry in site.data.contact %} {% case entry.type %} {% when 'github', 'twitter' %} {%- capture url -%} https://{{ entry.type }}.com/{{ site[entry.type].username }} {%- endcapture -%} {% when 'email' %} {% assign email = site.social.email | split: '@' %} {%- capture url -%} javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@') {%- endcapture -%} {% when 'rss' %} {% assign url = '/feed.xml' | relative_url %} {% else %} {% assign url = entry.url %} {% endcase %}
{% if url %} <a class="contact-link" href="{{ url }}" aria-label="{{ entry.type }}" {% assign link_types = '' %}
{% unless entry.noblank %} target="_blank" {% assign link_types = 'noopener noreferrer' %} {% endunless %}
{% if entry.type == 'mastodon' %} {% assign link_types = link_types | append: ' me' | strip %} {% endif %}
{% unless link_types == empty %} rel="{{ link_types }}" {% endunless %} > <i class="{{ entry.icon }}"></i> </a> {% endif %} {% endfor %} <!-- Legal links --> <div class="legal align-items-center d-flex flex-wrap w-100"> {% for item in site.legal %} <div> <a href="{{ item.url }}">{{ item.sidebar_title }}</a> </div> {% endfor %} </div> </div> <!-- .sidebar-bottom --></aside><!-- #sidebar -->