Skip to content

Commit c34cb7a

Browse files
committed
⭐ Added More Tabbing
1 parent 9d45a3a commit c34cb7a

6 files changed

Lines changed: 44 additions & 8 deletions

File tree

src/blogs-page/all-about-me/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,8 +53,8 @@
5353
<body tabindex="-1">
5454
<!-- Desktop Navigation -->
5555
<div class="desktop-navbar">
56-
<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon">
57-
<span id="navbar-page-id">/ Blogs</span>
56+
<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon" tabindex="0">
57+
<span id="navbar-page-id" tabindex="0">/ Blogs</span>
5858
</div>
5959

6060
<div class="page" id="blogs-container">

src/blogs-page/all-about-me/index.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,10 +44,22 @@ document.getElementById("navbar-icon").addEventListener("click", function(){
4444
window.location.href = get_home_link();
4545
});
4646

47+
document.getElementById("navbar-icon").addEventListener("keydown", function(event) {
48+
if (event.key == "Enter") {
49+
window.location.href = get_home_link();
50+
}
51+
});
52+
4753
document.getElementById("navbar-page-id").addEventListener("click", function(){
4854
window.location.href = blogs_link;
4955
});
5056

57+
document.getElementById("navbar-page-id").addEventListener("keydown", function(event) {
58+
if (event.key == "Enter") {
59+
window.location.href = blogs_link;
60+
}
61+
});
62+
5163
//
5264
// Exit Button
5365
//

src/blogs-page/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<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." />
1010

1111
<!-- Facebook Meta Tags -->
12-
<meta property="og:url" content="https://ncp.dev">
12+
<meta property="og:url" content="https://ncp.dev/blogs-page/index.html">
1313
<meta property="og:type" content="website">
1414
<meta property="og:title" content="Nathan Parker - Blogs">
1515
<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 @@
1818
<!-- Twitter Meta Tags -->
1919
<meta name="twitter:card" content="summary_large_image">
2020
<meta property="twitter:domain" content="ncp.dev">
21-
<meta property="twitter:url" content="https://ncp.dev">
21+
<meta property="twitter:url" content="https://ncp.dev/blogs-page/index.html">
2222
<meta name="twitter:title" content="Nathan Parker - Blogs">
2323
<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.">
2424
<meta name="twitter:image" content="https://ncp.dev/poster.png">
@@ -53,8 +53,8 @@
5353
<body tabindex="-1">
5454
<!-- Desktop Navigation -->
5555
<div class="desktop-navbar">
56-
<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon">
57-
<span id="navbar-page-id">/ Blogs</span>
56+
<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon" tabindex="0">
57+
<span id="navbar-page-id" tabindex="0">/ Blogs</span>
5858
</div>
5959

6060
<!-- Blogs Page -->

src/blogs-page/index.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -48,10 +48,22 @@ document.getElementById("navbar-icon").addEventListener("click", function(){
4848
window.location.href = get_home_link();
4949
});
5050

51+
document.getElementById("navbar-icon").addEventListener("keydown", function(event) {
52+
if (event.key == "Enter") {
53+
window.location.href = get_home_link();
54+
}
55+
});
56+
5157
document.getElementById("navbar-page-id").addEventListener("click", function(){
5258
window.location.href = blogs_link;
5359
});
5460

61+
document.getElementById("navbar-page-id").addEventListener("keydown", function(event) {
62+
if (event.key == "Enter") {
63+
window.location.href = blogs_link;
64+
}
65+
});
66+
5567
//
5668
// Exit Button
5769
//

src/blogs-page/the-computer-science-speedrun/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -53,8 +53,8 @@
5353
<body tabindex="-1">
5454
<!-- Desktop Navigation -->
5555
<div class="desktop-navbar">
56-
<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon">
57-
<span id="navbar-page-id">/ Blogs</span>
56+
<img id="navbar-icon" src="/images/branding/ncp-icon.png" alt="Nathan Parker's Icon" title="The Nathan Parker Icon" tabindex="0">
57+
<span id="navbar-page-id" tabindex="0">/ Blogs</span>
5858
</div>
5959

6060
<div class="page" id="blogs-container">

src/blogs-page/the-computer-science-speedrun/index.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,22 @@ document.getElementById("navbar-icon").addEventListener("click", function(){
4545
window.location.href = get_home_link();
4646
});
4747

48+
document.getElementById("navbar-icon").addEventListener("keydown", function(event) {
49+
if (event.key == "Enter") {
50+
window.location.href = get_home_link();
51+
}
52+
});
53+
4854
document.getElementById("navbar-page-id").addEventListener("click", function(){
4955
window.location.href = blogs_link;
5056
});
5157

58+
document.getElementById("navbar-page-id").addEventListener("keydown", function(event) {
59+
if (event.key == "Enter") {
60+
window.location.href = blogs_link;
61+
}
62+
});
63+
5264
//
5365
// Exit Button
5466
//

0 commit comments

Comments
 (0)