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>
<!-- Copyright © 2025 Niklas Elsbrock -->
<!-- Copyright © 2026 Niklas Elsbrock -->
<html lang="de">
<head>
@@ -31,7 +31,7 @@
</div>
<footer>
<p>
&copy; 2025 Niklas&nbsp;Elsbrock
&copy; 2026 Niklas&nbsp;Elsbrock
&middot; <a href="/privacy.html">Datenschutz</a>
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</p>
licenses.html
+2 -2
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<!-- Copyright © 2025 Niklas Elsbrock -->
<!-- Copyright © 2026 Niklas Elsbrock -->
<html lang="de">
<head>
@@ -45,7 +45,7 @@
</div>
<footer>
<p>
&copy; 2025 Niklas&nbsp;Elsbrock
&copy; 2026 Niklas&nbsp;Elsbrock
&middot; <a href="/privacy.html">Datenschutz</a>
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</p>
privacy.html
+2 -2
View File
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<!-- Copyright © 2025 Niklas Elsbrock -->
<!-- Copyright © 2026 Niklas Elsbrock -->
<html lang="de">
<head>
@@ -38,7 +38,7 @@
</div>
<footer>
<p>
&copy; 2025 Niklas&nbsp;Elsbrock
&copy; 2026 Niklas&nbsp;Elsbrock
&middot; <a href="/privacy.html">Datenschutz</a>
&middot; <a href="/licenses.html">Open-Source-Lizenzen</a>
</p>
resources/style.css
+12 -10
View File
@@ -1,16 +1,16 @@
/*
* Cascading Style Sheets für www.nelsbrock.de
* Copyright © 2025 Niklas Elsbrock
* Copyright © 2026 Niklas Elsbrock
*/
:root {
--bg-color: hsl(120, 25%, 7%);
--text-color: hsl(42, 20%, 85%);
--deco-color: hsl(42, 20%, 85%);
--card-link-color: hsl(42, 20%, 85%);
--card-link-hover-color: hsl(0, 0%, 100%);
--footer-bg-color: hsl(20, 25%, 5%);
--footer-text-color: hsl(0, 0%, 75%);
--text-color: hsl(0, 0%, 100%);
--deco-color: hsla(0, 0%, 100%, 0.4);
--card-link-color: var(--text-color);
--card-link-hover-color: var(--text-color);
--footer-bg-color: hsla(0, 0%, 0%, 0.6);
--footer-border-color: hsla(0, 0%, 0%, 0.25);
--footer-text-color: hsl(0, 0%, 100%);
}
@font-face {
@@ -147,7 +147,9 @@ body {
height: 100%;
margin: 0;
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;
}
@@ -270,7 +272,7 @@ footer {
text-align: center;
font-size: 0.75rem;
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);
scroll-snap-align: end;
}