jonnybarnes.uk/resources/views/templates/social-links.blade.php

@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">
        <g data-name="Dark Blue">
            <rect fill="#1da1f2" width="400" height="400"/>
        </g>
        <g data-name="Logo — FIXED">
            <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" 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 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" 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">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
        <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
    </svg>
</a>@endif