1---
 2layout: default
 3---
 4
 5<div class="about">
 6    <div class="about-sidebar">
 7        <img id="avatar" alt="aaoth-photo"
 8        width=128px height=128px 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 
18                       class= "link-icon"
19                       width=32px height=32px
20                       src="/assets/img/{{ link.type }}-icon.png">
21                        <div class="link-text">{{ link.name }}</div>
22                    </a>
23                </li>
24                {% endfor %}
25            </ul>
26        </div>
27    </div>
28
29    <div class="about-info">
30        {{ content }}
31        <div class="latest-post">
32            <h2>latest post</h2>
33            {% assign post = site.posts[0] %}
34            {% include post-preview.html %}
35        </div>
36    </div>
37</div>
38