chiya/lib/chiya_web/controllers/page_html/home.html.heex

<div class="mx-auto max-w-xl mx-4 lg:mx-0">
  <h1 class="mt-16 text-3xl font-semibold font-serif leading-10 tracking-tighter text-theme-heading">
    <%= @settings.title %>
  </h1>
  <p class="mt-4 text-base leading-7 text-theme-base">
    <%= @settings.subtitle %>
  </p>

  <div class="w-full mt-6 sm:w-auto">
    <div class="flex gap-4 text-sm leading-6 text-theme-base">
      <%= for identity <- @public_identities do %>
        <div>
          <a
            rel={identity.rel}
            href={identity.url}
            class="group -mx-2 -my-0.5 inline-flex items-center gap-3 rounded-lg px-2 py-0.5 hover:bg-theme-primary/10 transition"
          >
            <%= raw(identity.icon) %>
            <%= identity.name %>
          </a>
        </div>
      <% end %>
    </div>
  </div>
  <%= if @channel do %>
    <div class="mt-6 sm:w-auto flex flex-col gap-1.5">
      <%= for note <- @channel.notes do %>
        <a
          href={~p"/#{note.slug}"}
          class="rounded-lg -mx-2 -my-0.5 px-2 py-0.5 hover:bg-theme-primary/10 transition"
        >
          <span class="text-theme-heading text-lg font-semibold leading-8">
            <%= note.name %>
          </span>
          <span class="text-theme-base text-sm"><%= pretty_date(note.published_at) %></span>
        </a>
      <% end %>
    </div>
  <% end %>
</div>