⭐ Added More Tabbing

KingPr0o7 · Apr 13, 2023 · c34cb7a · c34cb7a
1 parent 9d45a3a
commit c34cb7a
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 8 deletions.
diff --git a/src/blogs-page/all-about-me/index.html b/src/blogs-page/all-about-me/index.html
@@ -53,8 +53,8 @@
 <body tabindex="-1">
 	<!-- Desktop Navigation -->
 	<div class="desktop-navbar">
-		<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon">
-		<span id="navbar-page-id">/ Blogs</span>
+		<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon" tabindex="0">
+		<span id="navbar-page-id" tabindex="0">/ Blogs</span>
 	</div>
 
 	<div class="page" id="blogs-container">

diff --git a/src/blogs-page/all-about-me/index.js b/src/blogs-page/all-about-me/index.js
@@ -44,10 +44,22 @@ document.getElementById("navbar-icon").addEventListener("click", function(){
 	window.location.href = get_home_link();
 });
 
+document.getElementById("navbar-icon").addEventListener("keydown", function(event) {
+	if (event.key == "Enter") {
+		window.location.href = get_home_link();
+	}
+});
+
 document.getElementById("navbar-page-id").addEventListener("click", function(){
 	window.location.href = blogs_link;
 });
 
+document.getElementById("navbar-page-id").addEventListener("keydown", function(event) {
+	if (event.key == "Enter") {
+		window.location.href = blogs_link;
+	}
+});
+
 //
 // Exit Button
 //

diff --git a/src/blogs-page/index.html b/src/blogs-page/index.html
@@ -9,7 +9,7 @@
 	<meta name="description" content="A dedicated website to take an exhaustive look at Nathan Parker, a high school software developer. Showcasing himself, his projects, and his learned and currently learning software languages." />
 
 	<!-- Facebook Meta Tags -->
-	<meta property="og:url" content="https://ncp.dev">
+	<meta property="og:url" content="https://ncp.dev/blogs-page/index.html">
 	<meta property="og:type" content="website">
 	<meta property="og:title" content="Nathan Parker - Blogs">
 	<meta property="og:description" content="A dedicated website to take an exhaustive look at Nathan Parker, a high school software developer. Showcasing himself, his projects, and his learned and currently learning software languages.">
@@ -18,7 +18,7 @@
 	<!-- Twitter Meta Tags -->
 	<meta name="twitter:card" content="summary_large_image">
 	<meta property="twitter:domain" content="ncp.dev">
-	<meta property="twitter:url" content="https://ncp.dev">
+	<meta property="twitter:url" content="https://ncp.dev/blogs-page/index.html">
 	<meta name="twitter:title" content="Nathan Parker - Blogs">
 	<meta name="twitter:description" content="A dedicated website to take an exhaustive look at Nathan Parker, a high school software developer. Showcasing himself, his projects, and his learned and currently learning software languages.">
 	<meta name="twitter:image" content="https://ncp.dev/poster.png">
@@ -53,8 +53,8 @@
 <body tabindex="-1">
 	<!-- Desktop Navigation -->
 	<div class="desktop-navbar">
-		<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon">
-		<span id="navbar-page-id">/ Blogs</span>
+		<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon" tabindex="0">
+		<span id="navbar-page-id" tabindex="0">/ Blogs</span>
 	</div>
 
 	<!-- Blogs Page -->

diff --git a/src/blogs-page/index.js b/src/blogs-page/index.js
@@ -48,10 +48,22 @@ document.getElementById("navbar-icon").addEventListener("click", function(){
 	window.location.href = get_home_link();
 });
 
+document.getElementById("navbar-icon").addEventListener("keydown", function(event) {
+	if (event.key == "Enter") {
+		window.location.href = get_home_link();
+	}
+});
+
 document.getElementById("navbar-page-id").addEventListener("click", function(){
 	window.location.href = blogs_link;
 });
 
+document.getElementById("navbar-page-id").addEventListener("keydown", function(event) {
+	if (event.key == "Enter") {
+		window.location.href = blogs_link;
+	}
+});
+
 //
 // Exit Button
 //

diff --git a/src/blogs-page/the-computer-science-speedrun/index.html b/src/blogs-page/the-computer-science-speedrun/index.html
@@ -53,8 +53,8 @@
 <body tabindex="-1">
 	<!-- Desktop Navigation -->
 	<div class="desktop-navbar">
-		<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon">
-		<span id="navbar-page-id">/ Blogs</span>
+		<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon" tabindex="0">
+		<span id="navbar-page-id" tabindex="0">/ Blogs</span>
 	</div>
 
 	<div class="page" id="blogs-container">

diff --git a/src/blogs-page/the-computer-science-speedrun/index.js b/src/blogs-page/the-computer-science-speedrun/index.js
@@ -45,10 +45,22 @@ document.getElementById("navbar-icon").addEventListener("click", function(){
 	window.location.href = get_home_link();
 });
 
+document.getElementById("navbar-icon").addEventListener("keydown", function(event) {
+	if (event.key == "Enter") {
+		window.location.href = get_home_link();
+	}
+});
+
 document.getElementById("navbar-page-id").addEventListener("click", function(){
 	window.location.href = blogs_link;
 });
 
+document.getElementById("navbar-page-id").addEventListener("keydown", function(event) {
+	if (event.key == "Enter") {
+		window.location.href = blogs_link;
+	}
+});
+
 //
 // Exit Button
 //