Coffee journaling on ATProto (alpha)
alpha.arabica.social
coffee
feat: alpha software note on homepage + about
+22
-6
+11
-2
templates/about.tmpl
+11
-2
templates/about.tmpl
···
2
2
3
3
{{define "content"}}
4
4
<div class="max-w-3xl mx-auto">
5
-
<h1 class="text-4xl font-bold text-brown-800 mb-8">About Arabica</h1>
5
+
<div class="flex items-center gap-3 mb-8">
6
+
<h1 class="text-4xl font-bold text-brown-800">About Arabica</h1>
7
+
<span class="text-sm bg-yellow-500 text-brown-900 px-3 py-1 rounded font-semibold">ALPHA</span>
8
+
</div>
9
+
10
+
<div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 mb-6">
11
+
<p class="text-sm text-gray-700">
12
+
<strong>Alpha Software:</strong> Arabica is currently in early development. Features may change, and data structures could be modified in future updates.
13
+
</p>
14
+
</div>
6
15
7
16
<div class="prose prose-lg max-w-none space-y-6">
8
17
<section>
···
75
84
<h2 class="text-2xl font-semibold text-brown-800 mb-4">Open Source</h2>
76
85
<p class="text-gray-700 leading-relaxed">
77
86
Arabica is open source software. You can view the code, contribute, or even run your own instance.
78
-
Visit our <a href="https://github.com/placeholder/arabica" class="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">GitHub repository</a> to learn more.
87
+
Visit our <a href="https://github.com/ptdewey/arabica" class="text-blue-600 hover:underline" target="_blank" rel="noopener noreferrer">GitHub repository</a> to learn more.
79
88
</p>
80
89
</section>
81
90
</div>
+6
-2
templates/home.tmpl
+6
-2
templates/home.tmpl
···
1
1
{{define "content"}}
2
2
<div class="max-w-4xl mx-auto">
3
3
<div class="bg-white rounded-lg shadow-md p-8 mb-8">
4
-
<h2 class="text-3xl font-bold text-gray-800 mb-4">Welcome to Arabica</h2>
5
-
<p class="text-gray-600 mb-6">Track your coffee brewing journey with detailed logs of every cup.</p>
4
+
<div class="flex items-center gap-3 mb-4">
5
+
<h2 class="text-3xl font-bold text-gray-800">Welcome to Arabica</h2>
6
+
<span class="text-xs bg-yellow-500 text-brown-900 px-2 py-1 rounded font-semibold">ALPHA</span>
7
+
</div>
8
+
<p class="text-gray-600 mb-2">Track your coffee brewing journey with detailed logs of every cup.</p>
9
+
<p class="text-sm text-gray-500 italic mb-6">Note: Arabica is currently in alpha. Features and data structures may change.</p>
6
10
7
11
{{if .IsAuthenticated}}
8
12
<!-- Authenticated: Show app actions and logout -->
+5
-2
templates/layout.tmpl
+5
-2
templates/layout.tmpl
···
7
7
<meta name="description" content="Arabica - Coffee brew tracker" />
8
8
<meta name="theme-color" content="#4a2c2a" />
9
9
<title>{{.Title}} - Arabica</title>
10
-
<link rel="stylesheet" href="/static/css/output.css?v=0.1.3" />
10
+
<link rel="stylesheet" href="/static/css/output.css?v=0.1.4" />
11
11
<style>[x-cloak] { display: none !important; }</style>
12
12
<link rel="manifest" href="/static/manifest.json" />
13
13
<script src="https://unpkg.com/htmx.org@2.0.8"></script>
···
22
22
<nav class="bg-brown-800 text-white shadow-lg">
23
23
<div class="container mx-auto px-4 py-4">
24
24
<div class="flex items-center justify-between">
25
-
<h1 class="text-2xl font-bold hidden md:block">☕ Arabica</h1>
25
+
<a href="/" class="hidden md:flex items-center gap-2 hover:opacity-80 transition">
26
+
<h1 class="text-2xl font-bold">☕ Arabica</h1>
27
+
<span class="text-xs bg-yellow-500 text-brown-900 px-2 py-1 rounded font-semibold">ALPHA</span>
28
+
</a>
26
29
<div class="space-x-4">
27
30
<a href="/" class="hover:text-brown-200">Home</a>
28
31
{{if .IsAuthenticated}}