From d18c276419d2d2f67ee9d0de9bfca641a5e45c8c Mon Sep 17 00:00:00 2001
From: Valeria Fadeeva <valeria.fadeeva.me@gmail.com>
Date: Fri, 15 Dec 2023 21:07:43 +0500
Subject: [PATCH] Update

---
 public/json/mastodon-tpl.html | 51 +++++++++++++++++++++++------------
 1 file changed, 34 insertions(+), 17 deletions(-)

diff --git a/public/json/mastodon-tpl.html b/public/json/mastodon-tpl.html
index 3062f3d..cc570c0 100644
--- a/public/json/mastodon-tpl.html
+++ b/public/json/mastodon-tpl.html
@@ -1,25 +1,42 @@
-<article aria-posinset="3" aria-setsize="3" data-id="{post_id}" tabindex="-1">
-  <div tabindex="-1">
-    <div class="status__wrapper status__wrapper-public focusable" tabindex="0" aria-label="{head}">
-      <div class="status status-public" data-id="{post_id}">
-        <div class="status__info">
-          <a href="https://{server_address}/@{name}/{post_id}" class="status__relative-time" target="_blank" rel="noopener noreferrer"><span class="status__visibility-icon"><i class="fa fa-globe" title="Публичный"></i></span><time datetime="{created_at}" title="{created_at}">{created_at}</time><abbr title="Последнее изменение: {edited_at}"> *</abbr></a>
-          <a href="https://{server_address}/@{name}" title="{name}" class="status__display-name" target="_blank" rel="noopener noreferrer">
-            <div class="status__avatar">
-              <div class="account__avatar" style="width: 46px; height: 46px;"><img src="{avatar}" alt="{name}" style="width: 46px; height: 46px;"></div>
-            </div>
-            <span class="display-name"><bdi><strong class="display-name__html">{name}</strong></bdi> <span class="display-name__account">@{name}</span></span>
+<article data-id="{post_id}">
+  <div>
+    <div>
+      <div data-id="{post_id}">
+
+        <div class="row">
+          <div class="col-md-1">
+            <div style="width: 46px; height: 46px;"><img src="{avatar}" alt="{name}" style="width: 46px; height: 46px;"></div>
+          </div>
+
+          <div class="col-md-5">
+            <a href="https://{server_address}/@{name}" title="{name}" target="_blank" rel="noopener noreferrer">
+
+            <span><bdi><strong>{name}</strong></bdi> <span>@{name}</span></span>
           </a>
-        </div>
-        <div class="status__content status__content--with-action" tabindex="0">
-          <div class="status__content__text status__content__text--visible translate" lang="ru">
-            {content}
+          </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 class="media-gallery" style="aspect-ratio: 1.77778 / 1;">
+
+
+        <div>
+          {content}
+        </div>
+
+        <div style="aspect-ratio: 1.77778 / 1;">
           {media_attachments}
         </div>
-        <div class="hashtag-bar"><a href="https://{server_address}/tags/MelawyLinux">#<span>MelawyLinux</span></a></div>
+
+        <div>
+          <a href="https://{server_address}/tags/MelawyLinux">#<span>MelawyLinux</span></a>
+        </div>
+
       </div>
     </div>
   </div>