37 lines
1.1 KiB
Text
37 lines
1.1 KiB
Text
|
<main class="container d-flex justify-content-center">
|
||
|
|
|
||
|
|
<div class="col-12 col-md-10 col-lg-9 col-xl-8 col-xxl-7 pb-2 mb-4 mt-3">
|
||
|
|
|
||
|
|
<div class="post border-bottom border-gray pb-4 mb-3">
|
||
|
|
|
||
|
|
<h2 class="post-title fs-2 fw-normal mb-2"><%= raw @post.title %></h2>
|
||
|
|
|
||
|
|
<div class="post-date font-monospace text-gray-500 <%= if length(@post.tags) == 0, do: "mb-3" %>">
|
||
|
|
<%= icon_div @socket, "mdi-calendar-clock", [class: "icon baseline"] %>
|
||
|
|
<%= @post.date |> format_date() %>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<%= if length(@post.tags) > 0 do %>
|
||
|
|
<div class="post-tags fs-6 mb-3">
|
||
|
|
<%= icon_div @socket, "mdi-tag-multiple", [class: "icon baseline"] %>
|
||
|
|
<%= for {tag, i} <- Enum.with_index(@post.tags) do %>
|
||
|
|
#<%= tag %><%= i < (length(@post.tags) - 1) && "," || "" %>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
|
||
|
|
<div class="post-lede lead">
|
||
|
|
<%= raw @post.lede %>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="post-body">
|
||
|
|
<%= raw @post.body %>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</main>
|