---
pagination:
  data: i18n
  size: 1
  alias: langKey
permalink: "/{{ langKey }}/social/index.html"
layout: base.njk
title: Adrian Victor:Social
headerLink: social
---
<script>
    const clickHereToContinueLocalized = "{{ i18n[langKey].clickHereToContinue }}";
</script>
<script src="{{ '/static/scripts/social.js' | url }}" defer></script>
<aside>
    <div id="socialAside">
        <div>
            <h1 class="nomargin negativeMargin"><a class="textColored noDecoration" href="https://mstdn.social/@tenkuma">@tenkuma</a></h1>
            <hr class="nomargin">
            <img src="{{ '/static/images/profile.jpg' | url }}">
        </div>
    </div>
    {% include 'widgets/internetometer-aside.html' %}
</aside>
<main>
    <div id="socialAlert" class="box alert" style="margin-bottom: 1em;">
            <p>{{ i18n[langKey].socialContentNotRated }}</p>
        </div>
    <p>{{ i18n[langKey].mastodonPageDescription }}</p>
    <ul id="socialPosts">
      {% for post in mastodon.posts %}
        <hr class="nomargin">
        <div class="mastodonPost">
            <div class="mastodonPostContent">
                {{ post.content | safe }}
                {% if post.media %}
                <div class="mastodonMediaBox">
                    <div>
                        {% for media in post.media %}
                            <a href="{{ media.image }}"><img class="mastodonMedia" src="{{ media.image }}" {% if media.alt %}alt="{{ media.alt }}"{% endif %}></a>
                        {% endfor %}
                    </div>
                </div>
                {% endif %}
            </div>
            <p class="mastodonLink"><a class="postLink" href="{{ post.source_url }}">{{ post.date }}</a></p>
        </div>
        {% endfor %}
    </ul>
</main>