layout: default


<div class=container>

<div class=public-account-header>
        <div class=public-account-header__image {% if site.banner == nil %} style="background-color: #191b22;" {% endif %}>
                {% if page.banner %}<img class=parallax src="{{ page.banner | relative_url }}" alt="Header Image">{% endif %}
        </div>
        <div class=public-account-header__bar>
                <div class=avatar>
                        <img id=profile_page_avatar src='{{ page.avatar.path | relative_url }}' alt="Avatar Image">
                </div>
                <div class=public-account-header__tabs>
                        <div class=public-account-header__tabs__name>
                                <h1>
                                        {{ page.author.name }}
                                        <small>
                                        @{{ page.author.handle }}@{{ site.host }}
                                        </small>
                                </h1>
                        </div>
                        <div class=public-account-header__tabs__tabs>
                                <div class=details-counters>
                                        <div class="counter active">
                                                <span class="u-url u-uid">
                                                        <span class=counter-number>{%- for post in site.posts -%}{% if post.author.handle == page.author.handle %}{% assign var = var | plus: 1 %}{% endif %}{%- endfor -%}{{ var | default: "0" }}</span>
                                                        <span class=counter-label>Toots</span>
                                                </span>
                                        </div>
                                </div>
                                <div class=spacer></div>
                                <div class=public-account-header__tabs__tabs__buttons>
                                        <a class="button logo-button modal-button" target=_new href="{{ '/feed.xml' | relative_url }}">Subscribe to RSS</a>
                                </div>
                        </div>
                </div>
                <div class="public-account-header__extra sf-hidden"></div>
        </div>
</div>
<div class=grid>
        <div class=column-0>
                <div class=h-feed>
                        <data class=p-name value="ethanmcbloxxer on mastodon.online">
                                <div class="activity-stream activity-stream--under-tabs">
                                        {% assign pinnedcontent = content | strip %}
                                        {% if pinnedcontent != "" %}
                                        <div class="entry h-entry">
                                                <div class="status__prepend" style="margin-left: 50px;">
                                                        <div class="status__prepend-icon-wrapper">
                                                                <i class="fa fa-thumbtack fa-fw" title="Pinned"></i>
                                                        </div>
                                                        <span>&nbsp;</span>
                                                </div>
                                                <div class="status status-public">
                                                        <div class=status__info>
                                                                <div class="p-author h-card">
                                                                        <div class=status__avatar>
                                                                                <div>
                                                                                        <img alt class="u-photo account__avatar" src="{{ page.avatar.path | relative_url }}">
                                                                                </div>
                                                                        </div>
                                                                        <span class=display-name>
                                                                                <bdi>
                                                                                        <strong class="display-name__html p-name">{{ page.author.name }}</strong>
                                                                                </bdi>
                                                                                <span class=display-name__account style="color: #606984">@{{ page.author.handle }}@{{ site.host }}</span>
                                                                        </span>
                                                                </div>
                                                        </div>
                                                        <div class="status__content">
                                                                <div class=e-content>
                                                                        {% if page.truncate %}
                                                                                {% assign truncate = page.truncate %}
                                                                                {{ content | truncatewords: truncate }}
                                                                                {% assign truncate = nil %}
                                                                        {% else %}
                                                                                {{ content }}
                                                                        {% endif %}
                                                                        {% for tag in post.tags %}
                                                                                <a href="{{ '/tags/' | append: "#" | append: tag | relative_url }}" style="color: #9baec8">#{{ tag }}</a>
                                                                        {% endfor %}
                                                                </div>
                                                        </div>
                                                </div>
                                        </div>
                                        {% endif %}
                                        {% assign pinnedcontent = nil %}

                                        {% for post in site.posts reversed %}
                                        {% if post.author.handle == page.author.handle %}
                                        <div class="entry h-entry">
                                                <div class="status status-public">
                                                        <div class=status__info>
                                                                <a class="status__relative-time u-url u-uid" rel="noopener noreferrer" href="{{ post.url | relative_url }}">
                                                                        <time class=time-ago datetime="{{ post.date | date_to_xmlschema }}" title="{{ post.date | date: '%B %-d, %Y'}}">{{ post.date | date: '%b %-d, %Y'}}</time>
                                                                </a>
                                                                <data class=dt-published value=2021-02-23T18:57:11+00:00></data>
                                                                <div class="p-author h-card">
                                                                        <span class="status__display-name u-url">
                                                                                <div class=status__avatar>
                                                                                        <div>
                                                                                                <img alt class="u-photo account__avatar" src="{{ page.avatar.path | relative_url }}">
                                                                                        </div>
                                                                                </div>
                                                                                <span class=display-name>
                                                                                        <a href="{{ post.url | relative_url }}" style="text-decoration: none;">
                                                                                                <bdi>
                                                                                                        <strong class="display-name__html p-name">{{ page.author.name }}</strong>
                                                                                                </bdi>
                                                                                        </a>
                                                                                        <span class=display-name__account>@{{ page.author.handle }}@{{ site.host }}</span>
                                                                                </span>
                                                                        </span>
                                                                </div>
                                                        </div>
                                                        <div class="status__content">
                                                                <div class=e-content>
                                                                        {% if post.truncate %}
                                                                                {% assign truncate = page.truncate %}
                                                                                {{ post.content | truncatewords: truncate }}
                                                                                {% assign truncate = nil %}
                                                                        {% else %}
                                                                                {{ post.content }}
                                                                        {% endif %}
                                                                        {% for tag in post.tags %}
                                                                                <a href="{{ '/tags/' | append: "#" | append: tag | relative_url }}" style="color: #9baec8">#{{ tag }}</a>
                                                                        {% endfor %}
                                                                        {% if post.media %}
                                                                        <div data-component="MediaGallery">
                                                                                <div class="media-gallery" style="height: 30rem;">
                                                                                        <div class="media-gallery__item standalone" style="inset: auto; width: 100%; height: 100%;">
                                                                                                <canvas class="media-gallery__preview media-gallery__preview--hidden" width="32" height="32"></canvas>
                                                                                                <a class="media-gallery__item-thumbnail" href="{{ post.media }}" target="_blank" rel="noopener noreferrer">
                                                                                                        <img src="{{ post.media }}" style="object-position: 50% 50%;">
                                                                                                </a>
                                                                                        </div>
                                                                                </div>
                                                                        </div>
                                                                        {% endif %}
                                                                </div>
                                                        </div>
                                                        <div class=status__action-bar>
                                                                <a class="status__action-bar-button icon-button modal-button" href="{{ post.url | append: '#comments' | relative_url }}" title="Reply" aria-label="Reply"><i class="fa fa-reply fa-fw"></i></a>
                                                                <a class="status__action-bar-button icon-button modal-button" href="{{ post.url | relative_url }}" title="Permanent Link" aria-label="Bookmark"><i class="fa fa-bookmark fa-fw"></i></a>
                                                        </div>
                                                </div>
                                        </div>
                                        {% endif %}
                                        {% endfor %}
                                </div>
                        </data>
                </div>
        </div>
        <div class=column-1>
                <div class=public-account-bio>
                        <div class="account__header__fields">
                                {% for table in page.fields %}<dl>
                                        <dt>{{ table.name | markdownify }}</dt>
                                        <dd title="{{- table.content | markdownify | strip_html -}}">
                                                {{ table.content | markdownify }}
                                        </dd>
                                </dl>{% endfor %}
                        </div>
                        {% if page.role or page.admin or page.moderator %}<div class="roles">
                                {% if page.admin %}<div class="account-role admin">Admin</div>{% endif %}
                                {% if page.moderator %}<div class="account-role moderator">Moderator</div>{% endif %}
                                {% if page.role %}<div class="account-role">{{ page.role }}</div>{% endif %}
                        </div>{% endif %}
                        <div class="account__header__content">
                                {{ page.bio | markdownify | smartify }}
                        </div>
                        <div class=public-account-bio__extra>
                                Last generated {{ "now" | date: "%B %e, %Y" }}
                        </div>
                </div>
                <div class=hero-widget>
                        <div class=hero-widget__img>
                                <img src="{{ '/assets/hero.png' | relative_url }}" alt="Mastodon in Rio">
                        </div>
                        <div class=hero-widget__text>
                                <p>This website uses <a href=https://github.com/EthanMcBloxxer/jekyll-theme-mastodon/>jekyll-theme-mastodon</a>, a Jekyll theme created by EthanMcBloxxer using the <a href=https://github.com/tootsuite/mastodon>Mastodon source code</a> and the <a href=https://mastodon.online/>official public instance's HTML.</a>
                                        <ul>
                                                <li>Jekyll v{{ jekyll.version }}</li>
                                        </ul>
                                </p>
                        </div>
                </div>
        </div>
</div>
{% if site.amplitude %}
        {% assign key = site.amplitude %}
        {% include analytics.html key=key %}
        <script type="text/javascript">
                amplitude.getInstance().logEvent("Profile View", {handle: "{{ page.author.handle }}"});
        </script>
        {% assign key = nil %}
{% endif %}

</div>