FSST/Geizkragen
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

improvements

Browse Source
This commit is contained in:
Fabian Schieder 2026-01-22 20:49:53 +01:00
parent 9f8dde16bf
commit 1311f593a4
5 changed files with 80 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
assets/icons/user.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 412 B

21
footer.php
View File

@ -1,16 +1,9 @@
<footer class="footer">
<p>
Fabians Geizkragen ist ein unabhängiges Preis- und Produktvergleichs-Portal,<br>
das mittels detaillierter Filter und vielfältiger Features<br>
eine optimale Hilfestellung bei der Kaufentscheidung bietet.
</p>
<h3>Kontaktdaten</h3>
<p>
<a href="mailto:pauleisenbock08@gmail.com">Eisenbock Paul</a><br>
<a href="mailto:fabianschieder@gmail.com">Fabian Schieder</a>
</p>
<footer class="footer" role="contentinfo">
<div class="container">
<p>&copy; <?= date('Y') ?> Geizkragen</p>
<nav class="footer__nav" aria-label="Footer Navigation">
<a href="impressum.php">Impressum</a>
</nav>
</div>
</footer>

7
header.php
View File

@ -28,7 +28,7 @@
</li>
<li class="nav__item">
<a href="login.php" class="nav__link">Konto</a>
<a href="wunschliste.php" class="nav__link">Wunschliste</a>
</li>
</ul>
@ -41,9 +41,12 @@
<div class="nav__actions">
<!-- Login link -->
<a class="nav__login" href="login.php" aria-label="Login">
<i class="ri-user-line"></i>
<svg class="icon icon-user" viewBox="0 0 24 24" aria-hidden="true">
<path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"/>
</svg>
</a>
<!-- Toggle button -->
<div class="nav__toggle" id="nav-toggle">
<i class="ri-menu-line"></i>

7
impressum.php Normal file
View File

@ -0,0 +1,7 @@
<?php include 'header.php'; ?>
<body>
<p>Impressum halt</p>
</body>
<?php include 'footer.php'; ?>

60
style.css
View File

@ -395,3 +395,63 @@ body {
order: 2;
}
}
.icon-user {
width: 24px;
height: 24px;
fill: currentColor; /* passt sich Textfarbe an */
}
/* ==========================================================
FOOTER
========================================================== */
.footer {
margin-top: 3rem;
background: var(--bg-header);
color: rgba(255, 255, 255, 0.85);
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.footer .container {
padding-block: 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.footer p {
margin: 0;
font-size: 0.9rem;
}
.footer__nav {
display: flex;
align-items: center;
gap: 1rem;
}
.footer__nav a {
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
transition: color var(--transition-normal),
text-decoration-color var(--transition-normal);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
text-decoration-color: transparent;
}
.footer__nav a:hover,
.footer__nav a:focus-visible {
color: var(--text-invert);
text-decoration-color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 600px) {
.footer .container {
flex-direction: column;
align-items: flex-start;
}
}