diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css
index e970cff3..ed8cbcbe 100644
--- a/app/assets/css/launcher.css
+++ b/app/assets/css/launcher.css
@@ -1236,17 +1236,25 @@ p {
height: 12px;
width: 25px;
}
-.mediaSVG:hover, .mediaSVG:active {
+.mediaSVG:hover,
+.mediaURL:focus .mediaSVG,
+.mediaSVG:active {
height: 20px;
}
+/* Social media URL shared styles. */
+.mediaURL {
+ outline: none;
+}
+
/* News icon colors. */
#newsSVG {
stroke: #ffffff;
}
/* Twitter icon colors. */
-#twitterSVG:hover {
+#twitterSVG:hover,
+#twitterURL:focus #twitterSVG {
fill: #1da1f2;
}
#twitterSVG:active {
@@ -1254,7 +1262,8 @@ p {
}
/* Instagram icon colors. */
-#instagramSVG:hover {
+#instagramSVG:hover,
+#instagramURL:focus #instagramSVG {
fill: url('#instaFill')
/*fill: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); */
}
@@ -1263,7 +1272,8 @@ p {
}
/* Youtube icon colors. */
-#youtubeSVG:hover {
+#youtubeSVG:hover,
+#youtubeURL:focus #youtubeSVG {
fill: #f00;
}
#youtubeSVG:active {
@@ -1271,7 +1281,8 @@ p {
}
/* Discord icon colors. */
-#discordSVG:hover {
+#discordSVG:hover,
+#discordURL:focus #discordSVG {
fill: #7288d9;
}
#discordSVG:active {
diff --git a/app/assets/js/scripts/overlay.js b/app/assets/js/scripts/overlay.js
index afab7fa0..91c082fc 100644
--- a/app/assets/js/scripts/overlay.js
+++ b/app/assets/js/scripts/overlay.js
@@ -20,7 +20,7 @@ function toggleOverlay(toggleState, dismissable = false, content = 'overlayConte
}
if(toggleState){
document.getElementById('main').setAttribute('overlay', true)
- // Make things tabbable.
+ // Make things untabbable.
$("#main *").attr('tabindex', '-1')
$('#' + content).parent().children().hide()
$('#' + content).show()
diff --git a/app/landing.ejs b/app/landing.ejs
index bed77810..7a8c3f35 100644
--- a/app/landing.ejs
+++ b/app/landing.ejs
@@ -39,7 +39,7 @@