---
layout: default
---
<header style="margin-top: 1rem; margin-bottom: 1rem">
      <div style="text-align: center;">
        <img src='{{ site.avatar }}' style="max-width: 10%; {% if site.avatar-circle %} border-radius: 100% {% endif %}"/>
        <h1 style="margin: auto; font-size: 5vw;">{{ site.title }}</h1>
        <h2 style="margin: auto; font-size: 2.5vw; margin-top: -0.15rem">{{ site.subtitle }}</h2>
        <h4 style="margin: auto; font-size: 1.5vw; color: #dcddde50;">{{ site.author }}</h4>
      </div>
    </header>
  {% for dm in site.dms reversed %}
    <div class="dm-container" id="{{ dm.title }}">
      {% if dm.dm-date %}<div class="dm-timestamp">{{ dm.dm-date }}</div>{% endif %}
      {% if dm.dm-author %}<div class="dm-credit">—{{ dm.dm-author }}</div>{% endif %}
      {% if dm.dm-attachment %}<div class="dm-attachment">
        <a class="dm-attachment" href="{{ dm.dm-attachment }}">attachment</a>
      </div>
      {% if site.top-linebreak == true %}<p style="margin-top: 1rem"></p>{% endif %}
      {% endif %}{% if dm.dm-label %}<div class="dm-label">
        {{ dm.dm-label | markdownify | smartify }}      </div>
      {% if site.top-linebreak == true %}<p style="margin-top: 1rem"></p>{% endif %}
      {% endif %}
      <!-- DM Content -->
      {{ dm.content | markdownify }}      <!-- /DM Content -->
      {% if site.bottom-linebreak == true %}<br/>{% endif %}
    </div>{% endfor %}

    <p style="padding-bottom: 1rem"></p>