gram: op

> ./lib/op_web/live/domain/index.html.heex

<div id="home">
  <section id="gram">
    <%= """
    Our original code is shared as a public-domain resource,
    and can be copied, remade, or reapplied as needed.

    Consumers are necessarily liable and responsible on consequence or damage.
    Please message and inquire as needed: [gram@op](mailto:code@operand.online)
    """ |> Render.embed |> raw %>

    <h2>Deployed machines (<a href="https://digitalocean.com">DigitalOcean</a>):</h2>
    <.react name="Examine" src={@machines} collapse={2} />

    <h2>Pro `gram`:</h2>
    <ul id="gram"><%= for %{locus: base} <- Source.Index.scheme(:gram) do %>
      <li><a href={~p"/gram/#{base |> Path.basename}"}>
        <%= base |> Path.basename %>
      </a></li>
    <% end %></ul>
  </section>

  <ul id="chronicle">
    <h2>Pro <code>duce</code>:</h2>

    <%= for {"chronicle-" <> _key, page} <- @streams.chronicles do %>
      <li id={page.key} style="margin-bottom: 3rem; padding: none;">
        <h2>
          <a href={~p"/chronicle/#{page.key}"} >
            <%= page.name %>
          </a>
        </h2>

        <div><time><%= page.day %></time></div>
        <div>Labeled as <%= Enum.join((page.labels || []), ", ") %></div>

        <p style="margin-left: 2rem;">
        <%= if page.summary do %>
          <%= page.summary |> Render.embed |> raw %>
        <% else %>
          <div id="campaign">
            <div><%= page.body |> String.split("\n\n- - -\n\n") |> hd |> Render.embed |> raw %></div>

            <%= if page.campaign do %>
              <script src="https://donorbox.org/widget.js" paypalExpress="false"></script> <iframe src={"https://donorbox.org/embed/#{page.campaign}"} name="donorbox" allowpaymentrequest="allowpaymentrequest" seamless="seamless" frameborder="0" scrolling="no" height="900px" style="max-width: 500px; min-width: 250px; max-height:none!important" allow="payment"></iframe>
            <% end %>
          </div>
        <% end %>
        </p>
        <div>
          <a href={~p"/chronicle/#{page.key}"} >
          Read more ->
          </a>
        </div>
      </li>
    <% end %>
  </ul>

</div>