[TASK] add footer
All checks were successful
CI/CD Pipeline / deploy-main (push) Successful in 7s

This commit is contained in:
Marie Birner
2024-02-17 22:05:51 +01:00
parent d1b7ad5c85
commit 2f4a239a72
15 changed files with 199 additions and 22 deletions

View File

@ -7,7 +7,7 @@
<body>
<header>
<div class="container">
<a href="/" title="Link zur Startseite">
<a href="/" class="contrast" title="Link zur Startseite">
<strong>RIS</strong>
<span>parser</span>
</a>
@ -18,5 +18,18 @@
{{content}}
</ol>
</main>
<footer class="container">
<nav>
<ul>
<li>
<!--TODO: Impressum / Datenschutz hinzufügen wenn aktiv aria-current="page" -->
<a class="contrast" href="/datenschutz">Datenschutz</a>
</li>
<li>
<a class="contrast" href="/impressum">Impressum</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>

View File

@ -20,6 +20,19 @@
<h1><mark>{{title}}</mark></h1>
{{content}}
</main>
<footer class="container">
<nav>
<ul>
<li>
<!--TODO: Impressum / Datenschutz hinzufügen wenn aktiv aria-current="page" -->
<a class="contrast" href="/datenschutz">Datenschutz</a>
</li>
<li>
<a class="contrast" href="/impressum">Impressum</a>
</li>
</ul>
</nav>
</footer>
<script src="app.js"></script>
</body>
</html>

View File

@ -2,16 +2,6 @@ h1 {
margin-top: var(--pico-spacing);
}
mark {
--pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
padding: 0;
background: var(--pico-mark-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
h2,
h3,
h4,
@ -37,6 +27,20 @@ h4 {
--pico-font-weight: 200;
}
mark {
--pico-mark-gradient: linear-gradient(270deg, #08AEEA 0%, #2AF598 100%);
padding: 0;
background: var(--pico-mark-gradient);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
main {
min-height: 100vh;
}
details summary {
line-height: unset;
}