1---
 2layout: default
 3---
 4
 5<div class="about">
 6    <div class="about-sidebar">
 7    <img id="avatar" alt="aaoth-photo" src="/assets/img/aaoth-photo.jpeg">
 8    <div class="about-links">
 9        <p>other links:</p>
10        <ul>
11    {% assign sorted_links = site.data.links | sort: "type" %}
12        {% for link in sorted_links %}
13        <li>
14            <a href="{{ link.link }}">
15            <img 
16                class= "link-icon"
17                alt="{{ link.type }}"
18                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>