add: icon resolver

add: config "no_track" file list option
add: rainbeam-shared -> tetratto-shared
add: l10n

crates/app/src/public/html/auth/login.html

@@ -1,5 +1,5 @@
 {% extends "auth/base.html" %} {% block head %}
-<title>🐐 Login</title>
+<title>Login</title>
 {% endblock %} {% block title %}Login{% endblock %} {% block content %}
 <form class="w-full flex flex-col gap-4">
     <div class="flex flex-col gap-1">

crates/app/src/public/html/auth/register.html

@@ -1,5 +1,5 @@
 {% extends "auth/base.html" %} {% block head %}
-<title>🐐 Register</title>
+<title>Register</title>
 {% endblock %} {% block title %}Register{% endblock %} {% block content %}
 <form class="w-full flex flex-col gap-4" onsubmit="register(event)">
     <div class="flex flex-col gap-1">

crates/app/src/public/html/macros.html

@@ -10,14 +10,17 @@
             <a
                 href="/"
                 class="button {% if selected == 'home' %}active{% endif %}"
-                >Home</a
             >
+                {{ icon "house" }}
+                <span class="desktop">Home</span>
+            </a>
             {% endif %}
         </div>
 
         <div class="flex nav_side">
             {% if user %}
             <div class="dropdown">
+                <!-- prettier-ignore -->
                 <button
                     class="flex-row title"
                     onclick="trigger('atto::hooks::dropdown', [event])"
@@ -25,11 +28,30 @@
                     style="gap: 0.25rem !important"
                 >
                     {{ macros::avatar(username=user.username, size="24px") }}
+                    {{ icon "chevron-down" c(dropdown-arrow) }}
                 </button>
             </div>
             {% else %}
-            <a href="/auth/login" class="button">Login</a>
-            <a href="/auth/register" class="button">Register</a>
+            <div class="dropdown">
+                <button
+                    class="title"
+                    onclick="trigger('atto::hooks::dropdown', [event])"
+                    exclude="dropdown"
+                >
+                    {{ icon "chevron-down" c(dropdown-arrow) }}
+                </button>
+
+                <div class="inner">
+                    <a href="/auth/login" class="button">
+                        {{ icon "log-in" }}
+                        <span>Login</span>
+                    </a>
+                    <a href="/auth/register" class="button">
+                        {{ icon "user-plus" }}
+                        <span>Register</span>
+                    </a>
+                </div>
+            </div>
             {% endif %}
         </div>
     </div>

crates/app/src/public/html/root.html

@@ -5,6 +5,13 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
+        <meta
+            http-equiv="content-security-policy"
+            content="default-src 'self' blob:; img-src * data:; media-src *; font-src *; style-src 'unsafe-inline' 'self' blob: *; script-src 'self' 'unsafe-inline' blob: *; object-src 'self' blob: *; upgrade-insecure-requests; connect-src * localhost; frame-src 'self' blob: data: *"
+        />
+
+        <link rel="icon" href="/public/favicon.svg" />
+
         <link rel="stylesheet" href="/css/style.css" />
 
         <script src="/js/loader.js"></script>