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

functional a11y toggle and css

Browse Source
This commit is contained in:
sefaria
2026-05-26 23:46:05 +02:00
parent 430602caa3
commit 13632637a9
6 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+1
View File
@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
about.html
+1
View File
@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
css/a11y.css
+3
View File
@@ -0,0 +1,3 @@
body {
background: red;
}
js/app.js
+8 -2
View File
@@ -58,8 +58,10 @@
} }
}); });
// accessibility toggle
// accessibility toggle
{
const STORAGE_KEY = 'extra-css-enabled'; const STORAGE_KEY = 'extra-css-enabled';
function applyOverrideState(enabled) { function applyOverrideState(enabled) {
@@ -79,9 +81,12 @@
localStorage.setItem(STORAGE_KEY, String(nextState)); localStorage.setItem(STORAGE_KEY, String(nextState));
applyOverrideState(nextState); applyOverrideState(nextState);
}); });
}
// light-dark toggle // light-dark toggle
{
const STORAGE_KEY = 'theme-preference'; const STORAGE_KEY = 'theme-preference';
const root = document.documentElement; const root = document.documentElement;
const mq = window.matchMedia('(prefers-color-scheme: dark)'); const mq = window.matchMedia('(prefers-color-scheme: dark)');
@@ -150,4 +155,5 @@
document.addEventListener('DOMContentLoaded', initThemeToggle); document.addEventListener('DOMContentLoaded', initThemeToggle);
} else { } else {
initThemeToggle(); initThemeToggle();
} }
}
legal-notice.html
+1
View File
@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">
privacy.html
+1
View File
@@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<meta name="description" content="Creator of visual identities and digital interfaces"> <meta name="description" content="Creator of visual identities and digital interfaces">
<meta property="og:title" content="Lars Winter"> <meta property="og:title" content="Lars Winter">