diff --git a/bilder/favicon/apple-touch-icon.png b/bilder/favicon/apple-touch-icon.png new file mode 100644 index 0000000..b34ffd2 Binary files /dev/null and b/bilder/favicon/apple-touch-icon.png differ diff --git a/bilder/favicon/favicon-16x16.png b/bilder/favicon/favicon-16x16.png new file mode 100644 index 0000000..44929fe Binary files /dev/null and b/bilder/favicon/favicon-16x16.png differ diff --git a/bilder/favicon/favicon-32x32.png b/bilder/favicon/favicon-32x32.png new file mode 100644 index 0000000..6352df8 Binary files /dev/null and b/bilder/favicon/favicon-32x32.png differ diff --git a/bilder/favicon/favicon.ico b/bilder/favicon/favicon.ico new file mode 100644 index 0000000..c49b767 Binary files /dev/null and b/bilder/favicon/favicon.ico differ diff --git a/bilder/favicon/site.webmanifest b/bilder/favicon/site.webmanifest new file mode 100644 index 0000000..f6f3493 --- /dev/null +++ b/bilder/favicon/site.webmanifest @@ -0,0 +1,10 @@ +{ + "name": "Haus Schleusingen", + "short_name": "HS", + "icons": [ + { "src": "/bilder/favicon/favicon-32x32.png", "sizes": "32x32", "type": "image/png" }, + { "src": "/bilder/favicon/favicon-16x16.png", "sizes": "16x16", "type": "image/png" } + ], + "theme_color": "#1c1917", + "background_color": "#fafaf9" +} diff --git a/css/haus-schleusingen.css b/css/haus-schleusingen.css index 68a09b1..ccb748d 100644 --- a/css/haus-schleusingen.css +++ b/css/haus-schleusingen.css @@ -1,7 +1,55 @@ +/* SKIP LINK */ +.skip-link { + position: absolute; + left: -9999px; + top: 0; + background: var(--accent); + color: var(--white); + padding: 0.75rem 1.5rem; + font-size: 0.85rem; + font-weight: 500; + z-index: 200; + text-decoration: none; + transition: none; +} + +.skip-link:focus { + left: 0; + outline: 2px solid var(--white); + outline-offset: 2px; +} + +/* FOCUS VISIBLE */ +*:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + +.lightbox-close:focus-visible { + outline: 2px solid var(--white); + outline-offset: 2px; +} + +button:focus-visible, +a:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + +.grid-item:focus-visible { + outline: 2px solid var(--accent); + outline-offset: 2px; +} + +.floor-header:focus-visible { + outline: 2px solid var(--accent); + outline-offset: -2px; +} + :root { --cream: #f5f0e8; --warm: #e8dfd0; - --stone: #9e9485; + --stone: #7a7062; --dark: #1c1a17; --charcoal: #2e2b26; --accent: #8b6914; diff --git a/eslint.config.js b/eslint.config.js index 37a76da..d8421f2 100644 --- a/eslint.config.js +++ b/eslint.config.js @@ -13,7 +13,6 @@ module.exports = [ sourceType: "script", globals: { ...globals.browser, - ...globals.jquery, }, }, plugins: { diff --git a/index.php b/index.php index 93ef33f..816e158 100644 --- a/index.php +++ b/index.php @@ -126,6 +126,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+ + + + +