diff --git a/pass/lang/de/pageheader.json b/pass/lang/de/pageheader.json index fd34f913264ee58433627ff326020303a5d1b60d..8eed0b9952341c15ec75e2587fb92d22200cee8e 100644 --- a/pass/lang/de/pageheader.json +++ b/pass/lang/de/pageheader.json @@ -9,5 +9,9 @@ "manage": "Schlüssel verwalten", "logout": "Logout", "start": "Starten" + }, + "footer": { + "impress": "Impressum", + "privacy": "Datenschutz" } -} +} \ No newline at end of file diff --git a/pass/public/styles/base.less b/pass/public/styles/base.less index 8c6fe397d14d7658324e6a40fca2baffacbb0d5d..7142e1e0ab77772c90b7b5c6df4f08ce8294a50b 100644 --- a/pass/public/styles/base.less +++ b/pass/public/styles/base.less @@ -318,6 +318,26 @@ nav#primary-nav { } } +footer { + background-color: @color-main; + color: white; + a { + color: white; + text-decoration: none; + } + > ul { + display: grid; + grid-template-columns: max-content max-content; + place-content: center; + gap: 1.2rem; + margin: 0; + padding: 1rem 0; + > li:nth-child(1) { + list-style-type: none; + } + } +} + .input-group { &.checkbox { display: grid; diff --git a/pass/views/templates/page_footer.ejs b/pass/views/templates/page_footer.ejs index 5e026f8c75eae8b3be6d64ed79bea77c43bfc1bd..a5d645e3f23f94250f9d6facd7d3d1ccc7bcfc4d 100644 --- a/pass/views/templates/page_footer.ejs +++ b/pass/views/templates/page_footer.ejs @@ -1,3 +1,10 @@ </main> -</body> -</html> \ No newline at end of file + <footer> + <ul> + <li><a href="/datenschutz"><%= req.t("footer.privacy", {ns: "pageheader"}) _%></a></li> + <li><a href="/impressum"><%= req.t("footer.impress", {ns: "pageheader"}) _%></a></li> + </ul> + </footer> + </body> + + </html> \ No newline at end of file