ebby/Bluewaterblog
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

moved footer in header

Browse source
This commit is contained in:
ebby 2026-07-28 11:25:19 +02:00
parent c662d4719b
commit 51ecd2985b
3 changed files with 46 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
blog/src/components/Footer.astro
View file

@ -1,20 +0,0 @@
<footer>
<a class="nav-link" href="/impressum">Impressum</a>
<a class="nav-link" href="/privacy-policy">Datenschutz</a>
</footer>
<style>
footer {
display: flex;
width: 100vw;
justify-content: end;
padding: 16px 0;
background-color: var(--primary-color);
}
a {
padding-right: 32px;
}
</style>

70
blog/src/components/Header.astro
View file

@ -1,33 +1,55 @@
<header> <header>
<span id="name">Blauwasser Mausis</span> <span id="name">Blauwasser Mausis</span>
<span class="vertical-line"></span> <span class="vertical-line"></span>
<nav> <nav>
<a class="nav-link" href="/">Startseite</a> <div class="nav-left">
<!-- <a class="nav-link" href="/about">Über uns</a> --> <a class="nav-link" href="/">Startseite</a>
</nav> <!-- <a class="nav-link" href="/about">Über uns</a> -->
</div>
<div class="nav-right">
<a class="nav-link" href="/impressum">Impressum</a>
<a class="nav-link" href="/privacy-policy">Datenschutz</a>
</div>
</nav>
</header> </header>
<style> <style>
* { * {
font-size: larger; font-size: larger;
} }
header { header {
padding: 24px; width: 100%;
display: flex; padding: 24px 0 24px 24px;
background-color: var(--primary-color); display: flex;
} align-items: center;
background-color: var(--primary-color);
}
#name { #name {
font-weight: bold; font-weight: bold;
} }
.vertical-line { .vertical-line {
border-right: 3px solid black; border-right: 3px solid black;
padding-left: 16px; padding-left: 16px;
} height: 2rem;
}
a { nav {
padding-left: 16px; width: 100%;
} padding-right: 24px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
a {
font-size: larger;
padding-left: 16px;
}
.nav-right > a {
font-size: 1rem;
}
</style> </style>

2
blog/src/layouts/Main.astro
View file

@ -1,5 +1,4 @@
--- ---
import Footer from "../components/Footer.astro";
import Header from "../components/Header.astro"; import Header from "../components/Header.astro";
import "../styles/global.css"; import "../styles/global.css";
--- ---
@ -23,7 +22,6 @@ import "../styles/global.css";
<main> <main>
<slot /> <slot />
</main> </main>
<Footer />
</body> </body>
</html> </html>