Merge pull request #67 from BitCoisas/feat/header-add-x-link

feat(header): add X (@saopaulobitdevs) link to navigation

Author: lorenzolfm

Gemfile.lock

@@ -18,6 +18,7 @@ GEM
     ffi (1.17.1-arm-linux-gnu)
     ffi (1.17.1-arm-linux-musl)
     ffi (1.17.1-arm64-darwin)
+    ffi (1.17.1-x64-mingw-ucrt)
     ffi (1.17.1-x86-linux-gnu)
     ffi (1.17.1-x86-linux-musl)
     ffi (1.17.1-x86_64-darwin)
@@ -33,6 +34,9 @@ GEM
     google-protobuf (4.30.1-arm64-darwin)
       bigdecimal
       rake (>= 13)
+    google-protobuf (4.30.1-x64-mingw-ucrt)
+      bigdecimal
+      rake (>= 13)
     google-protobuf (4.30.1-x86-linux)
       bigdecimal
       rake (>= 13)
@@ -118,6 +122,8 @@ GEM
       google-protobuf (~> 4.30)
     sass-embedded (1.86.0-riscv64-linux-musl)
       google-protobuf (~> 4.30)
+    sass-embedded (1.86.0-x64-mingw-ucrt)
+      google-protobuf (~> 4.30)
     sass-embedded (1.86.0-x86_64-darwin)
       google-protobuf (~> 4.30)
     sass-embedded (1.86.0-x86_64-linux-android)
@@ -146,6 +152,7 @@ PLATFORMS
   riscv64-linux-gnu
   riscv64-linux-musl
   ruby
+  x64-mingw-ucrt
   x86-linux
   x86-linux-gnu
   x86-linux-musl

_data/settings.yml

@@ -5,3 +5,7 @@ menu:
 
   - {name: 'Eventos', url: '/events'}
   - {name: 'Meetup', url: 'https://www.meetup.com/saopaulobitdevs', external: true}
+
+social:
+  x:
+    url: "https://x.com/saopaulobitdevs"

_includes/header.html

@@ -16,6 +16,10 @@
           <a href="{{ item.url | relative_url }}">{{ item.name }}</a>
         {% endif %}
       {% endfor %}
+      {%- assign x = site.data.settings.social.x.url | default: 'https://x.com/saopaulobitdevs' -%}
+      <a class="nav-social nav-x" href="{{ x }}" target="_blank" rel="noopener" aria-label="SP BitDevs no X">
+        <span class="icon-x" aria-hidden="true"></span>
+      </a>
       <button id="theme-toggle" class="theme-toggle" aria-label="Alternar tema">
         <svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
           <circle cx="12" cy="12" r="5"/>

assets/css/_header.scss

@@ -96,5 +96,18 @@
         opacity: 1;
       }
     }
+
+    /* === Ícone do X (Twitter) === */
+    .icon-x {
+      display: inline-block;
+      width: 22px;
+      height: 22px;
+      background-color: currentColor;
+      -webkit-mask: url("/public/icons/x.svg") no-repeat center / contain;
+              mask: url("/public/icons/x.svg") no-repeat center / contain;
+      vertical-align: middle;
+      transform: translateY(-1px);
+    }
+    
   }
 }