From 16d89fa390eebbbc3a7ee1b4dbb0648c7799e6c0 Mon Sep 17 00:00:00 2001
From: Jonny Barnes <jonny@jonnybarnes.uk>
Date: Sat, 8 Jan 2022 21:13:15 +0000
Subject: [PATCH] Fix the styling of the syndication SVGs

---
 .../views/templates/social-links.blade.php    | 35 +++++--------------
 1 file changed, 8 insertions(+), 27 deletions(-)

diff --git a/resources/views/templates/social-links.blade.php b/resources/views/templates/social-links.blade.php
index eb569aca..99e16753 100644
--- a/resources/views/templates/social-links.blade.php
+++ b/resources/views/templates/social-links.blade.php
@@ -1,44 +1,25 @@
 @if($tweet_id !== null)<a class="u-syndication" href="https://twitter.com/i/web/status/{{ $tweet_id }}" title="View note on Twitter">
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
-        <defs>
-            <style>
-                .cls-1 {
-                    fill:#1da1f2;
-                }
-                .cls-2 {
-                    fill:#fff;
-                }
-                .cls-3 {
-                    fill:none;
-                }
-            </style>
-        </defs>
         <g data-name="Dark Blue">
-            <rect class="cls-1" width="400" height="400"/>
+            <rect fill="#1da1f2" width="400" height="400"/>
         </g>
         <g data-name="Logo — FIXED">
-            <path class="cls-2" d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"/>
-            <rect class="cls-3" width="400" height="400"/>
+            <path fill="#fff" d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"/>
+            <rect fill="none" width="400" height="400"/>
         </g>
     </svg>
 </a>@endif
 @if($facebook_url !== null)<a class="u-syndication" href="{{ $facebook_url }}" title="View note on Facebook">
-    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="14.2222in" height="14.2222in" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 14222 14222" xmlns:xlink="http://www.w3.org/1999/xlink">
-        <defs>
-            <style type="text/css">
-                .fil0 {fill:#1977F3;fill-rule:nonzero}
-                .fil1 {fill:#FEFEFE;fill-rule:nonzero}
-             </style>
-        </defs>
+    <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="14.2222in" height="14.2222in" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 14222 14222" xmlns:xlink="http://www.w3.org/1999/xlink">
         <g>
-            <path class="fil0" d="M14222 7111c0,-3927 -3184,-7111 -7111,-7111 -3927,0 -7111,3184 -7111,7111 0,3549 2600,6491 6000,7025l0 -4969 -1806 0 0 -2056 1806 0 0 -1567c0,-1782 1062,-2767 2686,-2767 778,0 1592,139 1592,139l0 1750 -897 0c-883,0 -1159,548 -1159,1111l0 1334 1972 0 -315 2056 -1657 0 0 4969c3400,-533 6000,-3475 6000,-7025z"/>
-            <path class="fil1" d="M9879 9167l315 -2056 -1972 0 0 -1334c0,-562 275,-1111 1159,-1111l897 0 0 -1750c0,0 -814,-139 -1592,-139 -1624,0 -2686,984 -2686,2767l0 1567 -1806 0 0 2056 1806 0 0 4969c362,57 733,86 1111,86 378,0 749,-30 1111,-86l0 -4969 1657 0z"/>
+            <path fill="#1977f3" fill-rule="nonzero" d="M14222 7111c0,-3927 -3184,-7111 -7111,-7111 -3927,0 -7111,3184 -7111,7111 0,3549 2600,6491 6000,7025l0 -4969 -1806 0 0 -2056 1806 0 0 -1567c0,-1782 1062,-2767 2686,-2767 778,0 1592,139 1592,139l0 1750 -897 0c-883,0 -1159,548 -1159,1111l0 1334 1972 0 -315 2056 -1657 0 0 4969c3400,-533 6000,-3475 6000,-7025z"/>
+            <path fill="#fefefe" fill-rule="nonzero" d="M9879 9167l315 -2056 -1972 0 0 -1334c0,-562 275,-1111 1159,-1111l897 0 0 -1750c0,0 -814,-139 -1592,-139 -1624,0 -2686,984 -2686,2767l0 1567 -1806 0 0 2056 1806 0 0 4969c362,57 733,86 1111,86 378,0 749,-30 1111,-86l0 -4969 1657 0z"/>
         </g>
     </svg>
 </a>@endif
 @if($swarm_url !== null)<a class="u-syndication" href="{{ $swarm_url }}" title="View note on Swarm">
-    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" preserveAspectRatio="xMinYMin meet" viewBox="0 0 215.6059 201.1292" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon">
-        <g><path d="M209.3608,107.7425c-4.8398-10.875-11.8672-20.0664-19.7891-25.8711   c-8.5742-6.293-17.2812-7.9766-24.4961-4.7617c-14.3438,6.3828-17.3633,29.8438-6.8711,53.4063   c4.8398,10.875,11.8672,20.0664,19.7891,25.8711c5.7344,4.207,11.5234,6.3555,16.8906,6.3555c2.6602,0,5.2148-0.5273,7.6094-1.5938   h-0.0039C216.8335,154.7659,219.853,131.305,209.3608,107.7425z" fill="#314E55"/><path d="M199.2397,153.844c-0.0039,0-0.0039,0-0.0039,0c-4.4844,1.9961-10.3516,0.6133-16.5117-3.9062  c-6.8164-4.9961-12.9297-13.0508-17.2148-22.6719c-8.375-18.8203-7.0859-38.4414,2.8203-42.8516   c1.3398-0.5977,2.8008-0.8906,4.3594-0.8906c3.6562,0,7.832,1.6289,12.1523,4.7969c6.8164,4.9961,12.9297,13.0508,17.2148,22.6719   C210.4311,129.8128,209.1421,149.4339,199.2397,153.844z" fill="#E4AD40"/><path d="M192.396,173.6604c-15.0117,2.832-35.3242-15.1172-46.2266-40.8086   c-8.1953-19.3047-9.8203-39.3789-4.2422-52.3828c0.6054-1.4062,0.3516-3.0352-0.6484-4.1953   c-1.0039-1.1562-2.582-1.6328-4.0547-1.25c-26.7539,7.1133-45.4414,32.6523-45.4414,62.1055c0,35.2891,26.9141,64,60,64   c16.8594,0,33.043-7.6328,44.3906-20.9375c1.1016-1.293,1.2695-3.1328,0.418-4.6016   C195.7475,174.1253,194.0796,173.3714,192.396,173.6604z" fill="#314E55"/><path d="M151.7827,193.1292c-28.6719,0-52-25.1211-52-56c0-23.0625,12.9492-43.3594,32.2734-51.8438   c-3.1523,14.3555-0.7812,32.9531,6.7461,50.6914c10.5195,24.7852,28.168,42.1719,44.8086,45.4258   C174.56,188.9339,163.3452,193.1292,151.7827,193.1292z" fill="#E4AD40"/><path d="M87.4468,163.5276c-4.75-10.8672-9.6953-34.957-9.7461-35.1992c-0.3086-1.5156-1.4648-2.7149-2.9648-3.082   c-1.5-0.3711-3.082,0.1602-4.0586,1.3594c-4.5703,5.6289-27.1562,34.3828-22.6875,47.7891   c4.4102,13.2383,41.7656,20.7031,53.1094,22.6758c0.2266,0.0391,0.457,0.0586,0.6836,0.0586c1.3789,0,2.6797-0.7148,3.4141-1.918   c0.8555-1.4023,0.7656-3.1836-0.2227-4.4922C104.8413,190.5393,91.56,172.9221,87.4468,163.5276z" fill="#314E55"/><path d="M55.5757,171.8636c-1.9023-5.7188,7.1484-21.2188,16.1445-33.5   c1.9375,8.3555,5.1406,20.9219,8.3984,28.3672c2.5781,5.8945,8.1055,14.2773,12.4453,20.4883   C74.5796,183.1956,57.271,176.9417,55.5757,171.8636z" fill="#E4AD40"/><path d="M69.1655,85.3128c26.1523,0,42.25-11.457,42.9688-11.9805c1.7539-1.2734,2.1719-3.7148,0.9453-5.5   c-1.5156-2.2031-37.5-53.957-73.3203-54.6953c-12.625-0.2148-23.5742,5.707-32.5938,17.7383   c-9.1719,12.2305-7.8789,21.7734-5.1758,27.625C9.978,75.805,39.0054,83.6057,63.5054,85.137   C65.4429,85.2581,67.3296,85.3128,69.1655,85.3128z" fill="#314E55"/><path d="M9.2515,55.1487C6.6499,49.512,8.103,42.9612,13.564,35.6721c7.3359-9.7813,15.6523-14.543,25.4063-14.543   c0.2031,0,0.4102,0,0.6172,0.0078c26.8164,0.5469,55.8477,36.4102,64.4023,47.8008c-6.1836,3.3438-20.4062,9.4336-39.9844,8.2148   C36.5405,75.4378,14.5366,66.594,9.2515,55.1487z" fill="#E4AD40"/><path d="M121.7788,64.8401c0.1992,0,0.3984-0.0156,0.5977-0.043c1.0039-0.1523,24.7656-3.8867,34.4609-20.668   c4.6094-7.9883,7.1952-16.5781,7.2812-24.1875c0.0938-8.4414-2.8672-14.832-8.3359-17.9883   c-10.6758-6.1562-26.9531,2.6914-37.0547,20.1758c-9.6875,16.7813-1.0391,39.2305-0.668,40.1758   C118.6694,63.8518,120.1577,64.8401,121.7788,64.8401z" fill="#314E55"/><path d="M125.6577,26.1292c6.8047-11.7852,16.2539-18.1133,22.5742-18.1133c1.3438,0,2.5469,0.2852,3.5508,0.8672   c2.8164,1.625,4.3984,5.625,4.3359,10.9688c-0.0703,6.2578-2.2734,13.4609-6.2109,20.2773   c-5.8751,10.1719-19.2344,14.5352-25.4414,16.0625C122.685,50.0511,119.7827,36.3011,125.6577,26.1292z" fill="#E4AD40"/></g>
+    <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet" viewBox="0 0 215.6059 201.1292" xml:space="preserve" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon">
+        <g><path d="M209.3608,107.7425c-4.8398-10.875-11.8672-20.0664-19.7891-25.8711   c-8.5742-6.293-17.2812-7.9766-24.4961-4.7617c-14.3438,6.3828-17.3633,29.8438-6.8711,53.4063   c4.8398,10.875,11.8672,20.0664,19.7891,25.8711c5.7344,4.207,11.5234,6.3555,16.8906,6.3555c2.6602,0,5.2148-0.5273,7.6094-1.5938   h-0.0039C216.8335,154.7659,219.853,131.305,209.3608,107.7425z" fill="#314e55"/><path d="M199.2397,153.844c-0.0039,0-0.0039,0-0.0039,0c-4.4844,1.9961-10.3516,0.6133-16.5117-3.9062  c-6.8164-4.9961-12.9297-13.0508-17.2148-22.6719c-8.375-18.8203-7.0859-38.4414,2.8203-42.8516   c1.3398-0.5977,2.8008-0.8906,4.3594-0.8906c3.6562,0,7.832,1.6289,12.1523,4.7969c6.8164,4.9961,12.9297,13.0508,17.2148,22.6719   C210.4311,129.8128,209.1421,149.4339,199.2397,153.844z" fill="#e4ad40"/><path d="M192.396,173.6604c-15.0117,2.832-35.3242-15.1172-46.2266-40.8086   c-8.1953-19.3047-9.8203-39.3789-4.2422-52.3828c0.6054-1.4062,0.3516-3.0352-0.6484-4.1953   c-1.0039-1.1562-2.582-1.6328-4.0547-1.25c-26.7539,7.1133-45.4414,32.6523-45.4414,62.1055c0,35.2891,26.9141,64,60,64   c16.8594,0,33.043-7.6328,44.3906-20.9375c1.1016-1.293,1.2695-3.1328,0.418-4.6016   C195.7475,174.1253,194.0796,173.3714,192.396,173.6604z" fill="#314e55"/><path d="M151.7827,193.1292c-28.6719,0-52-25.1211-52-56c0-23.0625,12.9492-43.3594,32.2734-51.8438   c-3.1523,14.3555-0.7812,32.9531,6.7461,50.6914c10.5195,24.7852,28.168,42.1719,44.8086,45.4258   C174.56,188.9339,163.3452,193.1292,151.7827,193.1292z" fill="#e4ad40"/><path d="M87.4468,163.5276c-4.75-10.8672-9.6953-34.957-9.7461-35.1992c-0.3086-1.5156-1.4648-2.7149-2.9648-3.082   c-1.5-0.3711-3.082,0.1602-4.0586,1.3594c-4.5703,5.6289-27.1562,34.3828-22.6875,47.7891   c4.4102,13.2383,41.7656,20.7031,53.1094,22.6758c0.2266,0.0391,0.457,0.0586,0.6836,0.0586c1.3789,0,2.6797-0.7148,3.4141-1.918   c0.8555-1.4023,0.7656-3.1836-0.2227-4.4922C104.8413,190.5393,91.56,172.9221,87.4468,163.5276z" fill="#314e55"/><path d="M55.5757,171.8636c-1.9023-5.7188,7.1484-21.2188,16.1445-33.5   c1.9375,8.3555,5.1406,20.9219,8.3984,28.3672c2.5781,5.8945,8.1055,14.2773,12.4453,20.4883   C74.5796,183.1956,57.271,176.9417,55.5757,171.8636z" fill="#e4ad40"/><path d="M69.1655,85.3128c26.1523,0,42.25-11.457,42.9688-11.9805c1.7539-1.2734,2.1719-3.7148,0.9453-5.5   c-1.5156-2.2031-37.5-53.957-73.3203-54.6953c-12.625-0.2148-23.5742,5.707-32.5938,17.7383   c-9.1719,12.2305-7.8789,21.7734-5.1758,27.625C9.978,75.805,39.0054,83.6057,63.5054,85.137   C65.4429,85.2581,67.3296,85.3128,69.1655,85.3128z" fill="#314e55"/><path d="M9.2515,55.1487C6.6499,49.512,8.103,42.9612,13.564,35.6721c7.3359-9.7813,15.6523-14.543,25.4063-14.543   c0.2031,0,0.4102,0,0.6172,0.0078c26.8164,0.5469,55.8477,36.4102,64.4023,47.8008c-6.1836,3.3438-20.4062,9.4336-39.9844,8.2148   C36.5405,75.4378,14.5366,66.594,9.2515,55.1487z" fill="#e4ad40"/><path d="M121.7788,64.8401c0.1992,0,0.3984-0.0156,0.5977-0.043c1.0039-0.1523,24.7656-3.8867,34.4609-20.668   c4.6094-7.9883,7.1952-16.5781,7.2812-24.1875c0.0938-8.4414-2.8672-14.832-8.3359-17.9883   c-10.6758-6.1562-26.9531,2.6914-37.0547,20.1758c-9.6875,16.7813-1.0391,39.2305-0.668,40.1758   C118.6694,63.8518,120.1577,64.8401,121.7788,64.8401z" fill="#314e55"/><path d="M125.6577,26.1292c6.8047-11.7852,16.2539-18.1133,22.5742-18.1133c1.3438,0,2.5469,0.2852,3.5508,0.8672   c2.8164,1.625,4.3984,5.625,4.3359,10.9688c-0.0703,6.2578-2.2734,13.4609-6.2109,20.2773   c-5.8751,10.1719-19.2344,14.5352-25.4414,16.0625C122.685,50.0511,119.7827,36.3011,125.6577,26.1292z" fill="#e4ad40"/></g>
     </svg>
 </a>@endif
 @if($instagram_url !== null)<a class="u-syndication" href="{{ $instagram_url }}" title="View note on Instagram">