melawy-site/public/json/mastodon-tpl.html

<article class="container" data-id="{post_id}" style="border: solid #444; border-radius: 10px; background-color: #353535; margin-top: 1rem; margin-bottom: 1rem;">
  <div>
    <div>
      <div data-id="{post_id}">

        <div class="row" style="padding: 1rem 0; border-bottom: solid #444;">
          <div class="col-md-6">
            <a href="https://{server_address}/@{name}" title="{name}" target="_blank" rel="noopener noreferrer">
              <span style="width: 46px; height: 46px;"><img src="{avatar}" alt="{name}" style="width: 46px; height: 46px;"></span>
              <span><span>@{name}</span></span>
            </a>
          </div>

          <div class="col-md-6">
            <a href="https://{server_address}/@{name}/{post_id}" target="_blank" rel="noopener noreferrer">
              <span><i class="fa fa-globe" title="Публичный"></i></span>
              <time datetime="{created_at}" title="{created_at}">{created_at}</time>
              <abbr title="Последнее изменение: {edited_at}"> *</abbr>
            </a>
          </div>
        </div>


        <div style="padding: 1rem; text-align: start;">
          {content}
        </div>

        <div style="padding: 1rem; aspect-ratio: 1.77778 / 1;">
          {media_attachments}
        </div>

        <div style="padding: 1rem;">
          <a href="https://{server_address}/tags/MelawyLinux">#<span>MelawyLinux</span></a>
        </div>

      </div>
    </div>
  </div>
</article>