nelsbrock/website
2
0
Fork 0
Code Activity

redesign background and footer

Browse Source
This commit is contained in:
nelsbrock
2026-02-04 23:15:59 +01:00
parent f8435c95a3
commit 224926a9c8
4 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -2
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Copyright © 2025 Niklas Elsbrock --> <!-- Copyright © 2026 Niklas Elsbrock -->
<html lang="de"> <html lang="de">
<head> <head>
@@ -31,7 +31,7 @@
</div> </div>
<footer> <footer>
<p> <p>
&copy; 2025 Niklas&nbsp;Elsbrock &copy; 2026 Niklas&nbsp;Elsbrock
&middot; <a href="/privacy.html">Datenschutz</a> &middot; <a href="/privacy.html">Datenschutz</a>
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a> &middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</p> </p>
licenses.html
+8 -8
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Copyright © 2025 Niklas Elsbrock --> <!-- Copyright © 2026 Niklas Elsbrock -->
<html lang="de"> <html lang="de">
<head> <head>
@@ -16,28 +16,28 @@
<div class="viewstretch"> <div class="viewstretch">
<main> <main>
<h1>Open-Source-Lizenzen</h1> <h1>Open-Source-Lizenzen</h1>
<h2>Schriftarten:</h2> <h2>Schriftarten:</h2>
<h3>Überschriften: <a href="https://fontsarena.com/metropolis-by-chris-simpson/">Metropolis</a></h3> <h3>Überschriften: <a href="https://fontsarena.com/metropolis-by-chris-simpson/">Metropolis</a></h3>
<p>Public Domain (<a href="https://unlicense.org/">Unlicense</a>)</p> <p>Public Domain (<a href="https://unlicense.org/">Unlicense</a>)</p>
<h3>Text: <a href="https://github.com/rsms/inter">Inter</a></h3> <h3>Text: <a href="https://github.com/rsms/inter">Inter</a></h3>
<p> <p>
Copyright (c) 2016-2020 The Inter Project Authors.<br /> Copyright (c) 2016-2020 The Inter Project Authors.<br />
"Inter" is trademark of Rasmus&nbsp;Andersson.<br /> "Inter" is trademark of Rasmus&nbsp;Andersson.<br />
Licensed under the <a href="https://scripts.sil.org/OFL">SIL Open Font License, Version 1.1</a>. Licensed under the <a href="https://scripts.sil.org/OFL">SIL Open Font License, Version 1.1</a>.
</p> </p>
<h3>Icons: <a href="https://fontawesome.com/">Font Awesome Free</a></h3> <h3>Icons: <a href="https://fontawesome.com/">Font Awesome Free</a></h3>
<p> <p>
Copyright (c) 2024 Fonticons, Inc.<br /> Copyright (c) 2024 Fonticons, Inc.<br />
with Reserved Font Name: "Font Awesome".<br /> with Reserved Font Name: "Font Awesome".<br />
Licensed under the <a href="https://scripts.sil.org/OFL">SIL Open Font License, Version 1.1</a>. Licensed under the <a href="https://scripts.sil.org/OFL">SIL Open Font License, Version 1.1</a>.
</p> </p>
<hr /> <hr />
<p> <p>
<a href="/" data-icon="&#xf060;">Zurück zur Hauptseite</a> <a href="/" data-icon="&#xf060;">Zurück zur Hauptseite</a>
</p> </p>
@@ -45,7 +45,7 @@
</div> </div>
<footer> <footer>
<p> <p>
&copy; 2025 Niklas&nbsp;Elsbrock &copy; 2026 Niklas&nbsp;Elsbrock
&middot; <a href="/privacy.html">Datenschutz</a> &middot; <a href="/privacy.html">Datenschutz</a>
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a> &middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</p> </p>
privacy.html
+4 -4
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Copyright © 2025 Niklas Elsbrock --> <!-- Copyright © 2026 Niklas Elsbrock -->
<html lang="de"> <html lang="de">
<head> <head>
@@ -28,9 +28,9 @@
personenbezogenen Daten verarbeitet. Zugriffsprotokolle sind personenbezogenen Daten verarbeitet. Zugriffsprotokolle sind
deaktiviert. deaktiviert.
</p> </p>
<hr /> <hr />
<p> <p>
<a href="/" data-icon="&#xf060;">Zurück zur Hauptseite</a> <a href="/" data-icon="&#xf060;">Zurück zur Hauptseite</a>
</p> </p>
@@ -38,7 +38,7 @@
</div> </div>
<footer> <footer>
<p> <p>
&copy; 2025 Niklas&nbsp;Elsbrock &copy; 2026 Niklas&nbsp;Elsbrock
&middot; <a href="/privacy.html">Datenschutz</a> &middot; <a href="/privacy.html">Datenschutz</a>
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a> &middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</p> </p>
resources/style.css
+12 -10
View File
@@ -1,16 +1,16 @@
/* /*
* Cascading Style Sheets für www.nelsbrock.de * Cascading Style Sheets für www.nelsbrock.de
* Copyright © 2025 Niklas Elsbrock * Copyright © 2026 Niklas Elsbrock
*/ */
:root { :root {
--bg-color: hsl(120, 25%, 7%); --text-color: hsl(0, 0%, 100%);
--text-color: hsl(42, 20%, 85%); --deco-color: hsla(0, 0%, 100%, 0.4);
--deco-color: hsl(42, 20%, 85%); --card-link-color: var(--text-color);
--card-link-color: hsl(42, 20%, 85%); --card-link-hover-color: var(--text-color);
--card-link-hover-color: hsl(0, 0%, 100%); --footer-bg-color: hsla(0, 0%, 0%, 0.6);
--footer-bg-color: hsl(20, 25%, 5%); --footer-border-color: hsla(0, 0%, 0%, 0.25);
--footer-text-color: hsl(0, 0%, 75%); --footer-text-color: hsl(0, 0%, 100%);
} }
@font-face { @font-face {
@@ -147,7 +147,9 @@ body {
height: 100%; height: 100%;
margin: 0; margin: 0;
color: var(--text-color); color: var(--text-color);
background-color: var(--bg-color); background: linear-gradient(150deg, rgba(132, 58, 181, 1) 0%, rgba(207, 21, 21, 1) 80%, rgba(230, 126, 34, 1) 100%);
background-repeat: no-repeat;
background-attachment: fixed;
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
} }
@@ -270,7 +272,7 @@ footer {
text-align: center; text-align: center;
font-size: 0.75rem; font-size: 0.75rem;
color: var(--footer-text-color); color: var(--footer-text-color);
border-top: 2px dashed var(--footer-text-color); border-top: 4px solid var(--footer-border-color);
background-color: var(--footer-bg-color); background-color: var(--footer-bg-color);
scroll-snap-align: end; scroll-snap-align: end;
} }