fix: add mastodont social metwork icon

smarcet · smarcet · commit 42b2affa0959 · 2025-02-24T18:06:00.000-03:00
fix: update x icon
diff --git a/themes/openstack/home_images/Icons/SVG/mastodon.svg b/themes/openstack/home_images/Icons/SVG/mastodon.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 621.9 666.7">
+  <!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #eaeaea;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M621.9,218.9c0-144.6-94.8-187-94.8-187C479.3,9.9,397.3.7,312.1,0h-2.1c-85.2.7-167.2,9.9-215,31.9C95,31.9.2,74.3.2,218.9s-.6,72.7.4,114.7c3.4,141.4,25.9,280.8,156.7,315.4,60.3,16,112.1,19.3,153.7,17,75.6-4.2,118-27,118-27l-2.5-54.9s-54,17-114.7,15c-60.1-2.1-123.6-6.5-133.3-80.3-.9-6.9-1.4-13.8-1.3-20.7,0,0,59,14.4,133.8,17.9,45.7,2.1,88.6-2.7,132.2-7.9,83.5-10,156.3-61.4,165.4-108.5,14.5-74.1,13.3-180.8,13.3-180.8h0ZM510.1,405.2h-69.4v-170c0-35.8-15.1-54-45.2-54s-50,21.6-50,64.2v93h-69v-93c0-42.7-16.7-64.2-50.1-64.2s-45.2,18.2-45.2,54v170h-69.4v-175.1c0-35.8,9.1-64.2,27.4-85.3,18.9-21,43.6-31.8,74.3-31.8s62.4,13.6,80.2,40.9l17.3,29,17.3-29c17.8-27.3,44.7-40.9,80.2-40.9s55.4,10.8,74.3,31.8c18.3,21,27.4,49.5,27.4,85.3v175.1Z"/>
+</svg>
diff --git a/themes/openstack/home_images/Icons/SVG/x-icon.svg b/themes/openstack/home_images/Icons/SVG/x-icon.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 310 310">
+  <!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #eaeaea;
+      }
+    </style>
+  </defs>
+  <polygon class="st0" points="89.1 79.5 203.8 229.6 220.9 229.6 107.1 79.5 89.1 79.5"/>
+  <path class="st0" d="M277.2,0H32.8C14.8,0,0,14.8,0,32.8v244.3c0,18,14.8,32.8,32.8,32.8h244.3c18,0,32.8-14.8,32.8-32.8V32.8c0-18-14.8-32.8-32.8-32.8ZM193.6,248l-48.3-64.9-57.5,64.9h-31.2l72.8-83.9L52.2,62h64.6l44.8,58.8,4.4-3.5,48.3-55.3h31.2l-68.3,78.5,80.6,107.5h-64.1Z"/>
+</svg>
diff --git a/themes/openstack/templates/Layout/Includes/Navigation_Footer.ss b/themes/openstack/templates/Layout/Includes/Navigation_Footer.ss
@@ -41,7 +41,13 @@
             </div>
             <div class="col-lg-4 col-sm-4">
                 <h3>Stay In Touch</h3>
-                <a href="https://twitter.com/OpenStack" target="_blank"><i class="fab fa-twitter-square" style="font-size: 36px;color:#eaeaea;padding-right:10px;"></i></a>
+                <a href="https://twitter.com/OpenStack" target="_blank">
+                    <img
+                            src="/themes/openstack/home_images/Icons/SVG/x-icon.svg"
+                            alt="x"
+                            style="width: 36px;position:relative;top:-10px;left:-5px"
+                    />
+                </a>
                 <a href="https://www.facebook.com/openinfradev/" target="_blank"><i class="fab fa-facebook-square" style="font-size: 36px;color:#eaeaea;padding-right:10px;"></i></a>
                 <a href="https://www.linkedin.com/groups/3239106/" target="_blank"><i class="fab fa-linkedin" style="font-size: 36px;color:#eaeaea;padding-right:10px;"></i></a>
                 <a href="https://www.youtube.com/user/OpenStackFoundation" target="_blank"><i class="fab fa-youtube-square" style="font-size: 36px;color:#eaeaea;padding-right:10px;"></i></a>
@@ -53,6 +59,13 @@
                         style="width: 36px;position:relative;top:-10px;left:-5px"
                     />
                 </a>
+                <a href="https://social.openinfra.dev/@OpenStack" rel="me" target="_blank"/>
+                <img
+                        src="/themes/openstack/home_images/Icons/SVG/mastodon.svg"
+                        alt="Mastodon"
+                        style="width: 36px;position:relative;top:-10px;left:-5px"
+                />
+                </a>
                 <!-- <form class="form-inline">
                     <div class="form-group newsletter-form">
                         <label>Join Our Newsletter</label>
