Skip to content

Commit 8ea3af4

Browse files
committed
📧 Footer Mail Contact Method
All Pages - Added Gmail contact method.
1 parent 6013485 commit 8ea3af4

11 files changed

Lines changed: 76 additions & 5 deletions

File tree

images/icons/gmail.svg

Lines changed: 1 addition & 0 deletions
Loading

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,9 @@ <h1 class="blog-header">PROPHECY</h1>
117117
<div class="contact-image-container">
118118
<img class="contact-image" id="contact-twitter" src="/images/icons/twitter.svg" alt="Contact Method Twitter" title="Twitter" tabindex="0">
119119
</div>
120+
<div class="contact-image-container">
121+
<img class="contact-image" id="contact-gmail" src="/images/icons/gmail.svg" alt="Contact Method Gmail" title="Gmail" tabindex="0">
122+
</div>
120123
<div class="contact-image-container">
121124
<img class="contact-image" id="contact-github" src="/images/icons/github-white.svg" alt="Contact Method GitHub" title="GitHub" tabindex="0">
122125
</div>

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

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ const code_org_inline_link = 'https://code.org/';
2020
const discord_link = 'https://discord.gg/QGDPS6wHB8';
2121
const youtube_link = 'https://www.youtube.com/channel/UCmMcPTUznYtu3zo7X3sVbgA';
2222
const twitter_link = 'https://twitter.com/KingPr0o7';
23+
const gmail_link = 'https://mail.google.com/mail/?view=cm&fs=1&to=nathan@ncp.dev&su=&body=';
2324
const github_link = 'https://github.com/KingPr0o7';
2425

2526
//
@@ -132,7 +133,6 @@ document.getElementById("contact-youtube").addEventListener("keydown", function(
132133
}
133134
});
134135

135-
136136
// Twitter
137137
document.getElementById("contact-twitter").addEventListener("click", function() {
138138
window.open(twitter_link, "_blank");
@@ -144,6 +144,17 @@ document.getElementById("contact-twitter").addEventListener("keydown", function(
144144
}
145145
});
146146

147+
// Gmail
148+
document.getElementById("contact-gmail").addEventListener("click", function() {
149+
window.open(gmail_link, "_blank");
150+
});
151+
152+
document.getElementById("contact-gmail").addEventListener("keydown", function(event) {
153+
if (event.key == "Enter") {
154+
window.open(gmail_link, "_blank");
155+
}
156+
});
157+
147158
// GitHub
148159
document.getElementById("contact-github").addEventListener("click", function() {
149160
window.open(github_link, "_blank");

src/blogs/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -133,6 +133,9 @@ <h1 class="blog-card-preview-title">The Computer Science Speedrun</h1>
133133
<div class="contact-image-container">
134134
<img class="contact-image" id="contact-twitter" src="/images/icons/twitter.svg" alt="Contact Method Twitter" title="Twitter" tabindex="0">
135135
</div>
136+
<div class="contact-image-container">
137+
<img class="contact-image" id="contact-gmail" src="/images/icons/gmail.svg" alt="Contact Method Gmail" title="Gmail" tabindex="0">
138+
</div>
136139
<div class="contact-image-container">
137140
<img class="contact-image" id="contact-github" src="/images/icons/github-white.svg" alt="Contact Method GitHub" title="GitHub" tabindex="0">
138141
</div>

src/blogs/index.js

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ const the_computer_science_speedrun_blog = '../blogs/the-computer-science-speedr
2121
const discord_link = 'https://discord.gg/QGDPS6wHB8';
2222
const youtube_link = 'https://www.youtube.com/channel/UCmMcPTUznYtu3zo7X3sVbgA';
2323
const twitter_link = 'https://twitter.com/KingPr0o7';
24+
const gmail_link = 'https://mail.google.com/mail/?view=cm&fs=1&to=nathan@ncp.dev&su=&body=';
2425
const github_link = 'https://github.com/KingPr0o7';
2526

2627
//
@@ -148,7 +149,6 @@ document.getElementById("contact-youtube").addEventListener("keydown", function(
148149
}
149150
});
150151

151-
152152
// Twitter
153153
document.getElementById("contact-twitter").addEventListener("click", function() {
154154
window.open(twitter_link, "_blank");
@@ -160,6 +160,17 @@ document.getElementById("contact-twitter").addEventListener("keydown", function(
160160
}
161161
});
162162

163+
// Gmail
164+
document.getElementById("contact-gmail").addEventListener("click", function() {
165+
window.open(gmail_link, "_blank");
166+
});
167+
168+
document.getElementById("contact-gmail").addEventListener("keydown", function(event) {
169+
if (event.key == "Enter") {
170+
window.open(gmail_link, "_blank");
171+
}
172+
});
173+
163174
// GitHub
164175
document.getElementById("contact-github").addEventListener("click", function() {
165176
window.open(github_link, "_blank");

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

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,9 @@ <h1 class="blog-header">THE AFTERMATH</h1>
153153
<div class="contact-image-container">
154154
<img class="contact-image" id="contact-twitter" src="/images/icons/twitter.svg" alt="Contact Method Twitter" title="Twitter" tabindex="0">
155155
</div>
156+
<div class="contact-image-container">
157+
<img class="contact-image" id="contact-gmail" src="/images/icons/gmail.svg" alt="Contact Method Gmail" title="Gmail" tabindex="0">
158+
</div>
156159
<div class="contact-image-container">
157160
<img class="contact-image" id="contact-github" src="/images/icons/github-white.svg" alt="Contact Method GitHub" title="GitHub" tabindex="0">
158161
</div>

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

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ const privacy_link = '../../privacy-policy/index.html'
2222
const discord_link = 'https://discord.gg/QGDPS6wHB8';
2323
const youtube_link = 'https://www.youtube.com/channel/UCmMcPTUznYtu3zo7X3sVbgA';
2424
const twitter_link = 'https://twitter.com/KingPr0o7';
25+
const gmail_link = 'https://mail.google.com/mail/?view=cm&fs=1&to=nathan@ncp.dev&su=&body=';
2526
const github_link = 'https://github.com/KingPr0o7';
2627

2728
//
@@ -145,7 +146,6 @@ document.getElementById("contact-youtube").addEventListener("keydown", function(
145146
}
146147
});
147148

148-
149149
// Twitter
150150
document.getElementById("contact-twitter").addEventListener("click", function() {
151151
window.open(twitter_link, "_blank");
@@ -157,6 +157,17 @@ document.getElementById("contact-twitter").addEventListener("keydown", function(
157157
}
158158
});
159159

160+
// Gmail
161+
document.getElementById("contact-gmail").addEventListener("click", function() {
162+
window.open(gmail_link, "_blank");
163+
});
164+
165+
document.getElementById("contact-gmail").addEventListener("keydown", function(event) {
166+
if (event.key == "Enter") {
167+
window.open(gmail_link, "_blank");
168+
}
169+
});
170+
160171
// GitHub
161172
document.getElementById("contact-github").addEventListener("click", function() {
162173
window.open(github_link, "_blank");

src/main-page/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -277,6 +277,9 @@ <h1 id="languages" class="page-header hidden"><span class="comment-indicator-sta
277277
<div class="contact-image-container">
278278
<img class="contact-image" id="contact-twitter" src="/images/icons/twitter.svg" alt="Contact Method Twitter" title="Twitter" tabindex="0">
279279
</div>
280+
<div class="contact-image-container">
281+
<img class="contact-image" id="contact-gmail" src="/images/icons/gmail.svg" alt="Contact Method Gmail" title="Gmail" tabindex="0">
282+
</div>
280283
<div class="contact-image-container">
281284
<img class="contact-image" id="contact-github" src="/images/icons/github-white.svg" alt="Contact Method GitHub" title="GitHub" tabindex="0">
282285
</div>

src/main-page/index.js

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ const privacy_link = '../privacy-policy/index.html'
3030
const discord_link = 'https://discord.gg/QGDPS6wHB8';
3131
const youtube_link = 'https://www.youtube.com/channel/UCmMcPTUznYtu3zo7X3sVbgA';
3232
const twitter_link = 'https://twitter.com/KingPr0o7';
33+
const gmail_link = 'https://mail.google.com/mail/?view=cm&fs=1&to=nathan@ncp.dev&su=&body=';
3334
const github_link = 'https://github.com/KingPr0o7';
3435

3536

@@ -373,7 +374,6 @@ document.getElementById("contact-youtube").addEventListener("keydown", function(
373374
}
374375
});
375376

376-
377377
// Twitter
378378
document.getElementById("contact-twitter").addEventListener("click", function() {
379379
window.open(twitter_link, "_blank");
@@ -385,6 +385,17 @@ document.getElementById("contact-twitter").addEventListener("keydown", function(
385385
}
386386
});
387387

388+
// Gmail
389+
document.getElementById("contact-gmail").addEventListener("click", function() {
390+
window.open(gmail_link, "_blank");
391+
});
392+
393+
document.getElementById("contact-gmail").addEventListener("keydown", function(event) {
394+
if (event.key == "Enter") {
395+
window.open(gmail_link, "_blank");
396+
}
397+
});
398+
388399
// GitHub
389400
document.getElementById("contact-github").addEventListener("click", function() {
390401
window.open(github_link, "_blank");

src/privacy-policy/index.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -120,6 +120,9 @@ <h1 class="blog-header hidden">DETAILS</h1>
120120
<div class="contact-image-container">
121121
<img class="contact-image" id="contact-twitter" src="/images/icons/twitter.svg" alt="Contact Method Twitter" title="Twitter" tabindex="0">
122122
</div>
123+
<div class="contact-image-container">
124+
<img class="contact-image" id="contact-gmail" src="/images/icons/gmail.svg" alt="Contact Method Gmail" title="Gmail" tabindex="0">
125+
</div>
123126
<div class="contact-image-container">
124127
<img class="contact-image" id="contact-github" src="/images/icons/github-white.svg" alt="Contact Method GitHub" title="GitHub" tabindex="0">
125128
</div>

0 commit comments

Comments
 (0)