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>