gram: op

> ./lib/op_web/components/layouts/app.html.heex

Lenses
(coming soon!)

<header class="px-4 sm:px-6 lg:px-8">
  <div class="flex items-center justify-between border-b py-3 text-sm">
    <div class="flex items-justify gap-4">

      <a style="display: inline-block" href="/" class="icon">
        <img id="logo" src={~p"/images/logo.svg"} />
      </a>

      <ul id="leads" class="flex flex-none flex-col items-start">
        <li><span style="inline-block" class="bg-brand/5 text-brand rounded-full font-medium leading-6">
          Operand
        </span></li>

        <li><blockquote>
          <%= Splash.hourly %>
        </blockquote></li>
      </ul>
    </div>

    <div class="flex items-center gap-4 font-semibold leading-6 text-900">
      <a class="icon" href="https://share.operand.online"> </a>
      <!-- <a class="icon" href="https://msg.operand.online/"> </a> -->
      <.colorscheme/>
      <.calendar/>
    </div>
  </div>
</header>

<main class="px-4 py-4 sm:px-6 lg:px-8">
    <.flash_group flash={@flash} />
    <%= @inner_content %>
</main>