feat: youtube alt

sethcottle · Jan 3, 2025 · 460cf6a · 460cf6a
1 parent 9479451
commit 460cf6a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/css/brands.css b/css/brands.css
@@ -592,6 +592,12 @@
 	--button-border:1px solid #FFFFFF;
 }
 
+/* YouTube Alt */
+.button-yt-alt {
+	--button-text:#ffffff;
+	--button-background:#FF0000;
+}
+
 /* Zoom */
 .button-zoom {
 	--button-text:#ffffff;

diff --git a/images/icons/youtube-alt.svg b/images/icons/youtube-alt.svg
diff --git a/index.html b/index.html
@@ -320,6 +320,9 @@ <h1 tabindex="0">
               <!-- YouTube -->
               <a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
 
+              <!-- YouTube Alt -->
+              <a class="button button-yt-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-alt.svg" alt="YouTube Logo">YouTube</a>
+
               <!-- YouTube Music -->
               <a class="button button-yt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" aria-hidden="true" src="images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a>