gram:op

> ./lib/op_web/live/chronicle/show.html.heex

Lenses
(coming soon!)

<% use Phoenix.HTML %>

<.link class="no-render" navigate={~p"/chronicle"}>← Chronicle</.link>

<.motion id="popcorn"
animate={[ x: [1000, 0], opacity: [0, 1], ]}
transition={[ duration: 1 ]}
>
  <main class="chronicle">
  <h1><%= @page.name %></h1>
  <blockquote><%= @page.summary |> MDEx.to_html |> raw %></blockquote>

  <div class="byline">
    <p>
    by <%= @page.composer %>
    <br/><time><%= @page.day %></time>
    </p>
    <p>Labeled as:<br/><%= Enum.join(@page.labels, ", ") %></p>
  </div>

    <%= @page.body |> Render.embed |> raw %>
  </main>
</.motion>

<div style="margin-top: 2rem" >
  <.link class="no-render" navigate={~p"/chronicle"} >← Chronicle</.link>
</div>