From f85aa54698b43e854930d88759c51cd33415ccbe Mon Sep 17 00:00:00 2001 From: Nathan Steel Date: Mon, 5 Dec 2022 11:25:04 -0500 Subject: [PATCH 1/3] Correct the selectable area of burger nav Since negative margin was used that part of the burger icon wasn't selectable. Changed so no negative margin, which makes it aesthetically worse, but functionally better. --- main.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/main.css b/main.css index 7c4baf0..cc44cea 100644 --- a/main.css +++ b/main.css @@ -52,18 +52,18 @@ tbody tr:nth-child(odd){background:#EEE} tbody tr:hover{background:#DDD} .burger-container{ -position:absolute;height:24px;width:30px; +position:absolute;height:21px;width:30px; cursor:pointer;top:34px;right:10px} #burger-toggle,#burger-toggle~nav{display:none} .burger,.burger::after,.burger::before{ position:absolute;background:#000; height:4px;width:30px;border-radius:2px;content:""; transition:transform 300ms cubic-bezier(.4,1,.5,1)} -.burger::before{margin-top:-8px} -.burger::after{margin-top:8px} +.burger::before{margin-top:8px} +.burger::after{margin-top:16px} #burger-toggle:checked~nav{display:block} -#burger-toggle:checked+.burger-container .burger::before{margin-top:0;transform:rotate(45deg)} -#burger-toggle:checked+.burger-container .burger::after{margin-top:0;transform:rotate(-45deg)} +#burger-toggle:checked+.burger-container .burger::before{margin-top:8px;transform:rotate(45deg)} +#burger-toggle:checked+.burger-container .burger::after{margin-top:8px;transform:rotate(-45deg)} #burger-toggle:checked+.burger-container .burger{background:rgba(0,0,0,0)} @media print{body{max-width:none}} From ec6d1e48fef53ecba38fee1ebbff79fd75b3f31d Mon Sep 17 00:00:00 2001 From: Nathan Steel Date: Mon, 5 Dec 2022 11:26:45 -0500 Subject: [PATCH 2/3] Add .sr (screen reader) styling to CSS Makes element non-visible, but still readible to screen-readers, and passes accessibility checks (such as contrast, and size errors) --- main.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/main.css b/main.css index cc44cea..37ac845 100644 --- a/main.css +++ b/main.css @@ -40,6 +40,11 @@ border:1px solid #DDD;border-radius:6px} float:right; padding:14px;border:1px solid; margin:1.4rem;margin-right:auto} +.sr{ +position:absolute;overflow:hidden; +left:-9999px;top:auto; +width:1px;height:1px; +} footer p{margin:0} table{text-align:left;width:100%; From 86ecf2e234ad94cd62e4f5a40b7c865d500e4820 Mon Sep 17 00:00:00 2001 From: Nathan Steel Date: Mon, 5 Dec 2022 11:50:57 -0500 Subject: [PATCH 3/3] Add .sr "Burger menu" text into the navigation --- 404.html | 2 +- about.html | 2 +- blog/blog-thoughts-220822.html | 2 +- blog/burger-menu.html | 2 +- blog/index.html | 2 +- blog/ive-started-a-blog.html | 2 +- blog/my-steamdeck-arrived.html | 2 +- blog/reducing-homelab.html | 2 +- cv.html | 2 +- equipment.html | 2 +- guides/add-domain-to-server.html | 2 +- guides/add-php-to-nginx.html | 2 +- guides/adminer-setup.html | 2 +- guides/backup-mysql-mariadb.html | 2 +- guides/backup-with-cron.html | 2 +- guides/backup-with-rdiff.html | 2 +- guides/backup-with-rsync.html | 2 +- guides/certbot-ssl.html | 2 +- guides/get-a-domain-name.html | 2 +- guides/guide-to-server-hosting.html | 2 +- guides/index.html | 2 +- guides/initial-server-setup.html | 2 +- guides/install-kvm-virtual-machine.html | 2 +- guides/install-mysql-mariadb.html | 2 +- guides/nginx-install.html | 2 +- guides/nginx-proxy.html | 2 +- guides/nginx-web-optimisation.html | 2 +- guides/password-protect-webpage.html | 2 +- guides/server-install-debian.html | 2 +- guides/set-static-ip.html | 2 +- guides/setup-git-server.html | 2 +- guides/setup-kvm-bridge.html | 2 +- guides/setup-nginx-website.html | 2 +- guides/setup-qemu-kvm.html | 2 +- guides/sql-cheatsheet.html | 2 +- guides/virsh-cheatsheet.html | 2 +- guides/vm-seperation-of-concerns.html | 2 +- guides/web-dev-101.html | 2 +- guides/webpage-to-website.html | 2 +- guides/your-first-webpage.html | 2 +- index.html | 2 +- projects.html | 2 +- recipes/index.html | 2 +- recipes/woky-beef-stew.html | 2 +- sitemap.html | 2 +- support.html | 2 +- websites.html | 2 +- 47 files changed, 47 insertions(+), 47 deletions(-) diff --git a/404.html b/404.html index f67d98a..a625d84 100644 --- a/404.html +++ b/404.html @@ -16,7 +16,7 @@

Error 404

- +