Added "X"

👎
sethcottle · Jul 31, 2023 · 093aaa0 · 093aaa0
1 parent 57e61be
commit 093aaa0
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/css/brands.css b/css/brands.css
@@ -911,7 +911,7 @@ button:hover,
   filter: brightness(90%);
 }
 
-/* Twitter */
+/* Twitter (archiving soon, see 'X') */
 .button.button-twit {
   color: #ffffff;
   background-color: #1da1f2;
@@ -1025,6 +1025,17 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* X */
+.button.button-x {
+  color: #FFFFFF;
+  background-color: #000000;
+  border: 1px solid #FFFFFF;
+}
+.button.button-x:hover,
+.button.button-x:focus {
+  filter: brightness(90%);
+}
+
 /* Xing */
 .button.button-xing {
   color: #ffffff;

diff --git a/images/icons/x.svg b/images/icons/x.svg
diff --git a/index.html b/index.html
@@ -334,7 +334,7 @@ <h1 role="heading">LittleLink</h1>
         <!-- Twitch -->
         <a class="button button-twitch" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/twitch.svg" alt="">Twitch</a><br>
 
-        <!-- Twitter -->
+        <!-- Twitter (archiving soon, see 'X') -->
         <a class="button button-twit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/twitter.svg" alt="">Twitter</a><br>
 
         <!-- Unsplash -->
@@ -364,6 +364,9 @@ <h1 role="heading">LittleLink</h1>
         <!-- WordPress -->
         <a class="button button-wordpress" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/wordpress.svg" alt="">WordPress</a><br>
 
+        <!-- X -->
+        <a class="button button-x" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/x.svg" alt="">Follow on X</a><br>
+
         <!-- Xing -->
         <a class="button button-xing" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/xing.svg" alt="">Xing</a><br>