lars/Portfolio-2026
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: lars/Portfolio-2026:21f21aee0c4df883424b42877202ecad232bc981
Branches Tags
lars/Portfolio-2026:main lars/Portfolio-2026:feature/add-menu-bar
lars/Portfolio-2026:v1.0.1 lars/Portfolio-2026:v1.0 lars/Portfolio-2026:v0.92 lars/Portfolio-2026:v0.91 lars/Portfolio-2026:v0.9
...
compare: lars/Portfolio-2026:28735f1163dc0f6b1ee50de2f34a211902eed56c
Branches Tags
lars/Portfolio-2026:feature/add-menu-bar lars/Portfolio-2026:main
lars/Portfolio-2026:v1.0.1 lars/Portfolio-2026:v1.0 lars/Portfolio-2026:v0.92 lars/Portfolio-2026:v0.91 lars/Portfolio-2026:v0.9

4 Commits
21f21aee0c ... 28735f1163

Author SHA1 Message Date
sefaria 28735f1163 first draft site-header gradient 2026-05-27 19:18:55 +02:00
sefaria 938b15b741 html, body css fix 2026-05-27 19:14:43 +02:00
sefaria 740198a939 correct meta theme-color value for dark theme 2026-05-27 15:37:06 +02:00
sefaria 579487db22 add viewport-fit=cover to all pages 2026-05-27 15:24:13 +02:00
6 changed files with 24 additions and 17 deletions
Expand all files Collapse all files
404.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Page Not Found</title> <title>Page Not Found</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<style> <style>
main { main {
about.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>About – Lars Winter</title> <title>About – Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>
css/style.css
+14 -7
View File
@@ -191,14 +191,18 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
html,
body {
margin: 0;
background: var(--color-background);
}
html { html {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
body { body {
margin: 0; color: var(--color-text-primary);
background: var(--color-background);
color: var(--color-text);
font-family: "MD UI", Helvetica, sans; font-family: "MD UI", Helvetica, sans;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
@@ -465,11 +469,14 @@ button:visited, .button-primary:visited, .logo:visited {
justify-content: center; justify-content: center;
position: sticky; position: sticky;
top: 0; top: 0;
padding-top: max(1px, env(safe-area-inset-top));
z-index: 100; z-index: 100;
background: light-dark( background: linear-gradient(
linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%), 180deg,
linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%) light-dark(var(--color-neutral-100), var(--color-neutral-900)) 80%,
light-dark(rgba(247,247,247,0), rgba(18,18,18,0)) 100%
); );
/* -webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
-webkit-mask-image: linear-gradient( -webkit-mask-image: linear-gradient(
to top, to top,
@@ -480,7 +487,7 @@ button:visited, .button-primary:visited, .logo:visited {
to top, to top,
rgba(18,18,18,0) 0%, rgba(18,18,18,0) 0%,
rgba(18,18,18,1.00) 16% rgba(18,18,18,1.00) 16%
); ); */
} }
.menu-bar { .menu-bar {
index.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Lars Winter</title> <title>Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>
legal-notice.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover>
<title>Lars Winter</title> <title>Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>
privacy.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Lars Winter</title> <title>Lars Winter</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled> <link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<link rel="apple-touch-icon" href="img/lw.png"> <link rel="apple-touch-icon" href="img/lw.png">
<meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#F7F7F7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="0f0f0f" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script> <script src="js/app.js" defer></script>