yay

backend/templates/login.html

@@ -23,4 +23,28 @@
     </form>
   </section>
 </div>
+<aside class="login-privacy-banner" data-login-privacy-banner>
+  <p class="login-privacy-title">{{ t('login_privacy_title') }}</p>
+  <p class="login-privacy-text">
+    {{ t('login_privacy_text') }}
+    <a href="{{ url_for('datenschutz') }}">{{ t('privacy') }}</a>
+  </p>
+  <button class="btn login-privacy-btn" type="button" data-login-privacy-accept>{{ t('login_privacy_accept') }}</button>
+</aside>
+<script>
+  (() => {
+    const banner = document.querySelector("[data-login-privacy-banner]");
+    const acceptBtn = document.querySelector("[data-login-privacy-accept]");
+    if (!banner || !acceptBtn) return;
+    const storageKey = "login_privacy_banner_v1_ack";
+    if (localStorage.getItem(storageKey) === "1") {
+      banner.hidden = true;
+      return;
+    }
+    acceptBtn.addEventListener("click", () => {
+      localStorage.setItem(storageKey, "1");
+      banner.hidden = true;
+    });
+  })();
+</script>
 {% endblock %}