diff --git a/_includes/navbar.html b/_includes/navbar.html index eaf7ef5..07144a2 100644 --- a/_includes/navbar.html +++ b/_includes/navbar.html @@ -1,13 +1,14 @@
😕 Hmm... Looks like this site is gone or never existed.
back home
+ ____________________ / ________ \ ( / O O ) diff --git a/_layouts/mod.html b/_layouts/mod.html index b06701a..99484c8 100644 --- a/_layouts/mod.html +++ b/_layouts/mod.html @@ -38,14 +38,21 @@ layout: compress {{ page.title | escape }} + {% if page.github %} + + + + + + {% endif %} {% if page.modrinth %} - - + + {% endif %} {% if page.curseforge %} - - + + {% endif %} diff --git a/_sass/klise/_base.scss b/_sass/klise/_base.scss index 53b4f24..2ffa253 100644 --- a/_sass/klise/_base.scss +++ b/_sass/klise/_base.scss @@ -243,6 +243,14 @@ a { } } +// Focusable Elements (e.g. via tabindex) +.focusable { + &:focus { + outline: 3px solid rgba(0, 54, 199, 0.6); + outline-offset: 2px; + } +} + // Del del { color: inherit; diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss index 3d2f18b..18003d4 100644 --- a/_sass/klise/_layout.scss +++ b/_sass/klise/_layout.scss @@ -91,7 +91,6 @@ &.menu-img { position: relative; bottom: -3px; - outline: none; } @include media-query($on-mobile) { diff --git a/about.md b/about.md index 542f4f5..1752002 100644 --- a/about.md +++ b/about.md @@ -10,11 +10,11 @@ Hi, I'm a German software developer currently studying Applied Informatics. In my spare time I do quite [some modding]({% link modding.html %}) to the sandbox video game [Minecraft](https://en.wikipedia.org/wiki/Minecraft). I also do some more or less experimental projects with Python, PHP and Rust. - + ## Contact -- [ {{ site.author.email }}](mailto:{{ site.author.email }}) -- [ Twitter](https://twitter.com/{{ site.author.twitter }}) -- [ LinkedIn](https://linkedin.com/in/{{ site.author.linkedin }}) +- [ {{ site.author.email }}](mailto:{{ site.author.email }}) +- [ Twitter](https://twitter.com/{{ site.author.twitter }}) +- [ LinkedIn](https://linkedin.com/in/{{ site.author.linkedin }}) diff --git a/assets/js/main.js b/assets/js/main.js index b58aca9..32e7b98 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -28,4 +28,11 @@ ? area.classList.add("blurry") : area.classList.remove("blurry"); }); + + // Enable keyboard steering for the navigation menu + document.getElementById("menu-icon").addEventListener("keydown", (evt) => { + if (evt.key == "Enter" || evt.key == " ") { + cbox.checked = !cbox.checked; + } + }); })(); diff --git a/index.md b/index.md index f099c76..56a2a2e 100644 --- a/index.md +++ b/index.md @@ -2,7 +2,8 @@ layout: home --- - - + + diff --git a/tags.html b/tags.html index 2140573..a360de5 100644 --- a/tags.html +++ b/tags.html @@ -24,4 +24,4 @@ excerpt: Sorted article by tags. {%- endfor -%} -{%- endfor -%} \ No newline at end of file +{%- endfor -%}
____________________ / ________ \ ( / O O ) diff --git a/_layouts/mod.html b/_layouts/mod.html index b06701a..99484c8 100644 --- a/_layouts/mod.html +++ b/_layouts/mod.html @@ -38,14 +38,21 @@ layout: compress {{ page.title | escape }} + {% if page.github %} + + + + + + {% endif %} {% if page.modrinth %} - - + + {% endif %} {% if page.curseforge %} - - + + {% endif %} diff --git a/_sass/klise/_base.scss b/_sass/klise/_base.scss index 53b4f24..2ffa253 100644 --- a/_sass/klise/_base.scss +++ b/_sass/klise/_base.scss @@ -243,6 +243,14 @@ a { } } +// Focusable Elements (e.g. via tabindex) +.focusable { + &:focus { + outline: 3px solid rgba(0, 54, 199, 0.6); + outline-offset: 2px; + } +} + // Del del { color: inherit; diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss index 3d2f18b..18003d4 100644 --- a/_sass/klise/_layout.scss +++ b/_sass/klise/_layout.scss @@ -91,7 +91,6 @@ &.menu-img { position: relative; bottom: -3px; - outline: none; } @include media-query($on-mobile) { diff --git a/about.md b/about.md index 542f4f5..1752002 100644 --- a/about.md +++ b/about.md @@ -10,11 +10,11 @@ Hi, I'm a German software developer currently studying Applied Informatics. In my spare time I do quite [some modding]({% link modding.html %}) to the sandbox video game [Minecraft](https://en.wikipedia.org/wiki/Minecraft). I also do some more or less experimental projects with Python, PHP and Rust. - + ## Contact -- [ {{ site.author.email }}](mailto:{{ site.author.email }}) -- [ Twitter](https://twitter.com/{{ site.author.twitter }}) -- [ LinkedIn](https://linkedin.com/in/{{ site.author.linkedin }}) +- [ {{ site.author.email }}](mailto:{{ site.author.email }}) +- [ Twitter](https://twitter.com/{{ site.author.twitter }}) +- [ LinkedIn](https://linkedin.com/in/{{ site.author.linkedin }}) diff --git a/assets/js/main.js b/assets/js/main.js index b58aca9..32e7b98 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -28,4 +28,11 @@ ? area.classList.add("blurry") : area.classList.remove("blurry"); }); + + // Enable keyboard steering for the navigation menu + document.getElementById("menu-icon").addEventListener("keydown", (evt) => { + if (evt.key == "Enter" || evt.key == " ") { + cbox.checked = !cbox.checked; + } + }); })(); diff --git a/index.md b/index.md index f099c76..56a2a2e 100644 --- a/index.md +++ b/index.md @@ -2,7 +2,8 @@ layout: home --- - - + + diff --git a/tags.html b/tags.html index 2140573..a360de5 100644 --- a/tags.html +++ b/tags.html @@ -24,4 +24,4 @@ excerpt: Sorted article by tags. {%- endfor -%} -{%- endfor -%} \ No newline at end of file +{%- endfor -%}