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">
      <div id="colorscheme" class="dropdown">
        <div tabindex="0" role="button" class="btn m-1">
          <span class="icon mr-4"></span> scheme
          <svg width="12px" height="12px" class="h-2 w-2 fill-current opacity-60 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z"></path></svg>
        </div>

        <ul tabindex="0" class="dropdown-content z-[1] p-2 shadow-2xl bg-base-300 rounded-box w-52">
          <%= for scheme <- ~w( aqua business cyberpunk dark dim dracula forest synthwave ) do %>
            <label class="label cursor-pointer">
              <span class="label-text"><%=scheme%></span>
              <input checked={} data-set-theme={scheme} type="radio" name="scheme" class="radio theme-controller" aria-label={scheme} value={scheme} />
            </label>
          <% end %>
        </ul>
      </div>

      <a class="icon" href="https://share.operand.space/gram/op/doc/readme.html"> </a><!-- -->
      <a class="icon" href="https://share.operand.space/gram/op/share/change.log"> </a>
      <!--<a class="icon" href="https://labori.us"> </a>-->
    </div>
  </div>
</header>

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