added link ad-free explanation to login site

pass/lang/de/login.json

@@ -11,6 +11,7 @@
     "invalid-qr": "Qr Code enthält keine gültigen Daten.",
     "close": "Schließen"
   },
+  "how-it-works": "So funktioniert die werbefreie Suche",
   "submit": "Abschicken",
   "error": "Ein gültiger Schlüssel oder eine gültige Sicherungsdatei ist erforderlich."
 }

pass/public/styles/key/enter.less

@@ -8,6 +8,7 @@ body {
   max-height: 900px;
   main {
     display: grid;
+    gap: 1rem;
     place-content: center;
     align-content: center;
     margin: 0;
@@ -164,5 +165,13 @@ body {
         }
       }
     }
+    #how-it-works {
+      width: 280px;
+      a.button {
+        padding: 0.5rem;
+        width: 100%;
+        text-align: center;
+      }
+    }
   }
 }

pass/views/login/key.ejs

@@ -40,5 +40,8 @@
     </div>
   </div>
 </div>
+<div id="how-it-works">
+  <a href="<%= baseDir _%>#how-it-works" class="button"><%= req.t("how-it-works", {ns: "login"}) _%></a>
+</div>
 
 <%- include('../templates/page_footer'); -%>
\ No newline at end of file