annot.at is a service for syncing static websites, such as blogs, to atproto and standard.site
annot.at
elixir
atproto
standardsite
Add a silly little banner
Can probably drop it again soon but it feels better to be clear about this
Johanna Larsson
(Jun 28, 2026, 10:37 PM +0100)
7704ae6e
fcb9e182
+30
-1
+21
lib/annot_at_web/components/core_components.ex
+21
lib/annot_at_web/components/core_components.ex
···
528
528
"""
529
529
end
530
530
531
+
attr :class, :any, default: nil
532
+
attr :icon, :any, default: "hero-exclamation-triangle"
533
+
slot :inner_block, required: true
534
+
535
+
def banner(assigns) do
536
+
~H"""
537
+
<div
538
+
role="note"
539
+
class={[
540
+
"flex items-center gap-2.5 rounded-xl border-2 border-ink bg-peach-light px-4 py-2.5 text-sm text-ink",
541
+
@class
542
+
]}
543
+
>
544
+
<.icon name={@icon} class="size-4 shrink-0" />
545
+
<span class="font-medium leading-none">
546
+
{render_slot(@inner_block)}
547
+
</span>
548
+
</div>
549
+
"""
550
+
end
551
+
531
552
## JS Commands
532
553
533
554
def show(js \\ %JS{}, selector) do
+4
lib/annot_at_web/controllers/live/dashboard_live.ex
+4
lib/annot_at_web/controllers/live/dashboard_live.ex
···
9
9
def render(assigns) do
10
10
~H"""
11
11
<Layouts.dashboard flash={@flash} current_scope={@current_scope} active={:overview}>
12
+
<.banner class="my-6" icon="hero-exclamation-triangle">
13
+
This app is in active development.
14
+
</.banner>
15
+
12
16
<div class="flex flex-col gap-4 sm:flex-row sm:items-center
13
17
sm:justify-between">
14
18
<div>
+1
lib/annot_at_web/controllers/live/login_live.ex
+1
lib/annot_at_web/controllers/live/login_live.ex
+4
-1
lib/annot_at_web/controllers/page_html/home.html.heex
+4
-1
lib/annot_at_web/controllers/page_html/home.html.heex
···
28
28
</nav>
29
29
30
30
<main class="mx-auto max-w-6xl px-6">
31
-
<%!-- Hero --%>
31
+
<.banner class="mt-6" icon="hero-exclamation-triangle">
32
+
This app is in active development.
33
+
</.banner>
34
+
32
35
<section class="grid grid-cols-1 items-center gap-12 py-16 lg:grid-cols-12 lg:py-24">
33
36
<div class="animate-entrance lg:col-span-7">
34
37
<span class="inline-block rounded-full bg-peach-light px-3 py-1 text-xs font-semibold uppercase tracking-widest text-ink">