Formatting

oszuidwest · Nov 14, 2024 · b8bcb4b · b8bcb4b
1 parent 72fac02
commit b8bcb4b
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/templates/partial/socialshare.twig b/templates/partial/socialshare.twig
@@ -1,25 +1,27 @@
-    <aside class="px-6 md:px-12 max-w-3xl mx-auto mt-8 pb-8">
+<aside class="px-6 md:px-12 max-w-3xl mx-auto mt-8 pb-8">
         <p class="text-sm tracking-wide uppercase font-bold font-round text-gray-500 mb-2">Deel dit via:</p>
         <div class="flex items-center flex-wrap -m-1">
+            <a href="https://www.facebook.com/sharer.php?u={{ post.link }}?utm_medium=social%26utm_source=Facebook%26utm_campaign=sharebutton&t={{ post.title }}" target="_blank" style="color: #3B5999" class="border-current border flex items-center pl-1 pr-3 m-1 rounded">
+                <svg width="32" height="32" viewBox="0 0 32 32" class="fill-current" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M14.3334 13.7778H12.6667V16H14.3334V22.6667H17.1111V16H19.1345L19.3334 13.7778H17.1111V12.8517C17.1111 12.3211 17.2178 12.1111 17.7306 12.1111H19.3334V9.33333H17.2178C15.22 9.33333 14.3334 10.2128 14.3334 11.8972V13.7778Z"></path>
+                </svg>
+                Facebook</a>
             <a href="whatsapp://send?text={{ post.title }} {{ post.link }}?utm_medium=social%26utm_source=WhatsApp%26utm_campaign=sharebutton" style="color: #25D366" class="border-current border flex items-center pl-1 pr-3 m-1 rounded">
                 <svg width="32" height="32" viewBox="0 0 32 32" class="fill-current" xmlns="http://www.w3.org/2000/svg">
                     <path d="M8.5 23.5L9.55941 19.6481C8.90568 18.5206 8.56217 17.2425 8.5628 15.9319C8.56468 11.8344 11.915 8.5 16.0314 8.5C18.029 8.50062 19.9042 9.275 21.3146 10.68C22.7244 12.085 23.5006 13.9525 23.5 15.9388C23.4981 20.0369 20.1478 23.3713 16.0314 23.3713C14.7817 23.3706 13.5502 23.0587 12.4594 22.4662L8.5 23.5ZM12.6428 21.1206C13.6953 21.7425 14.7001 22.115 16.0289 22.1156C19.4501 22.1156 22.2371 19.3444 22.239 15.9375C22.2403 12.5238 19.4665 9.75625 16.0339 9.755C12.6101 9.755 9.82504 12.5262 9.82379 15.9325C9.82316 17.3231 10.2326 18.3644 10.9202 19.4537L10.2929 21.7338L12.6428 21.1206ZM19.7936 17.7056C19.7472 17.6281 19.6228 17.5819 19.4357 17.4888C19.2492 17.3956 18.3317 16.9462 18.1603 16.8844C17.9894 16.8225 17.8651 16.7912 17.7401 16.9775C17.6158 17.1631 17.2578 17.5819 17.1492 17.7056C17.0406 17.8294 16.9313 17.845 16.7448 17.7519C16.5583 17.6587 15.9567 17.4631 15.2439 16.83C14.6894 16.3375 14.3145 15.7294 14.2059 15.5431C14.0972 15.3575 14.1945 15.2569 14.2875 15.1644C14.3716 15.0813 14.474 14.9475 14.5676 14.8387C14.6624 14.7312 14.6932 14.6538 14.756 14.5294C14.8181 14.4056 14.7874 14.2969 14.7403 14.2037C14.6932 14.1112 14.3201 13.1969 14.165 12.825C14.0131 12.4631 13.8592 12.5119 13.7449 12.5062L13.387 12.5C13.2626 12.5 13.0604 12.5463 12.8896 12.7325C12.7188 12.9188 12.2365 13.3675 12.2365 14.2819C12.2365 15.1962 12.9053 16.0794 12.9982 16.2031C13.0918 16.3269 14.3139 18.2031 16.1859 19.0075C16.6311 19.1987 16.979 19.3131 17.2497 19.3988C17.6968 19.54 18.1037 19.52 18.4253 19.4725C18.7838 19.4194 19.5293 19.0231 19.685 18.5894C19.8407 18.155 19.8407 17.7831 19.7936 17.7056Z"></path>
                 </svg>
                 WhatsApp</a>
 			<a href="https://www.linkedin.com/sharing/share-offsite/?url={{ post.link }}?utm_medium=social%26utm_source=LinkedIn%26utm_campaign=sharebutton" target="_blank" style="color: #0A66C2" class="border-current border flex items-center pl-1 pr-3 m-1 rounded">
                 <svg width="32" height="32" viewBox="0 0 32 32" class="fill-current" xmlns="http://www.w3.org/2000/svg">
-                    <path d="m72.16 99.73h-62.233c-2.762 0-5 2.239-5 5v199.928c0 2.762 2.238 5 5 5h62.233c2.762 0 5-2.238 5-5v-199.928c0-2.761-2.238-5-5-5z"/><path d="m41.066.341c-22.644 0-41.066 18.402-41.066 41.021 0 22.629 18.422 41.038 41.066 41.038 22.626 0 41.033-18.41 41.033-41.038.001-22.619-18.407-41.021-41.033-41.021z"/><path d="m230.454 94.761c-24.995 0-43.472 10.745-54.679 22.954v-12.985c0-2.761-2.238-5-5-5h-59.599c-2.762 0-5 2.239-5 5v199.928c0 2.762 2.238 5 5 5h62.097c2.762 0 5-2.238 5-5v-98.918c0-33.333 9.054-46.319 32.29-46.319 25.306 0 27.317 20.818 27.317 48.034v97.204c0 2.762 2.238 5 5 5h62.12c2.762 0 5-2.238 5-5v-109.664c0-49.565-9.451-100.234-79.546-100.234z"></path>
+                    <path d="M10.8 23.6H7.5V13.4h3.3v10.2zM9.2 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM24.5 23.6h-3.3v-5.2c0-1.2 0-2.8-1.7-2.8s-2 1.3-2 2.7v5.3h-3.3V13.4H17v1.2h.1c.4-.8 1.5-1.7 3.1-1.7 3.4 0 4 2.2 4 5.1v5.6z"/>
                 </svg>
                 LinkedIn</a>
-            <a href="https://www.facebook.com/sharer.php?u={{ post.link }}?utm_medium=social%26utm_source=Facebook%26utm_campaign=sharebutton&t={{ post.title }}" target="_blank" style="color: #3B5999" class="border-current border flex items-center pl-1 pr-3 m-1 rounded">
-                <svg width="32" height="32" viewBox="0 0 32 32" class="fill-current" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M14.3334 13.7778H12.6667V16H14.3334V22.6667H17.1111V16H19.1345L19.3334 13.7778H17.1111V12.8517C17.1111 12.3211 17.2178 12.1111 17.7306 12.1111H19.3334V9.33333H17.2178C15.22 9.33333 14.3334 10.2128 14.3334 11.8972V13.7778Z"></path>
-                </svg>
-                Facebook</a>
             {% set title = function('html_entity_decode', post.title) %}
             {% set body = 'Lees dit artikel op ' ~ site.name ~ ': ' ~ title ~ "\n\n" ~ post.link ~ "?utm_medium=social%26utm_source=E-mail%26utm_campaign=sharebutton" %}
             <a href="mailto:?subject={{ title|escape('url') }}&body={{ body|escape('url') }}"  class="border-current border whitespace-nowrap flex-none flex items-center pl-1 pr-3 m-1 rounded text-black dark:text-gray-200">
-                <svg width="16" height="16" class="m-2 fill-current"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M 12 2 C 6.4886661 2 2 6.4886661 2 12 C 2 17.511334 6.4886661 22 12 22 L 16 22 A 1.0001 1.0001 0 1 0 16 20 L 12 20 C 7.5693339 20 4 16.430666 4 12 C 4 7.5693339 7.5693339 4 12 4 C 16.430666 4 20 7.5693339 20 12 L 20 13.5 C 20 14.340812 19.340812 15 18.5 15 C 17.659188 15 17 14.340812 17 13.5 L 17 12 A 1.0001 1.0001 0 0 0 16.994141 11.888672 C 16.933859 9.1903924 14.712044 7 12 7 C 9.2504209 7 7 9.2504209 7 12 C 7 14.749579 9.2504209 17 12 17 C 13.413556 17 14.687859 16.398875 15.599609 15.447266 C 16.230695 16.380863 17.297708 17 18.5 17 C 20.421188 17 22 15.421188 22 13.5 L 22 12 C 22 6.4886661 17.511334 2 12 2 z M 12 9 C 13.668699 9 15 10.331301 15 12 C 15 13.668699 13.668699 15 12 15 C 10.331301 15 9 13.668699 9 12 C 9 10.331301 10.331301 9 12 9 z"></path></svg>
+                <svg width="16" height="16" class="m-2 fill-current"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <path d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8v1.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5V12c0-2.76-2.24-5-5-5s-5 2.24-5 5 2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47.65.89 1.77 1.47 2.96 1.47 1.97 0 3.5-1.53 3.5-3.5V12c0-5.51-4.49-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"/>
+                </svg>
                 E-mail</a>
         </div>
-    </aside>
+    </aside>