gram: op

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

Lenses
(coming soon!)

<% use Phoenix.HTML %>

<div id="home">
  <section id="operand-company">
    <%= """
    # Operand

    > 15 years' experience in online programming.

    Operand Company is an engineering alliance based in DC, USA.  
    Our primary research includes accessible programming,
    rapid and reproducible deploys, and resource minimización.

    `://operand.online` is produced by Calliope Youngblood.  
    Message on Signal; @c4lliope.99
    """ |> Render.embed |> raw %>
  </section>

  <section id="gram">
    <%= """
    ## Pro `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 on ideas needing inclusion.
    """ |> Render.embed |> raw %>

    <ul><%= for base <- Source.any(System.get_env("GRAM_BASE")) do %>
      <li><a href={~p"/gram/#{base}"}>
        <%= base %>
      </a></li>
    <% end %></ul>
  </section>

  <section id="subs">
    <%= """
    ## Pro `pose`:

    | resource | domain |
    | :--- | :--- |
    #{ @subdomains |> Enum.map(fn {purpose, address} ->
      "| our #{purpose} | [`op://#{address}`](https://#{address}.operand.online) |"
    end) |> Enum.join("\n") }
    | ...and more? | recommend open-source programs. |
    """ |> Render.embed |> raw %>
  </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>
          <.link navigate={~p"/chronicle/#{page.key}"} >
            <%= page.name %>
          </.link>
        </h2>

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

        <p style="margin-left: 2rem;">
        <%= (page.summary || page.body) |> Render.embed |> raw %>
        </p>
      </li>
    <% end %>
  </ul>

  <ul id="issues" style="list-style: none;">
    <h2>Open Issues:</h2>

    <%= for {"issue-" <> _key, issue} <- @streams.issues do %>
      <li id={issue.key} style="margin-bottom: 3rem; padding: none;">
        <h2>
          <.link navigate={~p"/issue/#{issue.key}"} >
            <%= issue.name %>
          </.link>
        </h2>

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

        <p style="margin-left: 2rem;">
        <%= issue |> Op.Issue.summarize |> Render.embed |> raw %>
        </p>
      </li>
    <% end %>
  </ul>
</div>