assets/main.css

@@ -215,6 +215,31 @@ h6 {
     color: var(--accent);
 }
 
+.sidebar-legal {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    margin-top: 4px;
+}
+
+.legal-link {
+    font-size: 11px;
+    color: var(--text-dimmest);
+    text-decoration: none;
+    transition: color 0.15s ease;
+}
+
+.legal-link:hover {
+    color: var(--text-secondary);
+}
+
+.legal-sep {
+    font-size: 10px;
+    color: var(--text-dimmest);
+    opacity: 0.5;
+}
+
 .sidebar-version {
     font-size: 11px;
     color: var(--text-dimmest);

src/components/sidebar.rs

@@ -245,6 +245,11 @@ fn SidebarFooter() -> Element {
                     Icon { icon: BsGrid, width: 16, height: 16 }
                 }
             }
+            div { class: "sidebar-legal",
+                Link { to: Route::PrivacyPage {}, class: "legal-link", "Privacy Policy" }
+                span { class: "legal-sep", "|" }
+                Link { to: Route::ImpressumPage {}, class: "legal-link", "Impressum" }
+            }
             p { class: "sidebar-version", "v{version}" }
         }
     }