From 1fa40b67651a090c57c7757471d9ca29d7006083 Mon Sep 17 00:00:00 2001
From: rob salmond <rob@salmond.ca>
Date: Mon, 3 Feb 2025 20:34:25 -0500
Subject: [PATCH] add more socials (#16219)

* add more socials

* leverage mastodon profile ownership

Co-authored-by: Craig Box <craig.box@gmail.com>

* Update i18n/en.toml

Co-authored-by: Craig Box <craig.box@gmail.com>

---------

Co-authored-by: Craig Box <craig.box@gmail.com>
---
 i18n/en.toml                 |  9 +++++++++
 layouts/partials/footer.html | 13 +++++++++++++
 src/icons/bluesky.svg        |  7 +++++++
 src/icons/linkedin.svg       |  6 ++++++
 src/icons/mastodon.svg       |  7 +++++++
 5 files changed, 42 insertions(+)
 create mode 100644 src/icons/bluesky.svg
 create mode 100644 src/icons/linkedin.svg
 create mode 100644 src/icons/mastodon.svg

diff --git a/i18n/en.toml b/i18n/en.toml
index cb93045cce..68b76eed71 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -7,6 +7,15 @@ other = "Join the Istio discussion board to participate in discussions and get h
 [twitter_desc]
 other = "Follow us on Twitter to get the latest news"
 
+[bluesky_desc]
+other = "Follow us on Bluesky to get the latest news"
+
+[mastodon_desc]
+other = "Follow us on Mastodon to get the latest news"
+
+[linkedin_desc]
+other = "Follow us on LinkedIn to get the latest news"
+
 [stackoverflow_desc]
 other = "Stack Overflow is where you can ask questions and find curated answers on deploying, configuring, and using Istio"
 
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 2dd95c97ff..d330ba67c1 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -19,9 +19,22 @@
                 {{ partial "icon.html" "stackoverflow" }}
             </a>
 
+            <a class="channel" title='{{ i18n "linkedin_desc" }}' href="https://www.linkedin.com/company/istio/" aria-label="LinkedIn">
+                {{ partial "icon.html" "linkedin" }}
+            </a>
+
             <a class="channel" title='{{ i18n "twitter_desc" }}' href="https://twitter.com/IstioMesh" aria-label="Twitter">
                 {{ partial "icon.html" "twitter" }}
             </a>
+
+            <a class="channel" title='{{ i18n "bluesky_desc" }}' href="https://bsky.app/profile/istio.io" aria-label="Bluesky">
+                {{ partial "icon.html" "bluesky" }}
+            </a>
+
+            <a class="channel" title='{{ i18n "mastodon_desc" }}' href="https://mastodon.social/@istio" aria-label="Mastodon" rel="me">
+                {{ partial "icon.html" "mastodon" }}
+            </a>
+
         </div>
 
         <hr class="footer-separator" role="separator"/>
diff --git a/src/icons/bluesky.svg b/src/icons/bluesky.svg
new file mode 100644
index 0000000000..415902e2f5
--- /dev/null
+++ b/src/icons/bluesky.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="45px" height="39px" viewBox="0 0 45 39" version="1.1">
+  <path
+     d="M 9.754458,2.6670478 C 14.91366,6.5402518 20.462967,14.393495 22.500392,18.608001 24.537973,14.393805 30.08697,6.5401738 35.246327,2.6670478 c 3.722608,-2.7947486 9.754194,-4.9571661 9.754194,1.923761 0,1.374215 -0.787892,11.5441182 -1.249999,13.1951622 -1.606276,5.74017 -7.459491,7.20423 -12.66602,6.318113 9.100914,1.54894 11.416099,6.67959 6.416183,11.810241 -9.49583,9.744106 -13.648268,-2.444834 -14.712756,-5.568084 -0.195053,-0.572566 -0.286327,-0.840418 -0.287669,-0.612656 -0.0014,-0.22777 -0.09261,0.04009 -0.287668,0.612656 -1.064023,3.12325 -5.216383,15.312502 -14.712756,5.568084 C 2.499842,30.783674 4.81495,25.652714 13.916019,24.104084 8.709334,24.990201 2.856042,23.526133 1.249998,17.785971 0.787877,16.134772 0,5.9648688 0,4.5908088 0,-2.2901183 6.031742,-0.1277008 9.754194,2.6670478 Z"
+     fill="#fff"
+     id="path1"
+     style="stroke-width:0.0775866" />
+</svg>
diff --git a/src/icons/linkedin.svg b/src/icons/linkedin.svg
new file mode 100644
index 0000000000..8bb4385c3d
--- /dev/null
+++ b/src/icons/linkedin.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="44px" height="42px" viewBox="0 0 44 42" version="1.1">
+<path
+     style="clip-rule:evenodd;display:inline;fill-rule:evenodd;stroke-width:0.0861058"
+     d="M 9.9886224,42.057452 V 13.67998 H 0.55753534 V 42.057366 H 9.9886224 Z M 5.2740691,9.8069391 c 3.2877793,0 5.3358069,-2.180889 5.3358069,-4.9039863 C 10.547708,2.1193232 8.5618484,0 5.3357208,0 2.1090766,8.6105844e-5 0,2.1194092 0,4.903039 0,7.6261363 2.0469081,9.8070252 5.2119867,9.8070252 h 0.062082 z M 15.208359,42.057452 c 0,0 0.123733,-25.714907 0,-28.377386 h 9.43255 v 4.115343 h -0.0626 c 1.240268,-1.936521 3.474716,-4.781716 8.562365,-4.781716 C 39.347615,13.013693 44,17.069536 44,25.786031 V 42.057538 H 34.568999 V 26.876389 c 0,-3.814575 -1.364605,-6.417554 -4.778616,-6.417554 -2.605046,0 -4.157534,1.754836 -4.83932,3.451122 -0.249449,0.603774 -0.310154,1.45183 -0.310154,2.299973 v 15.847522 z"
+     id="path1" />
+</svg>
diff --git a/src/icons/mastodon.svg b/src/icons/mastodon.svg
new file mode 100644
index 0000000000..0c4a615d25
--- /dev/null
+++ b/src/icons/mastodon.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41px" height="43px" viewBox="0 0 41 43" version="1.1">
+  <path
+     d="M 41.78372,9.74109 C 41.13753,5.01352 36.951187,1.2878779 31.9886,0.565946 31.151355,0.4439591 27.979084,0 20.630731,0 h -0.05488 C 13.225458,0 11.648478,0.4439591 10.811232,0.565946 5.9868071,1.2678765 1.5810444,4.6155561 0.51211359,9.399117 c -0.51414232,2.355775 -0.56901143,4.967519 -0.47349861,7.363263 0.13615621,3.435667 0.16257469,6.865326 0.47959541,10.287046 0.21916475,2.272832 0.60149261,4.52758 1.14412071,6.747347 1.0160905,4.099602 5.1292366,7.511288 9.1590499,8.903108 4.314526,1.451517 8.954414,1.69252 13.400243,0.695966 0.489036,-0.112026 0.972742,-0.241967 1.45095,-0.389992 1.079099,-0.337949 2.345172,-0.715923 3.275905,-1.379857 0.01276,-0.0093 0.02325,-0.02132 0.03062,-0.03521 0.0074,-0.01383 0.01151,-0.02914 0.01202,-0.04479 V 38.23035 c -2.27e-4,-0.01463 -0.0037,-0.02903 -0.01037,-0.04212 -0.0066,-0.0131 -0.01604,-0.02455 -0.02778,-0.03356 -0.01168,-0.009 -0.02529,-0.01531 -0.03974,-0.01848 -0.01451,-0.0032 -0.02954,-0.0031 -0.044,1.7e-4 -2.848381,0.669548 -5.767233,1.005172 -8.695723,0.9999 -5.039803,0 -6.395283,-2.353791 -6.783461,-3.333676 -0.311982,-0.846885 -0.510126,-1.730335 -0.589326,-2.62779 -7.94e-4,-0.01502 0.002,-0.0301 0.0082,-0.04388 0.0062,-0.01383 0.01565,-0.02597 0.0275,-0.03555 0.01191,-0.0095 0.02591,-0.01616 0.04088,-0.01939 0.01497,-0.0032 0.0305,-0.0029 0.04536,8.5e-4 2.80093,0.665013 5.672159,1.000637 8.553481,0.9999 0.692962,0 1.383881,0 2.0769,-0.01797 2.897876,-0.07999 5.952224,-0.225979 8.803385,-0.773977 0.07115,-0.01395 0.142243,-0.02596 0.203244,-0.04399 4.497193,-0.849888 8.776966,-3.517646 9.21186,-10.272987 0.01627,-0.265948 0.05692,-2.785735 0.05692,-3.061718 0.002,-0.937877 0.306882,-6.65335 -0.04473,-10.164987 z m -6.921622,16.856378 h -4.72884 V 15.198553 c 0,-2.399768 -1.016113,-3.623663 -3.082866,-3.623663 -2.271982,0 -3.409986,1.447832 -3.409986,4.30761 v 6.239376 H 18.939969 V 15.8825 c 0,-2.859778 -1.140045,-4.30761 -3.412026,-4.30761 -2.054564,0 -3.080825,1.223895 -3.082866,3.623663 V 26.597468 H 7.7202619 V 14.852554 c 0,-2.399768 0.6225485,-4.306249 1.8675889,-5.7194418 1.2843282,-1.4098476 2.9690262,-2.1337637 5.0601552,-2.1337637 2.420292,0 4.249273,0.9158794 5.468574,2.7457105 l 1.176669,1.943842 1.178653,-1.943842 c 1.219302,-1.8298311 3.048282,-2.7457105 5.464548,-2.7457105 2.08909,0 3.77373,0.7239161 5.06214,2.1337637 1.245098,1.4118888 1.867589,3.3183698 1.867589,5.7194418 z"
+     fill="inherit"
+     id="path1"
+     style="stroke-width:0.566932" />
+</svg>