From 460cf6a7a5d5e7a3602f9e5f0060bccc8eaf809e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Korczak?= <michal.k2001@gmail.com>
Date: Fri, 3 Jan 2025 22:36:25 +0000
Subject: [PATCH] feat: youtube alt

---
 css/brands.css               | 6 ++++++
 images/icons/youtube-alt.svg | 1 +
 index.html                   | 3 +++
 3 files changed, 10 insertions(+)
 create mode 100644 images/icons/youtube-alt.svg

diff --git a/css/brands.css b/css/brands.css
index 168423de6..d9527d40b 100644
--- 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
new file mode 100644
index 000000000..e261ee8be
--- /dev/null
+++ b/images/icons/youtube-alt.svg
@@ -0,0 +1 @@
+<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><defs><mask id="a" x="0" y="0" width="24" height="24"><path fill="#fff" d="M0 0h24v24H0z"/><path d="M9.545 15.588 15.818 12 9.545 8.412z" fill="#000"/></mask></defs><path d="M23.498 6.154a3.02 3.02 0 0 0-2.122-2.147C19.506 3.5 12 3.5 12 3.5s-7.505 0-9.376.507A3.02 3.02 0 0 0 .502 6.154C0 8.05 0 12 0 12s0 3.951.502 5.846a3.02 3.02 0 0 0 2.122 2.147C4.494 20.5 12 20.5 12 20.5s7.506 0 9.376-.507a3.02 3.02 0 0 0 2.122-2.147C24 15.95 24 12 24 12s0-3.951-.502-5.846" fill="#fff" mask="url(#a)"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 52d5664f6..02db0f3ef 100644
--- 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>