Add X button

NethermindEth · Aug 17, 2023 · d483ed0 · d483ed0
1 parent 6691346
commit d483ed0
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -96,16 +96,22 @@ const config = {
                 position: 'left',
                 dropdownActiveClassDisabled: true
               },
+              {
+                'aria-label': 'GitHub',
+                className: 'header-github-link',
+                href: 'https://github.com/NethermindEth/nethermind',
+                position: 'right'
+              },
               {
                 'aria-label': 'Discord',
                 className: 'header-discord-link',
                 href: 'https://discord.com/invite/PaCMRFdvWT',
                 position: 'right'
               },
               {
-                'aria-label': 'GitHub',
-                className: 'header-github-link',
-                href: 'https://github.com/NethermindEth/nethermind',
+                'aria-label': 'X',
+                className: 'header-x-link',
+                href: 'https://twitter.com/NethermindEth',
                 position: 'right'
               }
             ]

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -64,3 +64,21 @@
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -15.39 127.14 127.14'%3E%3Cpath fill='white' d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z'/%3E%3C/svg%3E")
     no-repeat;
 }
+
+.header-x-link:hover {
+  opacity: 0.6;
+}
+
+.header-x-link::before {
+  content: '';
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-136.2 -122.7 1472.4 1472.4'%3E%3Cpath d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+[data-theme='dark'] .header-x-link::before {
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-136.2 -122.7 1472.4 1472.4'%3E%3Cpath fill='white' d='M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z'/%3E%3C/svg%3E")
+    no-repeat;
+}