yequari.com/layouts/partials/sidebar.html

<section>
    <div id="avatar-frame" class="online">
        <span class="gloss"></span>
        <img class="u-photo" width="100px" src="/images/avatar.jpg">
    </div>
</section>
<section>
    <h1>current status</h1>
    <div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=yequari" defer></script>
</section>
<section>
    <h1>Social</h1>
    <ul class="social">
        {{ range site.Menus.social }}
        <li class="social">
            <img class="social" src="/icons/{{.Params.icon}}">
            {{ if .URL }}
            <a rel="me" href="{{ .URL | safeURL }}">
                {{ .Name }}
                <!-- <span class="social {{.Params.class}}"></span> -->
            </a>
            {{ else }}
            {{ .Name }}
            {{ end }}
        </li>
        {{ end }}
    </ul>
</section>
<section>
    <h1><span class="lowercase">yequari</span> says...</h1>
    <div id="quote">
        <p id="subtitle">.</p>
    </div>
</section>