e

RobertJGabriel · May 18, 2024 · 2104740 · 2104740
1 parent 0d84c15
commit 2104740
Show file tree

Hide file tree

Showing 24 changed files with 264 additions and 239 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -10,6 +10,24 @@ const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 const {createCanvas, loadImage} = require('canvas');
 const {formatTitle} = require('./tools/format-title');
 
+
+// Add custom markdown-it plugin to add ARIA attributes
+function addAriaAttributes(md) {
+    // Plugin to add ARIA attributes to links
+    md.core.ruler.push('aria_links', state => {
+        state.tokens.forEach(blockToken => {
+            if (blockToken.type === 'inline' && blockToken.children) {
+                blockToken.children.forEach(token => {
+                    if (token.type === 'link_open') {
+                        token.attrSet('role', 'link');
+                        token.attrSet('aria-label', 'External link');
+                    }
+                });
+            }
+        });
+    });
+}
+
 const createSocialImageForArticle = async (input, output) => {
     const splashSolid = await loadImage('./tools/images/splash-1.png');
     const splashStriped = await loadImage('./tools/images/splash-2.png');
@@ -190,7 +208,9 @@ module.exports = function (eleventyConfig) {
         return content;
     });
 
-	eleventyConfig.setLibrary('md', markdownIt(options).use(markdownItClass, mapping));
+
+    eleventyConfig.setLibrary('md', markdownIt(options).use(markdownItClass, mapping).use(addAriaAttributes));
+
     eleventyConfig.setLiquidOptions({
         dynamicPartials: false, strictFilters: false // renamed from `strict_filters` in Eleventy 1.0
     });

diff --git a/src/_includes/templates/base.html b/src/_includes/templates/base.html
@@ -98,7 +98,10 @@
 
 			<div class="relative flex w-full flex-col">
 
-				{% include templates/header.html %}
+				{% if hideHeader == false %}
+					{% include templates/header.html %}
+				{% endif %}
+
 				<div class="flex-none"></div>
 				<main class="flex-auto">
 				{{ content | safe }}

diff --git a/src/pages/404.html b/src/pages/404.html
@@ -1,5 +1,6 @@
 ---
-layout: templates/base.html
+hideHeader: false
+layout:  templates/base.html
 title: 404 - Robert James Gabriel
 youtubeId: PfILiWebkuc
 cardTitle: 404

diff --git a/src/pages/about.liquid b/src/pages/about.liquid
@@ -1,5 +1,6 @@
 ---
-layout: templates/base.html
+hideHeader: false
+layout:  templates/base.html
 title: Robert James Gabriel - Software Engineer & Founder
 youtubeId: PfILiWebkuc
 cardTitle: Robert James Gabriel - Software Engineer & Founder

diff --git a/src/pages/apps.html b/src/pages/apps.html
@@ -1,5 +1,6 @@
 ---
-layout: templates/base.html
+hideHeader: false
+layout:  templates/base.html
 title: Apps and Extensions
 youtubeId: PfILiWebkuc
 cardTitle: Apps and Extensions

diff --git a/src/pages/awards.html b/src/pages/awards.html
@@ -1,5 +1,6 @@
 ---
-layout: templates/base.html
+hideHeader: false
+layout:  templates/base.html
 title: Awards & Honors
 youtubeId: PfILiWebkuc
 cardTitle: Awards

diff --git a/src/pages/blog/ my-rare-eye-teratoma-tumor-story.md b/src/pages/blog/ my-rare-eye-teratoma-tumor-story.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title:  My Rare Eye Teratoma Tumor Story
 description: This post shares a deeply personal story of living with a rare teratoma tumor near the eye, the medical and emotional journey to its removal, and the impact on life and loved ones. It highlights the challenges of navigating healthcare, the importance of support, and the relief and learning that comes from facing one's fears.
 keywords: health, medical journey, teratoma, surgery, personal story, resilience, support, emotional health, recovery, rare conditions, Dr. Bryan Wilkins, patient experience

diff --git a/src/pages/blog/adblockers.md b/src/pages/blog/adblockers.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title: Problems Posed by Ad-blockers
 description: Discover the history and the problems posed by ad-blockers. Includes the in-depth research papers. Dated 2017.
 keywords: HTML,CSS,XML,JavaScript,Robert James Gabriel,award winning, php , experienced,Galen, angular, HTML, HTML5, JavaScript, Node, PHP and SQL developer,golang,web design

diff --git a/src/pages/blog/bag.md b/src/pages/blog/bag.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title: Whats in my Bag 2018
 description: I recently read a book about the minimal life. Im no hipster and I are a white privilege Irish man. So I didnt have to worry about some things and have a savings and a job. I thought I would write about I need to do my day to day life
 keywords: HTML,CSS,XML,JavaScript,Robert James Gabriel,award winning, php , experienced,Galen, angular, HTML, HTML5, JavaScript, Node, PHP and SQL developer,golang,web design

diff --git a/src/pages/blog/favourite-apps-of-2023.md b/src/pages/blog/favourite-apps-of-2023.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title:  My Favourite Apps of 2023 - A Personal Journey Through Tech
 description: Hey everyone, Robert James Gabriel here! As we bid farewell to another whirlwind year in the tech world, I wanted to take a moment and share with you some apps that have made a significant impact on my daily life.
 keywords: HTML,CSS,XML,JavaScript,Robert James Gabriel,award winning, php , experienced,Galen, angular, HTML, HTML5, JavaScript, Node, PHP and SQL developer,golang,web design

diff --git a/src/pages/blog/finding-an-exploit-and-annoying-the-xbox-dev-team.md b/src/pages/blog/finding-an-exploit-and-annoying-the-xbox-dev-team.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title:  Finding an Exploit and Annoying the Xbox Dev Team
 description: There's something thrilling about tinkering with code late into the night, especially when it leads you down the rabbit hole of discovery—and maybe, just a little, into annoying the folks over at Xbox. This is the tale of how a spontaneous coding project of mine caught the attention of none other than Major Nelson and led to an unexpected conclusion.
 keywords: health, medical journey, teratoma, surgery, personal story, resilience, support, emotional health, recovery, rare conditions, Dr. Bryan Wilkins, patient experience

diff --git a/src/pages/blog/index.liquid b/src/pages/blog/index.liquid
@@ -1,5 +1,6 @@
 ---
-layout: templates/base.html
+hideHeader: false
+layout:  templates/base.html
 title: Robert James Gabriel - Software Engineer
 youtubeId: PfILiWebkuc
 cardTitle: Robert James' Blog

diff --git a/src/pages/blog/panic-attacks-and-anxiety.md b/src/pages/blog/panic-attacks-and-anxiety.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title:  Anxiety Attacks
 description: In this heartfelt blog post, I open up about my personal battle with Anxiety attacks, sharing the challenges I've faced and the steps I'm taking to regain control over my life. From the intense pressures of a tech career to the recent resurgence of anxiety symptoms, I hope my story resonates with and supports others navigating similar struggles. Join me as I discuss the importance of seeking help, the impact on daily life, and my determination to prioritize mental health.
 keywords: health, medical journey, teratoma, surgery, personal story, resilience, support, emotional health, recovery, rare conditions, Dr. Bryan Wilkins, patient experience

diff --git a/src/pages/blog/research-into-web-accessibility-for-dyslexics.md b/src/pages/blog/research-into-web-accessibility-for-dyslexics.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title: Web Accessibility and OpenDyslexic
 description: There are few published papers about usability testing with dyslexia focused fonts, but there is a considerable collection of knowledge on dyslexia as well as many suggestions for authoring dyslexia friendly interfaces
 keywords: HTML,CSS,XML,JavaScript,Robert James Gabriel,award winning, php , experienced,Galen, angular, HTML, HTML5, JavaScript, Node, PHP and SQL developer,golang,web design

diff --git a/.../the-timeless-magic-of-pokemon-crystal-and-its-legacy-for-future-generations.md b/.../the-timeless-magic-of-pokemon-crystal-and-its-legacy-for-future-generations.md
@@ -1,5 +1,6 @@
 ---
-layout: templates/blog.html
+hideHeader: false
+layout:  templates/blog.html
 title:  The Timeless Magic of Pokemon Crystal and Its Legacy for Future Generations
 description: This article delves into the personal journey with the beloved game, the challenges of accessing it in the modern era, and the role of web-based emulators in preserving this classic for new generations. Discover insights on device compatibility, cultural preservation, ethical gaming, and connecting generations through the magic of Pokémon Crystal.
 keywords: HTML,CSS,XML,JavaScript,Robert James Gabriel,award winning, php , experienced,Galen, angular, HTML, HTML5, JavaScript, Node, PHP and SQL developer,golang,web design

diff --git a/src/pages/cailin.html b/src/pages/cailin.html
@@ -1,5 +1,6 @@
 ---
-layout: templates/base.html
+hideHeader: false
+layout:  templates/base.html
 title: Awards
 youtubeId: PfILiWebkuc
 cardTitle: Read. Write. Adapt the web to your needs.

diff --git a/src/pages/css/chrome-dino.html b/src/pages/css/chrome-dino.html
@@ -1,5 +1,6 @@
 ---
-layout: templates/app.html
+hideHeader: false
+layout:  templates/app.html
 title: Google Chrome Dino Pixel art in CSS
 youtubeId: PfILiWebkuc
 cardTitle: Google Chrome Dino Pixel art in CSS

diff --git a/src/pages/css/imac.html b/src/pages/css/imac.html
@@ -1,5 +1,6 @@
 ---
-layout: templates/app.html
+hideHeader: false
+layout:  templates/app.html
 title: Apple iMac Pro in CSS 
 youtubeId: PfILiWebkuc
 cardTitle: Apple iMac Pro in Css