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 class="latest-post">
30            <h2>latest post</h2>
31            {% assign post = site.posts[0] %}
32            {% include post-preview.html %}
33        </div>
34    </div>
35</div>
36