From 86bf0d30d58663710eaff90c57d474bc7f1b184a Mon Sep 17 00:00:00 2001
From: GeopJr <geopjr@geopjr.xyz>
Date: Sat, 16 Jan 2021 05:04:45 +0200
Subject: [PATCH] fix: a11y

---
 _includes/css/main.css        |  6 +++++-
 _posts/2000-01-01-intro.md    |  2 +-
 _posts/2000-01-05-install.md  | 11 ++++++-----
 _posts/2000-01-06-moreinfo.md |  2 +-
 index.html                    |  2 +-
 site.js                       |  1 +
 6 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/_includes/css/main.css b/_includes/css/main.css
index b63fa18..9b869d3 100644
--- a/_includes/css/main.css
+++ b/_includes/css/main.css
@@ -38,6 +38,8 @@ code, pre {
 }
 
 /* block code */
+blockquote, blockquote > p { color: #7B7070 !important; }
+
 pre code { background: none; display: block; }
 pre {
   display: block;
@@ -49,6 +51,8 @@ pre {
 
 .highlight { margin:20px 5%; }
 
+/* ----- anchors ----- */
+a:focus { box-shadow: 0 0 0 3px {{ site.colors.purple }}cc; }
 
 /* ----- base elements ----- */
 
@@ -171,7 +175,7 @@ nav ul li:hover, nav ul li.active {
   width:100%;
   min-height:240px;
   padding: 40px 0;
-  background:url(img/bgnoise.png);
+  background-image:url(img/bgnoise.png);
   /* generated noise from noisetexturegenerator.com */
 }
 
diff --git a/_posts/2000-01-01-intro.md b/_posts/2000-01-01-intro.md
index c5939bc..dbd4c1e 100755
--- a/_posts/2000-01-01-intro.md
+++ b/_posts/2000-01-01-intro.md
@@ -9,7 +9,7 @@ style: center
 {: .text-purple}
 
 <span style="font-size:100px; background:rgba(255,166,0,0.1)">
-  <img src="img/vscodium.png" />
+  <img alt="screenshot" src="img/vscodium.png" />
 </span>
 
 ### VSCodium is a community-driven, freely-licensed binary distribution of Microsoft's editor VSCode
diff --git a/_posts/2000-01-05-install.md b/_posts/2000-01-05-install.md
index 468ba50..b8c1db3 100644
--- a/_posts/2000-01-05-install.md
+++ b/_posts/2000-01-05-install.md
@@ -6,7 +6,7 @@ color: black
 
 <div class="link-button">
 <a href="https://github.com/VSCodium/vscodium/releases" style="color: white;text-decoration:none;">
-<b>Download latest release here</b><br>
+<b>Download latest release</b><br>
 <font size="-1">Available for Windows, Mac OS and Linux</font>
 </a>
 </div>
@@ -63,13 +63,14 @@ sudo apt update && sudo apt install vscodium
 
 ---
 
-[@paulcarroty](https://github.com/paulcarroty) has set up a repository for VSCodium [here](https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo). The instructions below are adapted from there. Any issues installing VSCodium using your package manager should be directed to that repository's issue tracker.
+[@paulcarroty](https://github.com/paulcarroty) has set up a [repository](https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo) for VSCodium. The instructions below are adapted from there. Any issues installing VSCodium using your package manager should be directed to that repository's issue tracker.
 
 #### Debian / Ubuntu (deb package):
 Add the GPG key of the repository:
 ```bash
 wget -qO - https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/master/pub.gpg | gpg --dearmor | sudo dd of=/etc/apt/trusted.gpg.d/vscodium.gpg
 ```
+{:tabindex="-1"}
  
 Add the repository:
 ```bash
@@ -130,7 +131,7 @@ nix-env -iA nixpkgs.vscodium
 
 #### Arch Linux
 
-VSCodium is available on the AUR (Arch User Repository) [here](https://aur.archlinux.org/packages/vscodium-bin/), and can be installed with an AUR Helper.
+VSCodium is available on the [AUR (Arch User Repository)](https://aur.archlinux.org/packages/vscodium-bin/), and can be installed with an AUR Helper.
 
 Examples:
 
@@ -143,8 +144,8 @@ Examples:
   yay -S vscodium-bin
   ```
 
-### <a id="flatpak"></a>Flatpak Option (Linux)
-VSCodium is (unofficially) available as a Flatpak app [here](https://flathub.org/apps/details/com.vscodium.codium) and the build repo is [here](https://github.com/flathub/com.vscodium.codium). If your distribution has support for [flatpak](https://flathub.org), and you have enabled the [flathub repo](https://flatpak.org/setup/):
+### <a id="flatpak" href="#flatpak"></a>Flatpak Option (Linux)
+VSCodium is (unofficially) available as a [Flatpak app](https://flathub.org/apps/details/com.vscodium.codium) and here's the [build repo](https://github.com/flathub/com.vscodium.codium). If your distribution has support for [flatpak](https://flathub.org), and you have enabled the [flathub repo](https://flatpak.org/setup/):
 ```bash
 flatpak install flathub com.vscodium.codium
 
diff --git a/_posts/2000-01-06-moreinfo.md b/_posts/2000-01-06-moreinfo.md
index 2dcebaa..6dd0d12 100644
--- a/_posts/2000-01-06-moreinfo.md
+++ b/_posts/2000-01-06-moreinfo.md
@@ -5,4 +5,4 @@ color: black
 ---
 
 # More Info
-The most up-to-date information on migrating from Visual Studio Code and other quirks you might encounter are documented [here](https://github.com/VSCodium/vscodium/blob/master/DOCS.md).
+The most up-to-date information on migrating from Visual Studio Code and other quirks you might encounter are [documented](https://github.com/VSCodium/vscodium/blob/master/DOCS.md).
diff --git a/index.html b/index.html
index b68c5ca..d8da5fd 100755
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
 	{% if site.touch_icon %}<link rel="apple-touch-icon" href="{{ site.touch_icon }}">{% endif %}
 </head>
 <body>
-  <div id="main">
+  <div role="main" id="main">
 
     <nav><ul>
       {% for node in site.posts reversed %}
diff --git a/site.js b/site.js
index 4746f93..e7c240f 100644
--- a/site.js
+++ b/site.js
@@ -1,3 +1,4 @@
+[...document.getElementById("install").getElementsByTagName("code")].forEach(x => x.tabIndex = 0);
 
 $.extend($.easing,
 {