2023-07-29 16:10:02 +02:00
|
|
|
<%= if @channel do %>
|
|
|
|
<section class="mx-auto max-w-2xl">
|
|
|
|
<.header>
|
|
|
|
<%= @channel.name %>
|
|
|
|
</.header>
|
|
|
|
</section>
|
|
|
|
|
2023-08-02 13:37:16 +02:00
|
|
|
<section class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-3 max-w-4xl mx-auto">
|
|
|
|
<section class="col-span-1 md:col-span-2">
|
2023-08-01 07:32:06 +02:00
|
|
|
<.note_list notes={@notes} layout={@channel.layout} show_content={false} />
|
2023-07-29 16:10:02 +02:00
|
|
|
</section>
|
|
|
|
|
2023-08-01 07:32:06 +02:00
|
|
|
<section>
|
|
|
|
<ul>
|
2023-08-02 20:48:45 +02:00
|
|
|
<%= for {letter, tag_group} <- @tags do %>
|
|
|
|
<li class="mb-2">
|
|
|
|
<span class="capitalize text-theme-primary border border-theme-background1 rounded font-sm px-2 py-1 inline-block mb-2">
|
|
|
|
<%= letter %>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<%= for tag <- tag_group do %>
|
|
|
|
<a
|
|
|
|
href={~p"/tagged-with/#{tag.slug}"}
|
|
|
|
class="border border-theme-background1 rounded font-sm px-2 py-1 inline-block mb-2 hover:bg-theme-background1 transition"
|
|
|
|
>
|
|
|
|
<%= tag.name %>
|
|
|
|
</a>
|
|
|
|
<% end %>
|
|
|
|
</li>
|
|
|
|
<% end %>
|
2023-08-01 07:32:06 +02:00
|
|
|
</ul>
|
2023-07-29 16:10:02 +02:00
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
<% else %>
|
|
|
|
<section class="mx-auto max-w-2xl">
|
|
|
|
<.header>
|
2023-07-29 17:41:31 +02:00
|
|
|
Bookmarks
|
2023-07-29 16:10:02 +02:00
|
|
|
</.header>
|
|
|
|
|
|
|
|
<section class="prose prose-gruvbox mt-6">
|
2023-07-29 17:41:31 +02:00
|
|
|
Bookmarks not set up.
|
2023-07-29 16:10:02 +02:00
|
|
|
</section>
|
|
|
|
</section>
|
|
|
|
<% end %>
|