sakino/themes/nipponalba/layouts/partials/aside.html

<section class="h-card p-author">
<img class="u-photo" src="{{ .Site.Params.ProfilePicture }}" alt="profile picture">
<span rel="author" class="title p-name" rel="me">{{ .Site.Params.Author }}</span><br/>
  <ul class="social-links">
    {{ range $item := .Site.Params.socialIcons }}
    <a href="{{ $item.url | safeURL }}" rel="me" >
      <i class="fa {{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
    </a>
    {{ end }}
    <span id="session"><a href="#"><img src="images/session.png" title="Session ID QR Code" alt="Session messenger icon"/>
<span><img src="images/sessionid.png" title="Session ID QR Code" alt="Session messenger id QR code"/></span></a></span>
</ul>
<section class="description">
  <h4 class="p-note">{{ .Site.Params.description }}<br/>
  Pronouns: <span class="p-x-pronoun-nominative">he</span>/<span class="p-x-pronoun-oblique">him</span>/<span class="p-x-pronoun-posessive">his</span></h4>
  <section class="interests">
  <span class="p-category">Craft Beer</span>
  <span class="p-category">Single Malt Whisky</span>
  <span class="p-category">Homebrewing</span>
  <span class="p-category">Scottish Politics</span>
  <span class="p-category">Scottish History</span>
  <span class="p-category">Japanese History</span>
  <span class="p-category">Tech</span>
  <span class="p-category">Veganism</span>
  <span class="p-category">Cooking</span></section>
</section>
<section style="display:none">
<span class="p-country-name">Scotland or Japan</span>
<a class="u-email" rel="me" href="mailto:jon@kelbie.scot"></a>
<a class="u-url u-uid" rel="me" href="https://jon.kelbie.scot"></a>
</section>
<section class="doing">
  <section class="reading h-product"><i class="fa fa-book" aria-hidden="true" target="_blank"></i> <a href="https://www.sciencedirect.com/book/9781782423317/brewing-microbiology" class="u-url" title="now reading: Brewing Microbiology"><span class="p-name">Brewing Microbiology</span><img class="u-photo" src="/images/reading/brewing-microbiology.jpg"/></a></section>
  <section class="playing h-product"><i class="fa fa-gamepad" aria-hidden="true"></i> <a href="https://www.cyberpunk.net" class="u-url" target="_blank" title="now playing: Cyberpunk 2077"><span class="p-name">Cyberpunk 2077</span><img class="u-photo" src="/images/playing/cyberpunk2077.jpg"/></a></section>
  <section class="watching h-product"><i class="fa fa-television" aria-hidden="true"></i> <a href="https://www.themoviedb.org/tv/63639-the-expanse" class="u-url" target="_blank" title="now watching: The Expanse"><span class="p-name">The Expanse</span><img class="u-photo" src="/images/watching/theexpanse.jpg"/></a></section>
</section>
</section>
<hr/>
<section class="site-info">&copy; {{ now.Format "2006"}} | <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC-BY 4.0</a> | <a href="{{ .Permalink }}index.xml"><i class="fa fa-rss fa-fw" aria-hidden="true" title="Blog RSS feed"></i></a><br/>
Made with ❤ and <a href="https://gohugo.io/">Hugo</a> by {{ .Site.Params.author }}</section>