From a2bc863887e882f9a61fe804995a201f9ee9df63 Mon Sep 17 00:00:00 2001
From: inhji <johnnie@posteo.de>
Date: Fri, 7 Jul 2023 14:30:57 +0200
Subject: [PATCH] =?UTF-8?q?=E2=80=9Elib/chiya=5Fweb/controllers/page=5Fhtm?=
 =?UTF-8?q?l/note.html.heex=E2=80=9C=20=C3=A4ndern?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../controllers/page_html/note.html.heex      | 105 +++++++++---------
 1 file changed, 52 insertions(+), 53 deletions(-)

diff --git a/lib/chiya_web/controllers/page_html/note.html.heex b/lib/chiya_web/controllers/page_html/note.html.heex
index 390b682..a6dfbaa 100644
--- a/lib/chiya_web/controllers/page_html/note.html.heex
+++ b/lib/chiya_web/controllers/page_html/note.html.heex
@@ -1,59 +1,58 @@
-<section class="max-w-2xl mx-auto">
-  <article class="h-entry hentry">
-    <.header class_title="p-name">
-      <:title><%= @note.name %></:title>
-    </.header>
+<article class="h-entry hentry">
+  <.header class_title="max-w-2xl mx-auto | p-name">
+    <:title><%= @note.name %></:title>
+  </.header>
 
-    <section class="mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl  | p-summary e-content">
-      <%= Markdown.render(@note.content) |> raw %>
-    </section>
+  <section class="mt-8 prose prose-gruvbox md:prose-lg lg:prose-xl  | p-summary e-content">
+    <%= Markdown.render(@note.content) |> raw %>
+  </section>
 
-    <footer class="mt-8 text-theme-base">
-      <%= if @note.published_at do %>
-        <span>Published</span>
-      <% else %>
-        <span>Unpublished</span>
-      <% end %>
-      <time class="font-semibold | dt-published"><%= pretty_date(@note.published_at) %></time>
+  <footer class="max-w-2xl mx-auto mt-8 text-theme-base">
+    <%= if @note.published_at do %>
+      <span>Published</span>
+    <% else %>
+      <span>Unpublished</span>
+    <% end %>
+    <time class="font-semibold | dt-published"><%= pretty_date(@note.published_at) %></time>
+    <.dot />
+    <span>Last Updated</span>
+    <time class="font-semibold" datetime={datetime(@note.updated_at)}>
+      <%= pretty_date(@note.updated_at) %>
+    </time>
+    <%= if not Enum.empty?(@note.tags) do %>
       <.dot />
-      <span>Last Updated</span>
-      <time class="font-semibold" datetime={datetime(@note.updated_at)}>
-        <%= pretty_date(@note.updated_at) %>
-      </time>
-      <%= if not Enum.empty?(@note.tags) do %>
-        <.dot />
-        <span>Tags</span>
-        <.tags note={@note} />
-      <% end %>
-      <%= if @current_user do %>
-        <.dot />
-        <a href={~p"/admin/notes/#{@note}"} class="underline-link font-semibold">Show in Admin</a>
-      <% end %>
+      <span>Tags</span>
+      <.tags note={@note} />
+    <% end %>
+    <%= if @current_user do %>
+      <.dot />
+      <a href={~p"/admin/notes/#{@note}"} class="underline-link font-semibold">Show in Admin</a>
+    <% end %>
 
-      <a href={~p"/"} class="hidden | h-card u-author">Inhji</a>
-      <a href={~p"/note/#{@note.slug}"} class="hidden | u-url u-uid"><%= @note.name %></a>
-    </footer>
+    <a href={~p"/"} class="hidden | h-card u-author">Inhji</a>
+    <a href={~p"/note/#{@note.slug}"} class="hidden | u-url u-uid"><%= @note.name %></a>
+  </footer>
 
-    <section class="mt-8">
-      <%= if !Enum.empty?(@note.images) do %>
-        <.line />
+  <section class="max-w-2xl mx-auto mt-8">
+    <%= if !Enum.empty?(@note.images) do %>
+      <.line />
+
+      <div class="flex flex-wrap gap-3">
+        <%= for image <- @note.images do %>
+          <a
+            href={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}
+            class="lightbox | w-28"
+            data-gallery="note"
+            data-description={ChiyaWeb.Markdown.render(image.content)}
+          >
+            <img
+              src={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :thumb_dithered)}
+              class="rounded"
+            />
+          </a>
+        <% end %>
+      </div>
+    <% end %>
+  </section>
+</article>
 
-        <div class="flex flex-wrap gap-3">
-          <%= for image <- @note.images do %>
-            <a
-              href={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :full_dithered)}
-              class="lightbox | w-28"
-              data-gallery="note"
-              data-description={ChiyaWeb.Markdown.render(image.content)}
-            >
-              <img
-                src={ChiyaWeb.Uploaders.NoteImage.url({image.path, image}, :thumb_dithered)}
-                class="rounded"
-              />
-            </a>
-          <% end %>
-        </div>
-      <% end %>
-    </section>
-  </article>
-</section>