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>
<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>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<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="0f0f0f" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<style>
main {
about.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head>
<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>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<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="0f0f0f" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script>
css/style.css
+14 -7
View File
@@ -191,14 +191,18 @@
-webkit-font-smoothing: antialiased;
}
html,
body {
margin: 0;
background: var(--color-background);
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--color-background);
color: var(--color-text);
color: var(--color-text-primary);
font-family: "MD UI", Helvetica, sans;
font-style: normal;
font-weight: 400;
@@ -465,11 +469,14 @@ button:visited, .button-primary:visited, .logo:visited {
justify-content: center;
position: sticky;
top: 0;
padding-top: max(1px, env(safe-area-inset-top));
z-index: 100;
background: light-dark(
linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%),
linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%)
background: linear-gradient(
180deg,
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);
-webkit-mask-image: linear-gradient(
to top,
@@ -480,7 +487,7 @@ button:visited, .button-primary:visited, .logo:visited {
to top,
rgba(18,18,18,0) 0%,
rgba(18,18,18,1.00) 16%
);
); */
}
.menu-bar {
index.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head>
<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>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<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="0f0f0f" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script>
legal-notice.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head>
<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>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<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="0f0f0f" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script>
privacy.html
+2 -2
View File
@@ -3,7 +3,7 @@
<head>
<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>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/a11y.css" id="a11y-css" disabled>
@@ -21,7 +21,7 @@
<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="0f0f0f" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#0f0f0f" media="(prefers-color-scheme: dark)">
<script src="js/app.js" defer></script>