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                        <img 
17                       class= "link-icon"
18                       alt="{{ link.type }}"
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                <li>
26                    <a rel="me" href="https://distrotoot.com/@la_ninpre">
27                        <img class="link-icon"
28                             alt="mastodon"
29                             width=32px height=32px
30                             src="/assets/img/mastodon-icon.png">
31                        <div class="link-text">mastodon</div>
32                    </a>
33                </li>
34            </ul>
35        </div>
36    </div>
37
38    <div class="about-info">
39        {{ content }}
40        <div class="latest-post">
41            <h2>latest post</h2>
42            {% assign post = site.posts[0] %}
43            {% include post-preview.html %}
44        </div>
45    </div>
46</div>
47