diff --git a/index.html b/index.html index 39b9cfd..4d1caff 100644 --- a/index.html +++ b/index.html @@ -13,26 +13,30 @@ -
-
-

Niklas Elsbrock

-

Softwareentwickler und Informatikstudent

-
-
- -
+
+
+
+

Niklas Elsbrock

+

Softwareentwickler und Informatikstudent

+
+
+ +
+
diff --git a/licenses.html b/licenses.html index 068a305..3269caf 100644 --- a/licenses.html +++ b/licenses.html @@ -13,34 +13,43 @@ -
-

Open-Source-Lizenzen

- -

Schriftarten:

- -

Überschriften: Metropolis

-

Public Domain (Unlicense)

- -

Text: Inter

+
+
+

Open-Source-Lizenzen

+ +

Schriftarten:

+ +

Überschriften: Metropolis

+

Public Domain (Unlicense)

+ +

Text: Inter

+

+ Copyright (c) 2016-2020 The Inter Project Authors.
+ "Inter" is trademark of Rasmus Andersson.
+ Licensed under the SIL Open Font License, Version 1.1. +

+ +

Icons: Font Awesome Free

+

+ Copyright (c) 2024 Fonticons, Inc.
+ with Reserved Font Name: "Font Awesome".
+ Licensed under the SIL Open Font License, Version 1.1. +

+ +
+ +

+ Zurück zur Hauptseite +

+
+
+
+

Diese Website enthält kein JavaScript – für Allergiker geeignet.

+ diff --git a/privacy.html b/privacy.html index 65ff466..1226434 100644 --- a/privacy.html +++ b/privacy.html @@ -13,29 +13,36 @@ -
-

Datenschutz

- -

Verantwortlich für diese Website ist

- -
- Niklas Elsbrock
- mail@nelsbrock.de -
- -

Keine Erfassung von Besucherinformationen

+
+
+

Datenschutz

+

Verantwortlich für diese Website ist

+
+ Niklas Elsbrock
+ mail@nelsbrock.de +
+

Keine Erfassung von Besucherinformationen

+

+ Beim Besuch der Website unter www.nelsbrock.de werden keine + personenbezogenen Daten verarbeitet. Zugriffsprotokolle sind + deaktiviert. +

+ +
+ +

+ Zurück zur Hauptseite +

+
+
+
+

Diese Website enthält kein JavaScript – für Allergiker geeignet.

+ diff --git a/resources/fonts/fontawesome/LICENSE.txt b/resources/fonts/fontawesome/LICENSE.txt index cc557ec..e69c5e3 100644 --- a/resources/fonts/fontawesome/LICENSE.txt +++ b/resources/fonts/fontawesome/LICENSE.txt @@ -23,7 +23,7 @@ as SVG and JS file types. In the Font Awesome Free download, the SIL OFL license applies to all icons packaged as web and desktop font files. -Copyright (c) 2022 Fonticons, Inc. (https://fontawesome.com) +Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com) with Reserved Font Name: "Font Awesome". This Font Software is licensed under the SIL Open Font License, Version 1.1. @@ -123,7 +123,7 @@ OTHER DEALINGS IN THE FONT SOFTWARE. In the Font Awesome Free download, the MIT license applies to all non-font and non-icon files. -Copyright 2022 Fonticons, Inc. +Copyright 2024 Fonticons, Inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the diff --git a/resources/fonts/fontawesome/fa-brands-400.woff2 b/resources/fonts/fontawesome/fa-brands-400.woff2 index 4d904aa..3c5cf97 100644 Binary files a/resources/fonts/fontawesome/fa-brands-400.woff2 and b/resources/fonts/fontawesome/fa-brands-400.woff2 differ diff --git a/resources/fonts/fontawesome/fa-solid-900.woff2 b/resources/fonts/fontawesome/fa-solid-900.woff2 index 360ba11..1672102 100644 Binary files a/resources/fonts/fontawesome/fa-solid-900.woff2 and b/resources/fonts/fontawesome/fa-solid-900.woff2 differ diff --git a/resources/style.css b/resources/style.css index 176dbb9..9c1dd3f 100644 --- a/resources/style.css +++ b/resources/style.css @@ -4,12 +4,13 @@ */ :root { - --bg-color: #0e180e; - --text-color: #c9c9c9; - --deco-color: #c9c9c9; - --link-color: #c9c9c9; - --link-hover-color: #ffffff; - --footer-text-color: #888888; + --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%); } @font-face { @@ -136,44 +137,49 @@ } html { + height: 100%; font-size: 20px; scrollbar-width: none; + scroll-snap-type: y proximity; } -html, body { - width: 100%; height: 100%; -} - -body { - display: flex; - justify-content: center; - align-items: center; margin: 0; color: var(--text-color); background-color: var(--bg-color); font-family: Inter, sans-serif; } +.viewstretch { + min-height: 100%; + display: flex; + justify-content: center; + align-items: center; + scroll-snap-align: start; +} + h1, h2, h3, h4, h5, h6 { + margin: 2rem 0 1rem 0; font-family: Metropolis, sans-serif; } hr { + margin: 2rem 0; border: 4px solid var(--deco-color); border-radius: 4px; } main { + max-width: 40rem; + margin: 2rem; animation: fadeIn ease 1s; animation-iteration-count: 1; - margin: 2em; } .card { @@ -212,13 +218,13 @@ main { .card nav a { display: inline-block; width: 100%; - color: var(--link-color); + color: var(--card-link-color); text-decoration: none; transition: color 0.25s; } .card nav a:hover { - color: var(--link-hover-color); + color: var(--card-link-hover-color); } .card nav a::before { @@ -228,8 +234,25 @@ main { margin: 0; } +.card nav a.link-github::before { + content: "\f09b"; +} + +.card nav a.link-bluesky::before { + content: "\e671"; +} + +.card nav a.link-email::before { + content: "\f0e0"; +} + +.card nav a.link-pgp-key::before { + content: "\f084"; +} + .card nav li::after { width: 0; + color: var(--card-link-hover-color); float: right; content: "\f100"; font-family: 'Font Awesome 6 Free Solid'; @@ -248,43 +271,15 @@ main { transition: all 0.05s linear; } -/* ----- GITHUB LINK ----- */ -.card nav a.link-github:hover { - color: #00bfff; -} - -.card nav a.link-github::before { - content: "\f09b"; -} - -/* ----- E-MAIL LINK ----- */ -.card nav a.link-email:hover { - color: #ff7700; -} - -.card nav a.link-email::before { - content: "\f0e0"; -} - -/* ----- PGP KEY LINK ----- */ -.card nav a.link-pgp-key:hover { - color: #cf3fff; -} - -.card nav a.link-pgp-key::before { - content: "\f084"; -} - -/* ------------------------ */ - footer { - position: absolute; - right: 0; - top: 100%; - padding: 0.25rem; - text-align: right; - font-size: 0.6rem; + width: 100%; + padding: 1rem; + text-align: center; + font-size: 0.75rem; color: var(--footer-text-color); + border-top: 2px dashed var(--footer-text-color); + background-color: var(--footer-bg-color); + scroll-snap-align: end; } a {