1---
 2layout: default
 3---
 4
 5<div class="about">
 6    <div class="about-sidebar">
 7        <img id="avatar" alt="aaoth-photo"
 8        width="128" height="128" src="/assets/img/aaoth-photo.jpeg">
 9        <div class="about-links">
10            <p>other links:</p>
11            <ul>
12                {%- assign sorted_links = site.data.links | sort: "type" -%}
13                {% for link in sorted_links %}
14                <li>
15                    <a href="{{ link.link }}"
16                    {% if link.rel %}rel="{{ link.rel }}"{% endif %}>
17                        <img class= "link-icon" width="32" height="32"
18                             alt="" src="/assets/img/{{ link.type }}-icon.png">
19                        <div class="link-text">{{ link.name }}</div>
20                    </a>
21                </li>
22                {% endfor %}
23            </ul>
24        </div>
25    </div>
26
27    <div class="about-info">
28        {{ content }}
29    </div>
30</div>
31