| 1 | <!DOCTYPE html> |
| 2 | <html lang="en" class="h-full"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | <meta name="color-scheme" content="dark"> |
| 7 | <meta name="theme-color" content="#1a1d21"> |
| 8 | <%= render "shared/seo" %> |
| 9 | <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> |
| 10 | <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg"> |
| 11 | <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png"> |
| 12 | <link rel="icon" type="image/x-icon" href="/favicon/favicon.ico"> |
| 13 | <link rel="manifest" href="/favicon/site.webmanifest"> |
| 14 | <%= stylesheet_link_tag "tailwind", "data-turbo-track": "reload" %> |
| 15 | <%= javascript_importmap_tags %> |
| 16 | <%= csrf_meta_tags %> |
| 17 | <%= yield :head %> |
| 18 | </head> |
| 19 | |
| 20 | <body class="h-full bg-surface-900"> |
| 21 | <%= render "shared/navbar" %> |
| 22 | |
| 23 | <% if notice.present? %> |
| 24 | <div class="bg-green-900/20 border-b border-green-800/40 px-4 py-3 text-sm text-green-300 text-center" role="alert"> |
| 25 | <%= notice %> |
| 26 | </div> |
| 27 | <% end %> |
| 28 | <% if alert.present? %> |
| 29 | <div class="bg-amber-900/20 border-b border-amber-800/40 px-4 py-3 text-sm text-amber-300 text-center" role="alert"> |
| 30 | <%= alert %> |
| 31 | </div> |
| 32 | <% end %> |
| 33 | |
| 34 | <main> |
| 35 | <%= yield %> |
| 36 | </main> |
| 37 | |
| 38 | <footer class="border-t border-surface-600 mt-16"> |
| 39 | <div class="max-w-6xl mx-auto px-4 sm:px-6 py-8 flex flex-col gap-6 text-xs text-gray-500 |
| 40 | md:flex-row md:items-center md:justify-between"> |
| 41 | <span class="whitespace-nowrap text-center md:text-left"> |
| 42 | <%= link_to "v#{Sigitsi::VERSION}", changelog_version_path(version: "v#{Sigitsi::VERSION}"), |
| 43 | class: "text-brand-500 hover:text-brand-400 transition-colors" %> |
| 44 | </span> |
| 45 | <nav class="flex items-center justify-center gap-6"> |
| 46 | <%= link_to "About", about_path, class: "text-gray-400 hover:text-gray-200 transition-colors" %> |
| 47 | <%= link_to "Privacy", privacy_path, class: "text-gray-400 hover:text-gray-200 transition-colors" %> |
| 48 | <%= link_to "Terms", terms_path, class: "text-gray-400 hover:text-gray-200 transition-colors" %> |
| 49 | <%= link_to "Contact", contact_path, class: "text-gray-400 hover:text-gray-200 transition-colors" %> |
| 50 | </nav> |
| 51 | <span class="whitespace-nowrap text-center md:text-right"> |
| 52 | Auth & Mail by <a href="https://smbcloud.xyz/" class="text-brand-500 hover:text-brand-400 transition-colors" target="_blank" rel="noopener noreferrer">smbCloud</a> |
| 53 | </span> |
| 54 | </div> |
| 55 | <%= render "shared/dev_panel" if Rails.env.development? %> |
| 56 | </footer> |
| 57 | </body> |
| 58 | </html> |