2023-06-03 09:26:45 +02:00
|
|
|
<section class="mx-auto max-w-xl p-10 bg-theme-background1">
|
2023-05-21 22:45:06 +02:00
|
|
|
<h1 class="text-3xl font-extrabold leading-10 tracking-tight text-theme-primary">
|
2023-04-03 22:22:02 +02:00
|
|
|
<%= @settings.title %>
|
|
|
|
</h1>
|
2023-05-21 22:45:06 +02:00
|
|
|
<p class="mt-4 leading-7 text-theme-base/75 uppercase font-semibold">
|
2023-04-03 22:22:02 +02:00
|
|
|
<%= @settings.subtitle %>
|
|
|
|
</p>
|
2023-05-21 22:45:06 +02:00
|
|
|
</section>
|
2023-03-14 22:57:40 +01:00
|
|
|
|
2023-06-03 09:26:45 +02:00
|
|
|
<section class="mx-auto max-w-xl text-sm my-8">
|
2023-05-21 22:45:06 +02:00
|
|
|
<ul class="flex flex-wrap gap-3">
|
|
|
|
<li>
|
2023-05-25 21:23:04 +02:00
|
|
|
<a
|
|
|
|
href="#"
|
2023-06-22 21:09:17 +02:00
|
|
|
class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold"
|
2023-05-25 21:23:04 +02:00
|
|
|
>
|
2023-05-21 22:45:06 +02:00
|
|
|
<.icon name="hero-megaphone" />
|
|
|
|
</a>
|
|
|
|
</li>
|
2023-05-25 21:23:04 +02:00
|
|
|
<%= for channel <- @channels do %>
|
|
|
|
<li>
|
|
|
|
<a
|
2023-06-02 07:07:22 +02:00
|
|
|
href={~p"/channel/#{channel.slug}"}
|
2023-05-25 21:23:04 +02:00
|
|
|
class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold"
|
|
|
|
>
|
|
|
|
<%= channel.name %>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<% end %>
|
2023-05-21 22:45:06 +02:00
|
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<%= if @channel do %>
|
2023-05-25 21:23:04 +02:00
|
|
|
<section class="mx-auto max-w-xl mt-8 border-t border-theme-background1">
|
|
|
|
<.note_list notes={@channel.notes} layout={@channel.layout} />
|
|
|
|
</section>
|
2023-05-21 22:45:06 +02:00
|
|
|
<% end %>
|