2023-03-09 14:48:34 +01:00
|
|
|
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
|
|
|
<div class="mx-auto max-w-xl lg:mx-0">
|
2023-03-13 05:44:12 +01:00
|
|
|
<h1 class="mt-4 text-[2rem] font-semibold leading-10 tracking-tighter text-gray-900">
|
2023-03-09 14:48:34 +01:00
|
|
|
<%= @channel.name %>
|
|
|
|
</h1>
|
2023-03-13 05:44:12 +01:00
|
|
|
<p class="mt-4 text-base leading-7 text-gray-600">
|
2023-03-09 15:08:48 +01:00
|
|
|
<%= @channel.content %>
|
2023-03-09 14:48:34 +01:00
|
|
|
</p>
|
2023-03-31 13:23:18 +02:00
|
|
|
|
|
|
|
<div class="w-full mt-6 sm:w-auto flex flex-col gap-1.5">
|
|
|
|
<%= for note <- @channel.notes do %>
|
|
|
|
<a href={~p"/n/#{note.slug}"} class="rounded -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>
|
|
|
|
</div>
|
2023-03-09 21:43:30 +01:00
|
|
|
</div>
|