Coffee journaling on ATProto (alpha) alpha.arabica.social
coffee
17
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat: alpha software note on homepage + about

pdewey e9b394cb b8f5fd75

+22 -6
+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
··· 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
··· 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}}