Add social icons plugin (#2035)

.changeset/grumpy-taxis-smile.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add social icons plugin

_config.yml

@@ -45,6 +45,7 @@ plugins:
 
 tabler-css-plugins:
   - tabler-flags
+  - tabler-socials
   - tabler-payments
   - tabler-vendors
 

package.json

@@ -97,11 +97,11 @@
         "maxSize": "2 kB"
       },
       {
-        "path": "./dist/css/tabler-social.css",
+        "path": "./dist/css/tabler-socials.css",
         "maxSize": "2 kB"
       },
       {
-        "path": "./dist/css/tabler-social.min.css",
+        "path": "./dist/css/tabler-socials.min.css",
         "maxSize": "2 kB"
       },
       {

src/img/social/apple-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.1426 17.1447C20.8099 17.9133 20.4161 18.6208 19.9598 19.2713C19.3379 20.158 18.8286 20.7719 18.4362 21.1127C17.8278 21.6722 17.176 21.9587 16.478 21.975C15.9769 21.975 15.3726 21.8324 14.6691 21.5432C13.9634 21.2553 13.3148 21.1127 12.7218 21.1127C12.0998 21.1127 11.4328 21.2553 10.7193 21.5432C10.0047 21.8324 9.42909 21.9832 8.98897 21.9981C8.31962 22.0266 7.65244 21.7319 6.98649 21.1127C6.56144 20.742 6.02979 20.1064 5.3929 19.2061C4.70956 18.2446 4.14777 17.1297 3.70764 15.8587C3.23629 14.4857 3 13.1563 3 11.8692C3 10.3948 3.31858 9.12321 3.9567 8.0576C4.4582 7.20166 5.12538 6.52647 5.9604 6.03081C6.79542 5.53514 7.69766 5.28256 8.6693 5.2664C9.20095 5.2664 9.89814 5.43085 10.7645 5.75405C11.6285 6.07834 12.1832 6.24279 12.4264 6.24279C12.6083 6.24279 13.2245 6.0505 14.2692 5.66714C15.2571 5.31162 16.0909 5.16441 16.774 5.2224C18.6249 5.37178 20.0155 6.10142 20.9403 7.41595C19.2849 8.41896 18.466 9.82379 18.4823 11.626C18.4973 13.0297 19.0065 14.1979 20.0074 15.1254C20.4609 15.5558 20.9674 15.8885 21.531 16.1248C21.4088 16.4793 21.2798 16.8188 21.1426 17.1447ZM16.8976 0.440125C16.8976 1.54038 16.4956 2.56768 15.6944 3.51854C14.7275 4.64892 13.558 5.30211 12.2898 5.19904C12.2737 5.06705 12.2643 4.92812 12.2643 4.78214C12.2643 3.7259 12.7241 2.59552 13.5406 1.67127C13.9483 1.20331 14.4668 0.814209 15.0955 0.503814C15.7229 0.19805 16.3164 0.0289566 16.8745 0C16.8908 0.147086 16.8976 0.294196 16.8976 0.440125Z" fill="#707987"/>
+</svg>

src/img/social/apple.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.1426 17.1447C20.8099 17.9133 20.4161 18.6208 19.9598 19.2713C19.3379 20.158 18.8286 20.7719 18.4362 21.1127C17.8278 21.6722 17.176 21.9587 16.478 21.975C15.9769 21.975 15.3726 21.8324 14.6691 21.5432C13.9634 21.2553 13.3148 21.1127 12.7218 21.1127C12.0998 21.1127 11.4328 21.2553 10.7193 21.5432C10.0047 21.8324 9.42909 21.9832 8.98897 21.9981C8.31962 22.0266 7.65244 21.7319 6.98649 21.1127C6.56144 20.742 6.02979 20.1064 5.3929 19.2061C4.70956 18.2446 4.14777 17.1297 3.70764 15.8587C3.23629 14.4857 3 13.1563 3 11.8692C3 10.3948 3.31858 9.12321 3.9567 8.0576C4.4582 7.20166 5.12538 6.52647 5.9604 6.03081C6.79542 5.53514 7.69766 5.28256 8.6693 5.2664C9.20095 5.2664 9.89814 5.43085 10.7645 5.75405C11.6285 6.07834 12.1832 6.24279 12.4264 6.24279C12.6083 6.24279 13.2245 6.0505 14.2692 5.66714C15.2571 5.31162 16.0909 5.16441 16.774 5.2224C18.6249 5.37178 20.0155 6.10142 20.9403 7.41595C19.2849 8.41896 18.466 9.82379 18.4823 11.626C18.4973 13.0297 19.0065 14.1979 20.0074 15.1254C20.4609 15.5558 20.9674 15.8885 21.531 16.1248C21.4088 16.4793 21.2798 16.8188 21.1426 17.1447ZM16.8976 0.440125C16.8976 1.54038 16.4956 2.56768 15.6944 3.51854C14.7275 4.64892 13.558 5.30211 12.2898 5.19904C12.2737 5.06705 12.2643 4.92812 12.2643 4.78214C12.2643 3.7259 12.7241 2.59552 13.5406 1.67127C13.9483 1.20331 14.4668 0.814209 15.0955 0.503814C15.7229 0.19805 16.3164 0.0289566 16.8745 0C16.8908 0.147086 16.8976 0.294196 16.8976 0.440125Z" fill="#313B49"/>
+</svg>

src/img/social/discord-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6239 5.39005C18.2217 4.74665 16.7181 4.27263 15.1459 4.00114C15.1173 3.9959 15.0887 4.00899 15.0739 4.03518C14.8805 4.37913 14.6663 4.82784 14.5163 5.18052C12.8254 4.92736 11.1431 4.92736 9.48679 5.18052C9.33676 4.82 9.11478 4.37913 8.92053 4.03518C8.90578 4.00987 8.87718 3.99677 8.84855 4.00114C7.27725 4.27176 5.7736 4.74579 4.37052 5.39005C4.35838 5.39528 4.34797 5.40402 4.34106 5.41536C1.48894 9.67636 0.707629 13.8326 1.09092 17.9374C1.09265 17.9574 1.10392 17.9767 1.11953 17.9889C3.00127 19.3708 4.82407 20.2097 6.61301 20.7658C6.64164 20.7745 6.67197 20.7641 6.69019 20.7405C7.11337 20.1626 7.49059 19.5532 7.81402 18.9125C7.83311 18.8749 7.81489 18.8304 7.77588 18.8156C7.17754 18.5886 6.6078 18.3119 6.05975 17.9976C6.0164 17.9723 6.01293 17.9103 6.05281 17.8806C6.16814 17.7942 6.2835 17.7043 6.39363 17.6135C6.41355 17.5969 6.44131 17.5934 6.46474 17.6039C10.0652 19.2477 13.9631 19.2477 17.521 17.6039C17.5445 17.5925 17.5722 17.596 17.593 17.6126C17.7032 17.7034 17.8185 17.7942 17.9347 17.8806C17.9746 17.9103 17.972 17.9723 17.9286 17.9976C17.3806 18.318 16.8108 18.5886 16.2116 18.8147C16.1726 18.8295 16.1553 18.8749 16.1744 18.9125C16.5047 19.5523 16.882 20.1617 17.2973 20.7396C17.3147 20.7641 17.3459 20.7745 17.3745 20.7658C19.1721 20.2097 20.9949 19.3708 22.8766 17.9889C22.8931 17.9767 22.9035 17.9583 22.9053 17.9382C23.364 13.1927 22.1369 9.07052 19.6525 5.41623C19.6465 5.40402 19.6361 5.39528 19.6239 5.39005ZM8.35169 15.438C7.26771 15.438 6.37454 14.4428 6.37454 13.2207C6.37454 11.9985 7.25039 11.0033 8.35169 11.0033C9.46163 11.0033 10.3462 12.0072 10.3288 13.2207C10.3288 14.4428 9.45296 15.438 8.35169 15.438ZM15.6619 15.438C14.5779 15.438 13.6847 14.4428 13.6847 13.2207C13.6847 11.9985 14.5606 11.0033 15.6619 11.0033C16.7718 11.0033 17.6563 12.0072 17.639 13.2207C17.639 14.4428 16.7718 15.438 15.6619 15.438Z" fill="#707987"/>
+</svg>

src/img/social/discord.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6239 5.39005C18.2217 4.74665 16.7181 4.27263 15.1459 4.00114C15.1173 3.9959 15.0887 4.00899 15.0739 4.03518C14.8805 4.37913 14.6663 4.82784 14.5163 5.18052C12.8254 4.92736 11.1431 4.92736 9.48679 5.18052C9.33676 4.82 9.11478 4.37913 8.92053 4.03518C8.90578 4.00987 8.87718 3.99677 8.84855 4.00114C7.27725 4.27176 5.7736 4.74579 4.37052 5.39005C4.35838 5.39528 4.34797 5.40402 4.34106 5.41536C1.48894 9.67636 0.707629 13.8326 1.09092 17.9374C1.09265 17.9574 1.10392 17.9766 1.11953 17.9889C3.00127 19.3708 4.82406 20.2097 6.61301 20.7658C6.64164 20.7745 6.67197 20.764 6.69019 20.7405C7.11337 20.1626 7.49059 19.5532 7.81402 18.9125C7.83311 18.8749 7.81489 18.8304 7.77588 18.8156C7.17754 18.5886 6.6078 18.3119 6.05975 17.9976C6.0164 17.9723 6.01293 17.9103 6.05281 17.8806C6.16814 17.7942 6.2835 17.7043 6.39363 17.6135C6.41355 17.5969 6.44131 17.5934 6.46474 17.6039C10.0652 19.2477 13.9631 19.2477 17.521 17.6039C17.5445 17.5925 17.5722 17.596 17.593 17.6126C17.7032 17.7034 17.8185 17.7942 17.9347 17.8806C17.9746 17.9103 17.972 17.9723 17.9286 17.9976C17.3806 18.318 16.8108 18.5886 16.2116 18.8147C16.1726 18.8295 16.1553 18.8749 16.1744 18.9125C16.5047 19.5523 16.882 20.1617 17.2973 20.7396C17.3147 20.764 17.3459 20.7745 17.3745 20.7658C19.1721 20.2097 20.9949 19.3708 22.8766 17.9889C22.8931 17.9766 22.9035 17.9583 22.9053 17.9382C23.364 13.1927 22.1369 9.07052 19.6525 5.41623C19.6465 5.40402 19.6361 5.39528 19.6239 5.39005ZM8.35169 15.438C7.26771 15.438 6.37454 14.4428 6.37454 13.2207C6.37454 11.9985 7.25039 11.0033 8.35169 11.0033C9.46163 11.0033 10.3462 12.0072 10.3288 13.2207C10.3288 14.4428 9.45296 15.438 8.35169 15.438ZM15.6619 15.438C14.5779 15.438 13.6847 14.4428 13.6847 13.2207C13.6847 11.9985 14.5606 11.0033 15.6619 11.0033C16.7718 11.0033 17.6563 12.0072 17.639 13.2207C17.639 14.4428 16.7718 15.438 15.6619 15.438Z" fill="#5865F2"/>
+</svg>

src/img/social/dribbble-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92733 1 1 5.92733 1 12C1 18.0727 5.92733 23 12 23C18.0607 23 23 18.0727 23 12C23 5.92733 18.0607 1 12 1ZM19.2657 6.0705C20.5781 7.6692 21.3655 9.70932 21.3894 11.9165C21.0792 11.8569 17.9772 11.2245 14.8514 11.6182C14.7798 11.4631 14.7202 11.2961 14.6486 11.1291C14.4577 10.6757 14.243 10.2104 14.0282 9.76899C17.488 8.3612 19.0629 6.33297 19.2657 6.0705ZM12 2.62256C14.3861 2.62256 16.5694 3.51736 18.2278 4.98482C18.0607 5.22343 16.641 7.12039 13.3004 8.37309C11.7614 5.54555 10.0553 3.23102 9.79285 2.8731C10.4967 2.70607 11.2365 2.62256 12 2.62256ZM8.00329 3.50542C8.25381 3.83948 9.92409 6.16594 11.487 8.93382C7.09653 10.1031 3.21909 10.0792 2.80152 10.0792C3.40998 7.16811 5.37852 4.7462 8.00329 3.50542ZM2.5987 12.012C2.5987 11.9165 2.5987 11.821 2.5987 11.7256C3.00434 11.7375 7.56182 11.7972 12.2505 10.3894C12.525 10.9143 12.7755 11.4512 13.0141 11.988C12.8948 12.0239 12.7635 12.0597 12.6443 12.0954C7.80043 13.6583 5.22343 17.9295 5.00868 18.2874C3.51735 16.6291 2.5987 14.4219 2.5987 12.012ZM12 21.4013C9.8286 21.4013 7.8243 20.6616 6.23753 19.4208C6.40455 19.0749 8.31342 15.4002 13.6106 13.551C13.6345 13.539 13.6464 13.539 13.6703 13.5271C14.9945 16.9512 15.5315 19.8264 15.6746 20.6496C14.5412 21.1388 13.3004 21.4013 12 21.4013ZM17.2375 19.7907C17.1421 19.218 16.641 16.474 15.4121 13.0976C18.359 12.6323 20.936 13.3959 21.2582 13.5033C20.8525 16.1161 19.3492 18.3709 17.2375 19.7907Z" fill="#707987"/>
+</svg>

src/img/social/dribbble.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.6562C17.8853 22.6562 22.6562 17.8853 22.6562 12C22.6562 6.11472 17.8853 1.34375 12 1.34375C6.11472 1.34375 1.34375 6.11472 1.34375 12C1.34375 17.8853 6.11472 22.6562 12 22.6562Z" fill="#EA4C89"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 1C5.92733 1 1 5.92733 1 12C1 18.0727 5.92733 23 12 23C18.0607 23 23 18.0727 23 12C23 5.92733 18.0607 1 12 1ZM19.2657 6.0705C20.5781 7.6692 21.3655 9.70932 21.3894 11.9165C21.0792 11.8569 17.9772 11.2245 14.8514 11.6182C14.7798 11.4631 14.7202 11.2961 14.6486 11.1291C14.4577 10.6757 14.243 10.2104 14.0282 9.76899C17.488 8.3612 19.0629 6.33297 19.2657 6.0705ZM12 2.62256C14.3861 2.62256 16.5694 3.51736 18.2278 4.98482C18.0607 5.22343 16.641 7.12039 13.3004 8.37309C11.7614 5.54555 10.0553 3.23102 9.79285 2.8731C10.4967 2.70607 11.2365 2.62256 12 2.62256ZM8.00329 3.50542C8.25381 3.83948 9.92409 6.16594 11.487 8.93382C7.09653 10.1031 3.21909 10.0792 2.80152 10.0792C3.40998 7.16811 5.37852 4.7462 8.00329 3.50542ZM2.5987 12.012C2.5987 11.9165 2.5987 11.821 2.5987 11.7256C3.00434 11.7375 7.56182 11.7972 12.2505 10.3894C12.525 10.9143 12.7755 11.4512 13.0141 11.988C12.8948 12.0239 12.7635 12.0597 12.6443 12.0954C7.80043 13.6583 5.22343 17.9295 5.00868 18.2874C3.51735 16.6291 2.5987 14.4219 2.5987 12.012ZM12 21.4013C9.8286 21.4013 7.8243 20.6616 6.23753 19.4208C6.40455 19.0749 8.31342 15.4002 13.6106 13.551C13.6345 13.539 13.6464 13.539 13.6703 13.5271C14.9945 16.9512 15.5315 19.8264 15.6746 20.6496C14.5412 21.1388 13.3004 21.4013 12 21.4013ZM17.2375 19.7907C17.1421 19.218 16.641 16.474 15.4121 13.0976C18.359 12.6323 20.936 13.3959 21.2582 13.5033C20.8525 16.1161 19.3492 18.3709 17.2375 19.7907Z" fill="#C32361"/>
+</svg>

src/img/social/facebook-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 12C23 5.92486 18.0751 1 12 1C5.92486 1 1 5.92486 1 12C1 17.4903 5.02252 22.0412 10.2812 22.8664V15.1797H7.48828V12H10.2812V9.57656C10.2812 6.81969 11.9235 5.29688 14.4361 5.29688C15.6392 5.29688 16.8984 5.51172 16.8984 5.51172V8.21875H15.5114C14.145 8.21875 13.7188 9.06674 13.7188 9.9375V12H16.7695L16.2818 15.1797H13.7188V22.8664C18.9775 22.0412 23 17.4903 23 12Z" fill="#707987"/>
+</svg>

src/img/social/facebook.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 12C23 5.92486 18.0751 1 12 1C5.92486 1 1 5.92486 1 12C1 17.4903 5.02252 22.0412 10.2812 22.8664V15.1797H7.48828V12H10.2812V9.57656C10.2812 6.81969 11.9235 5.29688 14.4361 5.29688C15.6392 5.29688 16.8984 5.51172 16.8984 5.51172V8.21875H15.5114C14.145 8.21875 13.7188 9.06674 13.7188 9.9375V12H16.7695L16.2818 15.1797H13.7188V22.8664C18.9775 22.0412 23 17.4903 23 12Z" fill="#1877F2"/>
+<path d="M16.2818 15.1797L16.7695 12H13.7188V9.9375C13.7188 9.0676 14.145 8.21875 15.5114 8.21875H16.8984V5.51172C16.8984 5.51172 15.6392 5.29688 14.4361 5.29688C11.9235 5.29688 10.2812 6.81969 10.2812 9.57656V12H7.48828V15.1797H10.2812V22.8664C11.4202 23.0445 12.5798 23.0445 13.7188 22.8664V15.1797H16.2818Z" fill="white"/>
+</svg>

src/img/social/figma-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.2416 5.24163C19.2416 2.90001 17.3415 1 14.9999 1H8.24162C5.90001 1 3.99997 2.90001 3.99997 5.24163C3.99997 6.62098 4.65932 7.8464 5.67847 8.62077C4.65932 9.39518 3.99997 10.6206 3.99997 12C3.99997 13.3793 4.65932 14.6048 5.67849 15.3792C4.65933 16.1536 3.99997 17.379 3.99997 18.7584C3.99997 21.1 5.90001 23 8.24162 23C10.5832 23 12.4833 21.1 12.4833 18.7584V15.414C13.1872 15.9338 14.0578 16.2416 14.9999 16.2416C17.3415 16.2416 19.2416 14.3416 19.2416 12C19.2416 10.6206 18.5822 9.39518 17.5631 8.62078C18.5822 7.8464 19.2416 6.62098 19.2416 5.24163ZM8.24162 7.75835L10.7583 7.75835V2.7248H8.24162C6.85258 2.7248 5.72477 3.8526 5.72477 5.24163C5.72477 6.62772 6.84785 7.75367 8.23291 7.75836L8.24162 7.75835ZM17.5168 5.24163C17.5168 6.62773 16.3937 7.7537 15.0086 7.75836L14.9999 7.75835L14.9861 7.75837H12.4833V2.7248H14.9999C16.389 2.7248 17.5168 3.8526 17.5168 5.24163ZM12.4833 12.0327C12.5008 13.4066 13.6218 14.5168 14.9999 14.5168C16.389 14.5168 17.5168 13.389 17.5168 12C17.5168 10.6138 16.3936 9.48778 15.0085 9.48316L15.0077 9.48316L14.9999 9.48317H14.9888C13.6158 9.48912 12.5007 10.5971 12.4833 11.9673V12.0327ZM8.23297 9.48316L8.2411 9.48317H10.7583C10.7584 11.161 10.7585 12.8389 10.7585 14.5167H8.24159C6.85257 14.5168 5.72477 13.389 5.72477 12C5.72477 10.6138 6.84791 9.48782 8.23297 9.48316ZM8.24162 16.2415C6.85258 16.2415 5.72477 17.3694 5.72477 18.7584C5.72477 20.1474 6.85258 21.2752 8.24162 21.2752C9.63067 21.2752 10.7585 20.1474 10.7585 18.7584V16.2415H8.24162Z" fill="#707987"/>
+</svg>

src/img/social/figma.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66672 23C10.6907 23 12.3334 21.3573 12.3334 19.3333V15.6666H8.66672C6.64271 15.6666 5 17.3093 5 19.3333C5 21.3573 6.64271 23 8.66672 23Z" fill="#0ACF83"/>
+<path d="M5 12C5 9.97599 6.64271 8.33329 8.66672 8.33329H12.3334V15.6666H8.66672C6.64271 15.6667 5 14.024 5 12Z" fill="#A259FF"/>
+<path d="M5 4.6667C5 2.6427 6.64271 1 8.66672 1H12.3334V8.33329H8.66672C6.64271 8.33329 5 6.69069 5 4.6667Z" fill="#F24E1E"/>
+<path d="M12.3334 1H15.9999C18.024 1 19.6667 2.6427 19.6667 4.6667C19.6667 6.69069 18.024 8.3333 15.9999 8.3333L12.3334 8.33329V1Z" fill="#FF7262"/>
+<path d="M19.6667 12C19.6667 14.024 18.024 15.6667 15.9999 15.6667C13.9759 15.6667 12.3332 14.024 12.3332 12C12.3332 9.97599 13.9759 8.3333 15.9999 8.3333C18.024 8.3333 19.6667 9.97599 19.6667 12Z" fill="#1ABCFE"/>
+</svg>

src/img/social/github-gray.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9962 1C9.3848 1.00135 6.85899 1.92628 4.87046 3.60937C2.88192 5.29247 1.56033 7.624 1.14199 10.187C0.723651 12.7501 1.23584 15.3775 2.58699 17.5996C3.93814 19.8216 6.04013 21.4933 8.5171 22.3157C9.06356 22.4172 9.2694 22.0785 9.2694 21.7905C9.2694 21.5025 9.25846 20.6676 9.25482 19.7547C6.19464 20.4158 5.548 18.4634 5.548 18.4634C5.0489 17.1955 4.32757 16.8623 4.32757 16.8623C3.32936 16.1849 4.40226 16.1976 4.40226 16.1976C5.50793 16.2755 6.089 17.3259 6.089 17.3259C7.06899 18.9977 8.66282 18.5141 9.28943 18.2315C9.38779 17.5234 9.67378 17.0416 9.9889 16.7681C7.5444 16.4928 4.97603 15.5546 4.97603 11.3635C4.96088 10.2766 5.36653 9.22549 6.10903 8.42763C5.9961 8.15233 5.61903 7.04027 6.2165 5.52975C6.2165 5.52975 7.14003 5.23634 9.24208 6.65087C11.0451 6.16061 12.9474 6.16061 14.7504 6.65087C16.8506 5.23634 17.7723 5.52975 17.7723 5.52975C18.3716 7.03665 17.9946 8.14871 17.8816 8.42763C18.6265 9.22562 19.033 10.2786 19.0164 11.3672C19.0164 15.5673 16.4426 16.4928 13.9945 16.7627C14.3879 17.1032 14.7395 17.7679 14.7395 18.7894C14.7395 20.2528 14.7267 21.4301 14.7267 21.7905C14.7267 22.0821 14.9253 22.4226 15.4827 22.3157C17.9599 21.4932 20.0621 19.8212 21.4132 17.5988C22.7644 15.3764 23.2763 12.7485 22.8575 10.1853C22.4387 7.62198 21.1164 5.29043 19.1272 3.60762C17.138 1.92481 14.6116 1.0005 11.9999 1H11.9962Z" fill="#707987"/>
+<path d="M8.35476 18.8527C8.35476 18.9415 8.25276 19.0176 8.12161 19.0194C7.99045 19.0212 7.88298 18.9487 7.88298 18.86C7.88298 18.7712 7.98498 18.6952 8.11614 18.6934C8.24729 18.6916 8.35476 18.7622 8.35476 18.8527Z" fill="#707987"/>
+<path d="M9.19267 18.7133C9.20906 18.802 9.11798 18.8944 8.98683 18.9161C8.85568 18.9379 8.74093 18.8854 8.72453 18.7984C8.70814 18.7115 8.80286 18.6173 8.93037 18.5938C9.05787 18.5702 9.17627 18.6245 9.19267 18.7133Z" fill="#707987"/>
+<path d="M7.45488 18.7912C7.42756 18.8763 7.30369 18.9143 7.17983 18.8781C7.05596 18.8419 6.974 18.7405 6.99767 18.6535C7.02136 18.5666 7.14704 18.5267 7.27273 18.5666C7.39841 18.6064 7.47856 18.7024 7.45488 18.7912Z" fill="#707987"/>
+<path d="M6.62975 18.4362C6.56964 18.5032 6.4476 18.4851 6.34742 18.3945C6.24723 18.304 6.22355 18.1808 6.28366 18.1156C6.34377 18.0504 6.46581 18.0685 6.56964 18.1573C6.67347 18.246 6.69351 18.371 6.62975 18.4362Z" fill="#707987"/>
+<path d="M6.04141 17.8276C5.97402 17.8747 5.85925 17.8276 5.7955 17.7335C5.77787 17.7166 5.76385 17.6963 5.75428 17.6739C5.7447 17.6515 5.73976 17.6274 5.73976 17.603C5.73976 17.5787 5.7447 17.5546 5.75428 17.5322C5.76385 17.5098 5.77787 17.4895 5.7955 17.4726C5.8629 17.4274 5.97766 17.4726 6.04141 17.565C6.10517 17.6574 6.10699 17.7805 6.04141 17.8276Z" fill="#707987"/>
+<path d="M5.60786 17.1992C5.57014 17.2181 5.52698 17.2233 5.48578 17.2141C5.44457 17.2048 5.40789 17.1816 5.38199 17.1484C5.31095 17.0724 5.29637 16.9673 5.35102 16.9202C5.40566 16.8731 5.50404 16.8949 5.57508 16.9709C5.64612 17.047 5.66251 17.1521 5.60786 17.1992Z" fill="#707987"/>
+<path d="M5.16157 16.7047C5.13789 16.759 5.05046 16.7753 4.97942 16.7373C4.90838 16.6993 4.85556 16.6286 4.88106 16.5725C4.90656 16.5163 4.99217 16.5019 5.06321 16.5399C5.13425 16.5779 5.18889 16.6504 5.16157 16.7047Z" fill="#707987"/>
+</svg>

src/img/social/github.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9962 1C9.3848 1.00135 6.85899 1.92628 4.87046 3.60937C2.88192 5.29247 1.56033 7.624 1.14199 10.187C0.723652 12.7501 1.23584 15.3775 2.58699 17.5996C3.93814 19.8216 6.04013 21.4933 8.5171 22.3157C9.06356 22.4172 9.2694 22.0785 9.2694 21.7905C9.2694 21.5025 9.25846 20.6676 9.25482 19.7547C6.19464 20.4158 5.548 18.4634 5.548 18.4634C5.0489 17.1955 4.32757 16.8623 4.32757 16.8623C3.32936 16.1849 4.40226 16.1976 4.40226 16.1976C5.50793 16.2755 6.089 17.3259 6.089 17.3259C7.06899 18.9977 8.66282 18.5141 9.28943 18.2315C9.38779 17.5234 9.67378 17.0416 9.9889 16.7681C7.5444 16.4928 4.97603 15.5546 4.97603 11.3635C4.96088 10.2766 5.36653 9.22549 6.10903 8.42763C5.9961 8.15233 5.61903 7.04027 6.2165 5.52975C6.2165 5.52975 7.14003 5.23634 9.24208 6.65087C11.0451 6.16061 12.9474 6.16061 14.7504 6.65087C16.8506 5.23634 17.7723 5.52975 17.7723 5.52975C18.3716 7.03665 17.9946 8.14871 17.8816 8.42763C18.6265 9.22562 19.033 10.2786 19.0164 11.3672C19.0164 15.5673 16.4426 16.4928 13.9945 16.7627C14.3879 17.1032 14.7395 17.7679 14.7395 18.7894C14.7395 20.2528 14.7267 21.4301 14.7267 21.7905C14.7267 22.0821 14.9253 22.4226 15.4827 22.3157C17.9599 21.4932 20.0621 19.8212 21.4132 17.5988C22.7644 15.3764 23.2763 12.7485 22.8575 10.1853C22.4387 7.62198 21.1164 5.29043 19.1272 3.60762C17.138 1.92481 14.6116 1.0005 11.9999 1H11.9962Z" fill="#313B49"/>
+<path d="M8.35476 18.8527C8.35476 18.9415 8.25276 19.0176 8.12161 19.0194C7.99045 19.0212 7.88298 18.9487 7.88298 18.86C7.88298 18.7712 7.98499 18.6952 8.11614 18.6934C8.24729 18.6916 8.35476 18.7622 8.35476 18.8527Z" fill="#313B49"/>
+<path d="M9.19267 18.7133C9.20906 18.802 9.11798 18.8944 8.98683 18.9161C8.85568 18.9379 8.74093 18.8853 8.72453 18.7984C8.70814 18.7115 8.80286 18.6173 8.93037 18.5938C9.05787 18.5702 9.17627 18.6245 9.19267 18.7133Z" fill="#313B49"/>
+<path d="M7.45488 18.7912C7.42756 18.8763 7.30369 18.9143 7.17983 18.8781C7.05596 18.8419 6.974 18.7405 6.99767 18.6535C7.02135 18.5666 7.14704 18.5267 7.27273 18.5666C7.39841 18.6064 7.47856 18.7024 7.45488 18.7912Z" fill="#313B49"/>
+<path d="M6.62975 18.4362C6.56964 18.5032 6.4476 18.4851 6.34742 18.3945C6.24723 18.304 6.22355 18.1808 6.28366 18.1156C6.34377 18.0504 6.46581 18.0685 6.56964 18.1573C6.67347 18.246 6.69351 18.371 6.62975 18.4362Z" fill="#313B49"/>
+<path d="M6.04141 17.8276C5.97402 17.8747 5.85925 17.8276 5.7955 17.7335C5.77787 17.7166 5.76385 17.6963 5.75428 17.6739C5.7447 17.6515 5.73976 17.6274 5.73976 17.603C5.73976 17.5787 5.7447 17.5546 5.75428 17.5322C5.76385 17.5098 5.77787 17.4895 5.7955 17.4726C5.8629 17.4274 5.97766 17.4726 6.04141 17.565C6.10517 17.6574 6.10699 17.7805 6.04141 17.8276Z" fill="#313B49"/>
+<path d="M5.60786 17.1992C5.57014 17.2181 5.52698 17.2233 5.48578 17.2141C5.44457 17.2048 5.40789 17.1816 5.38199 17.1484C5.31095 17.0724 5.29637 16.9673 5.35102 16.9202C5.40566 16.8731 5.50404 16.8949 5.57508 16.9709C5.64612 17.047 5.66251 17.1521 5.60786 17.1992Z" fill="#313B49"/>
+<path d="M5.16157 16.7047C5.13789 16.759 5.05046 16.7753 4.97942 16.7373C4.90838 16.6993 4.85555 16.6286 4.88106 16.5725C4.90656 16.5163 4.99217 16.5019 5.06321 16.5399C5.13425 16.5779 5.18889 16.6504 5.16157 16.7047Z" fill="#313B49"/>
+</svg>

src/img/social/google-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2192 7.00274C15.0835 5.91955 13.5678 5.32946 11.9996 5.35371C9.12998 5.35371 6.69281 7.28969 5.82383 9.8966C5.36307 11.2627 5.36307 12.742 5.82383 14.1082H5.82786C6.70088 16.711 9.13401 18.647 12.0037 18.647C13.485 18.647 14.7567 18.2681 15.7423 17.5989V17.5962C16.9023 16.8283 17.6945 15.6198 17.941 14.2537H11.9996V10.0179H22.3748C22.5042 10.7535 22.5648 11.5053 22.5648 12.253C22.5648 15.5986 21.3691 18.4271 19.2888 20.3429L19.2909 20.3446C17.4681 22.0259 14.9663 23 11.9996 23C7.84065 23 4.03736 20.6558 2.17008 16.9414C0.609971 13.8333 0.609975 10.1715 2.17009 7.06339C4.03737 3.34498 7.84065 1.00074 11.9996 1.00074C14.7318 0.968407 17.3711 1.99501 19.3596 3.8623L16.2192 7.00274Z" fill="#707987"/>
+</svg>

src/img/social/google.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5648 12.253C22.5648 11.5053 22.5042 10.7535 22.3748 10.0179H11.9996V14.2537H17.941C17.6945 15.6198 16.9023 16.8283 15.7423 17.5962V20.3446H19.2869C21.3684 18.4288 22.5648 15.5996 22.5648 12.253Z" fill="#4285F4"/>
+<path d="M11.9996 23C14.9663 23 17.4681 22.0259 19.2909 20.3446L15.7463 17.5962C14.7601 18.2671 13.487 18.647 12.0037 18.647C9.13402 18.647 6.70088 16.711 5.82787 14.1082H2.17008V16.9414C4.03737 20.6558 7.84066 23 11.9996 23Z" fill="#34A853"/>
+<path d="M5.82383 14.1081C5.36307 12.742 5.36307 11.2628 5.82383 9.89665V7.06338H2.17009C0.609977 10.1715 0.609966 13.8333 2.17008 16.9414L5.82383 14.1081Z" fill="#FBBC04"/>
+<path d="M11.9996 5.35371C13.5678 5.32946 15.0835 5.91955 16.2192 7.00274L19.3596 3.8623C17.3711 1.99501 14.7318 0.968407 11.9996 1.00074C7.84066 1.00074 4.03738 3.34497 2.17009 7.06338L5.82383 9.89665C6.69281 7.28972 9.12998 5.35371 11.9996 5.35371Z" fill="#EA4335"/>
+</svg>

src/img/social/linkedin-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3715 1H2.62422C1.72617 1 1 1.70898 1 2.58555V21.4102C1 22.2867 1.72617 23 2.62422 23H21.3715C22.2695 23 23 22.2867 23 21.4145V2.58555C23 1.70898 22.2695 1 21.3715 1ZM7.52695 19.7473H4.26133V9.2457H7.52695V19.7473ZM5.89414 7.81484C4.8457 7.81484 3.99922 6.96836 3.99922 5.92422C3.99922 4.88008 4.8457 4.03359 5.89414 4.03359C6.93828 4.03359 7.78477 4.88008 7.78477 5.92422C7.78477 6.96406 6.93828 7.81484 5.89414 7.81484ZM19.7473 19.7473H16.4859V14.6426C16.4859 13.4266 16.4645 11.8582 14.7887 11.8582C13.0914 11.8582 12.8336 13.1859 12.8336 14.5566V19.7473H9.57656V9.2457H12.7047V10.6809H12.7477C13.1816 9.85586 14.2473 8.98359 15.8328 8.98359C19.1371 8.98359 19.7473 11.1578 19.7473 13.9852V19.7473Z" fill="#707987"/>
+</svg>

src/img/social/linkedin.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.376 1H2.62403C2.19331 1 1.78023 1.1711 1.47567 1.47567C1.1711 1.78023 1 2.19331 1 2.62403V21.376C1 21.8067 1.1711 22.2198 1.47567 22.5243C1.78023 22.8289 2.19331 23 2.62403 23H21.376C21.8067 23 22.2198 22.8289 22.5243 22.5243C22.8289 22.2198 23 21.8067 23 21.376V2.62403C23 2.19331 22.8289 1.78023 22.5243 1.47567C22.2198 1.1711 21.8067 1 21.376 1ZM7.55722 19.7413H4.24958V9.23472H7.55722V19.7413ZM5.90111 7.77875C5.52592 7.77664 5.15976 7.66343 4.84884 7.45341C4.53792 7.2434 4.29619 6.94599 4.15414 6.59871C4.01209 6.25144 3.97609 5.86988 4.0507 5.50217C4.1253 5.13446 4.30715 4.79709 4.57331 4.53263C4.83947 4.26818 5.178 4.08849 5.54618 4.01626C5.91436 3.94402 6.29569 3.98246 6.64204 4.12674C6.98839 4.27101 7.28424 4.51465 7.49226 4.82691C7.70027 5.13917 7.81113 5.50605 7.81083 5.88125C7.81437 6.13245 7.7673 6.38179 7.67243 6.6144C7.57755 6.84702 7.43682 7.05816 7.25861 7.23523C7.0804 7.4123 6.86836 7.55168 6.63514 7.64505C6.40192 7.73843 6.15228 7.7839 5.90111 7.77875ZM19.7489 19.7504H16.4428V14.0106C16.4428 12.3178 15.7232 11.7953 14.7943 11.7953C13.8135 11.7953 12.851 12.5347 12.851 14.0533V19.7504H9.54333V9.24236H12.7242V10.6983H12.7669C13.0863 10.0521 14.2046 8.9475 15.9111 8.9475C17.7567 8.9475 19.7504 10.0429 19.7504 13.2513L19.7489 19.7504Z" fill="#0A66C2"/>
+</svg>

src/img/social/medium-gray.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 12.2587C23 15.1731 22.5116 17.5371 21.9089 17.5371C21.3062 17.5371 20.818 15.1737 20.818 12.2587C20.818 9.34371 21.3064 6.98032 21.9089 6.98032C22.5114 6.98032 23 9.3435 23 12.2587Z" fill="#707987"/>
+<path d="M20.2159 12.2587C20.2159 15.5123 18.8269 18.1508 17.1135 18.1508C15.4001 18.1508 14.0111 15.5123 14.0111 12.2587C14.0111 9.00519 15.3999 6.36662 17.1133 6.36662C18.8267 6.36662 20.2159 9.00435 20.2159 12.2587Z" fill="#707987"/>
+<path d="M13.4093 12.2587C13.4093 15.7152 10.6314 18.5173 7.20477 18.5173C3.77817 18.5173 1 15.7146 1 12.2587C1 8.80287 3.77796 6 7.20477 6C10.6316 6 13.4093 8.80224 13.4093 12.2587Z" fill="#707987"/>
+</svg>

src/img/social/medium.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 12.2587C23 15.1731 22.5116 17.5371 21.9089 17.5371C21.3062 17.5371 20.818 15.1737 20.818 12.2587C20.818 9.34371 21.3064 6.98032 21.9089 6.98032C22.5114 6.98032 23 9.3435 23 12.2587Z" fill="#313B49"/>
+<path d="M20.2159 12.2587C20.2159 15.5123 18.8269 18.1508 17.1135 18.1508C15.4001 18.1508 14.0111 15.5123 14.0111 12.2587C14.0111 9.00519 15.3999 6.36662 17.1133 6.36662C18.8267 6.36662 20.2159 9.00435 20.2159 12.2587Z" fill="#313B49"/>
+<path d="M13.4093 12.2587C13.4093 15.7152 10.6314 18.5173 7.20477 18.5173C3.77817 18.5173 1 15.7146 1 12.2587C1 8.80287 3.77796 6 7.20477 6C10.6316 6 13.4093 8.80224 13.4093 12.2587Z" fill="#313B49"/>
+</svg>

src/img/social/meta-gray.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515C3.39574 17.1081 3.91149 17.343 4.43745 17.343C5.11149 17.343 5.72936 17.1745 6.91915 15.5302C7.87404 14.2077 8.99745 12.354 9.75319 11.1949L11.0349 9.22383C11.9234 7.85532 12.9549 6.33872 14.1345 5.30723C15.0996 4.46468 16.1362 4 17.183 4C18.9396 4 20.6145 5.01617 21.8962 6.93106C23.2953 9.01957 23.9796 11.6545 23.9796 14.3762C23.9796 15.9898 23.6579 17.1796 23.1166 18.1191C22.5957 19.023 21.5745 19.9319 19.8536 19.9319V17.343C21.3243 17.343 21.6919 15.9949 21.6919 14.4477C21.6919 12.2417 21.1813 9.79574 20.0477 8.04936C19.246 6.80851 18.2043 6.05277 17.0604 6.05277C15.8196 6.05277 14.8238 6.98723 13.7055 8.65192C13.1081 9.53532 12.5004 10.6179 11.8111 11.8332L11.0553 13.1711C9.53872 15.8621 9.15574 16.4749 8.39489 17.4911C7.06723 19.263 5.92851 19.9319 4.43745 19.9319C2.66043 19.9319 1.54213 19.166 0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119L2.58894 14.5089Z" fill="#707987"/>
+<path d="M2.04248 7.10979C3.22716 5.2817 4.94291 4 6.90886 4C8.04759 4 9.1761 4.33702 10.3608 5.30213C11.6527 6.35915 13.0314 8.09532 14.7472 10.96L15.365 11.9864C16.851 14.463 17.6986 15.7396 18.194 16.3421C18.8323 17.1132 19.2765 17.343 19.8535 17.343C21.3242 17.343 21.6918 15.9949 21.6918 14.4477L23.9795 14.3762C23.9795 15.9898 23.6578 17.1796 23.1165 18.1191C22.5957 19.023 21.5744 19.9319 19.8535 19.9319C18.7863 19.9319 17.8416 19.7021 16.7948 18.7115C15.9931 17.9557 15.0535 16.6128 14.3284 15.4026L12.1786 11.8077C11.1012 10.0051 10.1106 8.65702 9.53865 8.04936C8.92078 7.39575 8.12929 6.60426 6.86801 6.60426C5.84163 6.60426 4.97354 7.32426 4.24844 8.42213L2.04248 7.10979Z" fill="#707987"/>
+<path d="M6.86809 6.60426C5.8417 6.60426 4.97362 7.32426 4.24851 8.42213C3.21702 9.97447 2.58894 12.2877 2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515L0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119C0 11.8485 0.704681 9.17787 2.04255 7.10979C3.22723 5.2817 4.94298 4 6.90894 4L6.86809 6.60426Z" fill="#707987"/>
+</svg>

src/img/social/meta.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515C3.39574 17.1081 3.91149 17.343 4.43745 17.343C5.11149 17.343 5.72936 17.1745 6.91915 15.5302C7.87404 14.2077 8.99745 12.354 9.75319 11.1949L11.0349 9.22383C11.9234 7.85532 12.9549 6.33872 14.1345 5.30723C15.0996 4.46468 16.1362 4 17.183 4C18.9396 4 20.6145 5.01617 21.8962 6.93106C23.2953 9.01957 23.9796 11.6545 23.9796 14.3762C23.9796 15.9898 23.6579 17.1796 23.1166 18.1191C22.5957 19.023 21.5745 19.9319 19.8536 19.9319V17.343C21.3243 17.343 21.6919 15.9949 21.6919 14.4477C21.6919 12.2417 21.1813 9.79574 20.0477 8.04936C19.246 6.80851 18.2043 6.05277 17.0604 6.05277C15.8196 6.05277 14.8238 6.98723 13.7055 8.65192C13.1081 9.53532 12.5004 10.6179 11.8111 11.8332L11.0553 13.1711C9.53872 15.8621 9.15574 16.4749 8.39489 17.4911C7.06723 19.263 5.92851 19.9319 4.43745 19.9319C2.66043 19.9319 1.54213 19.166 0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119L2.58894 14.5089Z" fill="#0081FB"/>
+<path d="M2.04248 7.10979C3.22716 5.2817 4.94291 4 6.90886 4C8.04759 4 9.1761 4.33702 10.3608 5.30213C11.6527 6.35915 13.0314 8.09532 14.7472 10.96L15.365 11.9864C16.851 14.463 17.6986 15.7396 18.194 16.3421C18.8323 17.1132 19.2765 17.343 19.8535 17.343C21.3242 17.343 21.6918 15.9949 21.6918 14.4477L23.9795 14.3762C23.9795 15.9898 23.6578 17.1796 23.1165 18.1191C22.5957 19.023 21.5744 19.9319 19.8535 19.9319C18.7863 19.9319 17.8416 19.7021 16.7948 18.7115C15.9931 17.9557 15.0535 16.6128 14.3284 15.4026L12.1786 11.8077C11.1012 10.0051 10.1106 8.65702 9.53865 8.04936C8.92078 7.39575 8.12929 6.60426 6.86801 6.60426C5.84163 6.60426 4.97354 7.32426 4.24844 8.42213L2.04248 7.10979Z" fill="url(#paint0_linear_183_4903)"/>
+<path d="M6.86809 6.60426C5.8417 6.60426 4.97362 7.32426 4.24851 8.42213C3.21702 9.97447 2.58894 12.2877 2.58894 14.5089C2.58894 15.423 2.79319 16.1277 3.05362 16.5515L0.84766 18.0068C0.280851 17.0621 0 15.8264 0 14.4119C0 11.8485 0.704681 9.17787 2.04255 7.10979C3.22723 5.2817 4.94298 4 6.90894 4L6.86809 6.60426Z" fill="url(#paint1_linear_183_4903)"/>
+<defs>
+<linearGradient id="paint0_linear_183_4903" x1="5.08588" y1="13.7583" x2="21.5948" y2="14.5957" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0064E1"/>
+<stop offset="0.4" stop-color="#0064E1"/>
+<stop offset="0.8" stop-color="#0073EE"/>
+<stop offset="1" stop-color="#0082FB"/>
+</linearGradient>
+<linearGradient id="paint1_linear_183_4903" x1="3.75319" y1="15.5966" x2="3.75319" y2="9.50468" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0082FB"/>
+<stop offset="1" stop-color="#0064E0"/>
+</linearGradient>
+</defs>
+</svg>

src/img/social/metamask-gray.svg

@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9049 2L13.3206 8.37569L14.908 4.61412L21.9049 2Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.08728 2L10.6026 8.43608L9.09277 4.61412L2.08728 2ZM18.8159 16.7788L16.5296 20.2816L21.4214 21.6275L22.8277 16.8565L18.8159 16.7788ZM1.1814 16.8565L2.57904 21.6275L7.47081 20.2816L5.18453 16.7788L1.1814 16.8565Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.19468 10.8605L5.83154 12.9225L10.6888 13.1382L10.5162 7.91855L7.19468 10.8605ZM16.797 10.8605L13.4323 7.85815L13.3202 13.1382L18.1688 12.9225L16.797 10.8605ZM7.47076 20.2817L10.3868 18.8582L7.86762 16.8911L7.47076 20.2817ZM13.6049 18.8582L16.5296 20.2817L16.1241 16.8911L13.6049 18.8582Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.53 20.2817L13.6053 18.8582L13.8383 20.7648L13.8124 21.5672L16.53 20.2817ZM7.47119 20.2817L10.1888 21.5672L10.1716 20.7648L10.3873 18.8582L7.47119 20.2817Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.4706 20.2817L7.88472 16.779L5.18433 16.8566L7.4706 20.2817ZM16.1153 16.779L16.5294 20.2817L18.8157 16.8566L16.1153 16.779ZM18.1686 12.9225L13.32 13.1382L13.7686 15.6315L14.4847 14.1303L16.2102 14.9154L18.1686 12.9225ZM7.79844 14.9154L9.52393 14.1303L10.2314 15.6315L10.6886 13.1382L5.83139 12.9225L7.79844 14.9154Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.83154 12.9225L7.86762 16.8911L7.7986 14.9154L5.83154 12.9225ZM16.2104 14.9154L16.1241 16.8911L18.1688 12.9225L16.2104 14.9154ZM10.6888 13.1382L10.2315 15.6315L10.801 18.5735L10.9304 14.6997L10.6888 13.1382ZM13.3202 13.1382L13.0872 14.6911L13.1908 18.5735L13.7688 15.6315L13.3202 13.1382Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.769 15.6314L13.191 18.5733L13.6051 18.858L16.1243 16.891L16.2106 14.9153L13.769 15.6314ZM7.79883 14.9153L7.86785 16.891L10.3871 18.858L10.8012 18.5733L10.2318 15.6314L7.79883 14.9153Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.8124 21.5671L13.8383 20.7648L13.6226 20.575H10.37L10.1716 20.7648L10.1888 21.5671L7.47119 20.2816L8.42021 21.0581L10.3441 22.3953H13.6484L15.581 21.0581L16.53 20.2816L13.8124 21.5671Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path opacity="0.8" d="M22.2667 8.78993L23 5.26993L21.9043 2.00012L13.6047 8.16012L16.7969 10.8605L21.309 12.1805L22.3098 11.0158L21.8784 10.7052L22.5686 10.0754L22.0337 9.6613L22.7239 9.13502L22.2667 8.78993ZM1 5.26993L1.73333 8.78993L1.26745 9.13502L1.95765 9.6613L1.43137 10.0754L2.12157 10.7052L1.6902 11.0158L2.68235 12.1805L7.19451 10.8605L10.3867 8.16012L2.08706 2.00012L1 5.26993Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.3092 12.1804L16.7971 10.8604L18.1688 12.9224L16.1241 16.891L18.8159 16.8565H22.8277L21.3092 12.1804ZM7.19473 10.8604L2.68257 12.1804L1.1814 16.8565H5.18453L7.86767 16.891L5.83159 12.9224L7.19473 10.8604ZM13.3202 13.1381L13.6049 8.16002L14.9163 4.61414H9.09277L10.3869 8.16002L10.6888 13.1381L10.7924 14.7083L10.801 18.5734H13.1908L13.2081 14.7083L13.3202 13.1381Z" fill="#707987" stroke="#707987" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/img/social/metamask.svg

@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9049 2L13.3206 8.37569L14.908 4.61412L21.9049 2Z" fill="#E2761B" stroke="#E2761B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.08735 2L10.6026 8.43608L9.09284 4.61412L2.08735 2ZM18.816 16.7788L16.5297 20.2816L21.4215 21.6275L22.8277 16.8565L18.816 16.7788ZM1.18147 16.8565L2.57911 21.6275L7.47088 20.2816L5.1846 16.7788L1.18147 16.8565Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.19457 10.8605L5.83143 12.9225L10.6887 13.1382L10.5161 7.91855L7.19457 10.8605ZM16.7969 10.8605L13.4322 7.85815L13.3201 13.1382L18.1687 12.9225L16.7969 10.8605ZM7.47064 20.2817L10.3867 18.8582L7.86751 16.8911L7.47064 20.2817ZM13.6048 18.8582L16.5295 20.2817L16.124 16.8911L13.6048 18.8582Z" fill="#E4761B" stroke="#E4761B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5299 20.2817L13.6052 18.8582L13.8381 20.7648L13.8123 21.5672L16.5299 20.2817ZM7.47108 20.2817L10.1887 21.5672L10.1715 20.7648L10.3872 18.8582L7.47108 20.2817Z" fill="#D7C1B3" stroke="#D7C1B3" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.2317 15.6313L7.79879 14.9152L9.51565 14.1301L10.2317 15.6313ZM13.7604 15.6313L14.4764 14.1301L16.2019 14.9152L13.7604 15.6313Z" fill="#233447" stroke="#233447" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.47068 20.2817L7.8848 16.779L5.18441 16.8566L7.47068 20.2817ZM16.1154 16.779L16.5295 20.2817L18.8158 16.8566L16.1154 16.779ZM18.1687 12.9225L13.3201 13.1382L13.7687 15.6315L14.4848 14.1303L16.2103 14.9154L18.1687 12.9225ZM7.79853 14.9154L9.52402 14.1303L10.2315 15.6315L10.6887 13.1382L5.83147 12.9225L7.79853 14.9154Z" fill="#CD6116" stroke="#CD6116" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.83143 12.9225L7.86751 16.8911L7.79849 14.9154L5.83143 12.9225ZM16.2103 14.9154L16.124 16.8911L18.1687 12.9225L16.2103 14.9154ZM10.6887 13.1382L10.2314 15.6315L10.8008 18.5735L10.9303 14.6997L10.6887 13.1382ZM13.3201 13.1382L13.0871 14.6911L13.1906 18.5735L13.7687 15.6315L13.3201 13.1382Z" fill="#E4751F" stroke="#E4751F" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.769 15.6314L13.1909 18.5733L13.6051 18.858L16.1243 16.891L16.2106 14.9153L13.769 15.6314ZM7.79879 14.9153L7.86781 16.891L10.387 18.858L10.8011 18.5733L10.2317 15.6314L7.79879 14.9153Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.8123 21.5671L13.8381 20.7648L13.6225 20.575H10.3699L10.1715 20.7648L10.1887 21.5671L7.47108 20.2816L8.4201 21.0581L10.344 22.3953H13.6483L15.5809 21.0581L16.5299 20.2816L13.8123 21.5671Z" fill="#C0AD9E" stroke="#C0AD9E" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.6053 18.8581L13.1912 18.5734H10.8014L10.3873 18.8581L10.1716 20.7647L10.37 20.5749H13.6226L13.8383 20.7647L13.6053 18.8581Z" fill="#161616" stroke="#161616" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.2667 8.78993L23 5.26993L21.9043 2.00012L13.6047 8.16012L16.7969 10.8605L21.309 12.1805L22.3098 11.0158L21.8784 10.7052L22.5686 10.0754L22.0337 9.6613L22.7239 9.13502L22.2667 8.78993ZM1 5.26993L1.73333 8.78993L1.26745 9.13502L1.95765 9.6613L1.43137 10.0754L2.12157 10.7052L1.6902 11.0158L2.68235 12.1805L7.19451 10.8605L10.3867 8.16012L2.08706 2.00012L1 5.26993Z" fill="#763D16" stroke="#763D16" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M21.3093 12.1804L16.7972 10.8604L18.1689 12.9224L16.1242 16.891L18.816 16.8565H22.8277L21.3093 12.1804ZM7.1948 10.8604L2.68264 12.1804L1.18147 16.8565H5.1846L7.86774 16.891L5.83166 12.9224L7.1948 10.8604ZM13.3203 13.1381L13.605 8.16002L14.9164 4.61414H9.09284L10.387 8.16002L10.6889 13.1381L10.7924 14.7083L10.8011 18.5734H13.1909L13.2081 14.7083L13.3203 13.1381Z" fill="#F6851B" stroke="#F6851B" stroke-width="0.0753295" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

src/img/social/pinterest-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1C5.92422 1 1 5.92422 1 12C1 16.6621 3.90039 20.641 7.99102 22.2437C7.89648 21.3715 7.80625 20.0395 8.02969 19.0898C8.23164 18.2305 9.31875 13.6242 9.31875 13.6242C9.31875 13.6242 8.98789 12.9668 8.98789 11.9914C8.98789 10.4617 9.87305 9.31875 10.9773 9.31875C11.9141 9.31875 12.3695 10.0234 12.3695 10.8699C12.3695 11.8152 11.768 13.2246 11.4586 14.5309C11.2008 15.6266 12.0086 16.5203 13.0871 16.5203C15.0422 16.5203 16.5461 14.4578 16.5461 11.4844C16.5461 8.85039 14.6555 7.00703 11.9527 7.00703C8.82461 7.00703 6.98555 9.35312 6.98555 11.7809C6.98555 12.7262 7.35078 13.7402 7.80625 14.2902C7.89648 14.3977 7.90937 14.4965 7.88359 14.6039C7.80195 14.952 7.61289 15.6996 7.57852 15.85C7.53125 16.052 7.41953 16.0949 7.20898 15.9961C5.83398 15.3559 4.97461 13.3492 4.97461 11.7336C4.97461 8.26172 7.49688 5.07773 12.2406 5.07773C16.0563 5.07773 19.0211 7.79766 19.0211 11.4328C19.0211 15.2227 16.632 18.2734 13.3148 18.2734C12.202 18.2734 11.1535 17.6934 10.7926 17.0102C10.7926 17.0102 10.2426 19.1113 10.1094 19.627C9.86016 20.5809 9.18984 21.7797 8.74297 22.5102C9.77422 22.8281 10.8656 23 12 23C18.0758 23 23 18.0758 23 12C23 5.92422 18.0758 1 12 1Z" fill="#707987"/>
+</svg>

src/img/social/pinterest.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="white"/>
+<path d="M12 1C5.92487 1 1 5.92487 1 12C1 16.6626 3.89712 20.6461 7.9893 22.2486C7.88971 21.3794 7.80823 20.0395 8.02551 19.0889C8.22469 18.2288 9.31111 13.6206 9.31111 13.6206C9.31111 13.6206 8.98519 12.9597 8.98519 11.9909C8.98519 10.4609 9.87243 9.32017 10.977 9.32017C11.9185 9.32017 12.3712 10.0263 12.3712 10.8683C12.3712 11.8099 11.7737 13.2222 11.4568 14.535C11.1942 15.6305 12.0091 16.5268 13.0864 16.5268C15.042 16.5268 16.5449 14.4626 16.5449 11.493C16.5449 8.85844 14.6527 7.02058 11.9457 7.02058C8.81317 7.02058 6.97531 9.36543 6.97531 11.7918C6.97531 12.7333 7.33745 13.7473 7.79012 14.2996C7.88066 14.4082 7.88971 14.5078 7.86255 14.6165C7.78107 14.9605 7.59095 15.7119 7.55473 15.8658C7.50947 16.065 7.39177 16.1103 7.18354 16.0107C5.80741 15.3679 4.94733 13.3671 4.94733 11.7465C4.94733 8.27901 7.4642 5.09218 12.2173 5.09218C16.0288 5.09218 18.9984 7.80823 18.9984 11.4477C18.9984 15.2412 16.6082 18.2922 13.2947 18.2922C12.1811 18.2922 11.1309 17.7128 10.7778 17.0247C10.7778 17.0247 10.2255 19.1251 10.0897 19.6412C9.84527 20.6008 9.17531 21.7959 8.72263 22.5292C9.75473 22.8461 10.8412 23.0181 11.9819 23.0181C18.0568 23.0181 22.9819 18.093 22.9819 12.0181C23 5.9251 18.0749 1 12 1Z" fill="#E60019"/>
+</svg>

src/img/social/reddit-gray.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.47837 12C8.84796 12 8.33334 12.5146 8.33334 13.145C8.33334 13.7754 8.84796 14.29 9.47837 14.29C10.1088 14.29 10.6234 13.7754 10.6234 13.145C10.6234 12.5146 10.1088 12 9.47837 12Z" fill="#707987"/>
+<path d="M12.0129 17.0047C12.4503 17.0047 13.9427 16.9532 14.7275 16.1684C14.8433 16.0526 14.8433 15.8725 14.7532 15.7438C14.6374 15.628 14.4445 15.628 14.3287 15.7438C13.8269 16.2327 12.7848 16.4128 12.0257 16.4128C11.2667 16.4128 10.2117 16.2327 9.72281 15.7438C9.60702 15.628 9.41404 15.628 9.29825 15.7438C9.18246 15.8596 9.18246 16.0526 9.29825 16.1684C10.0702 16.9403 11.5754 17.0047 12.0129 17.0047Z" fill="#707987"/>
+<path d="M13.3766 13.145C13.3766 13.7754 13.8912 14.29 14.5216 14.29C15.1521 14.29 15.6667 13.7754 15.6667 13.145C15.6667 12.5146 15.1521 12 14.5216 12C13.8912 12 13.3766 12.5146 13.3766 13.145Z" fill="#707987"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM17.7252 10.3918C18.6129 10.3918 19.3333 11.1123 19.3333 12C19.3333 12.6561 18.9345 13.2222 18.407 13.4795C18.4328 13.6339 18.4456 13.7883 18.4456 13.9555C18.4456 16.4257 15.5766 18.4199 12.0257 18.4199C8.47486 18.4199 5.60585 16.4257 5.60585 13.9555C5.60585 13.7883 5.61872 13.621 5.64445 13.4666C5.07837 13.2093 4.6924 12.6561 4.6924 12C4.6924 11.1123 5.41287 10.3918 6.30059 10.3918C6.72515 10.3918 7.12398 10.5719 7.40702 10.8421C8.51346 10.0316 10.0444 9.5298 11.7556 9.47834L12.5661 5.64442C12.5918 5.56723 12.6304 5.5029 12.6947 5.46431C12.7591 5.42571 12.8363 5.41284 12.9135 5.42571L15.5766 5.99179C15.7567 5.60583 16.1427 5.34852 16.593 5.34852C17.2234 5.34852 17.738 5.86314 17.738 6.49355C17.738 7.12396 17.2234 7.63858 16.593 7.63858C15.9754 7.63858 15.4737 7.14969 15.448 6.54501L13.0678 6.04325L12.3345 9.47834C14.007 9.54267 15.5252 10.0573 16.6187 10.8421C16.9018 10.559 17.2877 10.3918 17.7252 10.3918Z" fill="#707987"/>
+</svg>

src/img/social/reddit.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_183_4249)">
+<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#FF4500"/>
+<path d="M20 12C20 11.0316 19.214 10.2456 18.2456 10.2456C17.7684 10.2456 17.3474 10.4281 17.0386 10.7368C15.8456 9.8807 14.1895 9.3193 12.3649 9.24912L13.1649 5.50175L15.7614 6.04912C15.7895 6.70877 16.3368 7.2421 17.0105 7.2421C17.6982 7.2421 18.2596 6.6807 18.2596 5.99298C18.2596 5.30526 17.6982 4.74386 17.0105 4.74386C16.5193 4.74386 16.0982 5.02456 15.9017 5.44561L12.9965 4.82807C12.9123 4.81403 12.8281 4.82807 12.7579 4.87017C12.6877 4.91228 12.6456 4.98245 12.6175 5.06667L11.7333 9.24912C9.86666 9.30526 8.19648 9.85263 6.98947 10.7368C6.68069 10.4421 6.24561 10.2456 5.78245 10.2456C4.81403 10.2456 4.02806 11.0316 4.02806 12C4.02806 12.7158 4.44912 13.3193 5.06666 13.6C5.03859 13.7684 5.02455 13.9509 5.02455 14.1333C5.02455 16.8281 8.15438 19.0035 12.0281 19.0035C15.9017 19.0035 19.0316 16.8281 19.0316 14.1333C19.0316 13.9509 19.0175 13.7825 18.9895 13.614C19.5649 13.3333 20 12.7158 20 12ZM7.99999 13.2491C7.99999 12.5614 8.5614 12 9.24912 12C9.93684 12 10.4982 12.5614 10.4982 13.2491C10.4982 13.9368 9.93684 14.4982 9.24912 14.4982C8.5614 14.4982 7.99999 13.9368 7.99999 13.2491ZM14.9754 16.5474C14.1193 17.4035 12.4912 17.4596 12.014 17.4596C11.5368 17.4596 9.89473 17.3895 9.05262 16.5474C8.92631 16.4211 8.92631 16.2105 9.05262 16.0842C9.17894 15.9579 9.38947 15.9579 9.51578 16.0842C10.0491 16.6175 11.2 16.814 12.0281 16.814C12.8561 16.814 13.993 16.6175 14.5403 16.0842C14.6667 15.9579 14.8772 15.9579 15.0035 16.0842C15.1017 16.2246 15.1017 16.4211 14.9754 16.5474ZM14.7509 14.4982C14.0632 14.4982 13.5017 13.9368 13.5017 13.2491C13.5017 12.5614 14.0632 12 14.7509 12C15.4386 12 16 12.5614 16 13.2491C16 13.9368 15.4386 14.4982 14.7509 14.4982Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_183_4249">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/img/social/skype-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9842 18.621C8.32963 18.621 6.65989 16.7593 6.65989 15.3938C6.6594 15.0681 6.79309 14.7565 7.02952 14.5324C7.26594 14.3083 7.58422 14.1915 7.90948 14.2094C9.47418 14.2094 9.0649 16.5565 11.9842 16.5565C13.4765 16.5565 14.353 15.6582 14.353 14.8143C14.353 14.3072 14.0632 13.7277 13.0781 13.4959L9.81827 12.6737C7.19957 12.0072 6.7432 10.5512 6.7432 9.2002C6.7432 6.39678 9.30757 5.38262 11.7488 5.38262C13.998 5.38262 16.6711 6.62497 16.6711 8.30557C16.6711 9.02997 16.0662 9.41752 15.3635 9.41752C14.027 9.41752 14.2516 7.54133 11.5641 7.54133C10.2276 7.54133 9.52489 8.16794 9.52489 9.04446C9.52489 9.92098 10.5644 10.218 11.4771 10.4172L13.8821 10.9605C16.519 11.5545 17.2216 13.1011 17.2216 14.5825C17.2216 16.8607 15.4577 18.621 11.9806 18.621H11.9842ZM22.0751 13.8001C22.1795 13.2021 22.2316 12.5962 22.2308 11.9891C22.2436 8.93983 20.9038 6.04178 18.5725 4.07619C16.2412 2.11061 13.1584 1.2798 10.1551 1.80772C9.23201 1.27624 8.18506 0.997635 7.11989 1.00002C4.93351 1.01337 2.91819 2.18516 1.825 4.07867C0.731821 5.97218 0.72475 8.30339 1.80642 10.2035C1.20286 13.5199 2.26013 16.9218 4.6372 19.3119C7.01428 21.702 10.4104 22.7778 13.73 22.1923C14.652 22.7233 15.6977 23.0019 16.7616 23C18.9469 22.9859 20.961 21.8146 22.0539 19.9223C23.1469 18.0299 23.1549 15.7 22.0751 13.8001Z" fill="#707987"/>
+</svg>

src/img/social/skype.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9842 18.621C8.32963 18.621 6.6599 16.7593 6.6599 15.3938C6.6594 15.0681 6.7931 14.7565 7.02952 14.5324C7.26595 14.3083 7.58423 14.1915 7.90948 14.2094C9.47418 14.2094 9.0649 16.5565 11.9842 16.5565C13.4765 16.5565 14.353 15.6582 14.353 14.8143C14.353 14.3072 14.0632 13.7277 13.0781 13.4959L9.81827 12.6737C7.19957 12.0072 6.7432 10.5512 6.7432 9.2002C6.7432 6.39678 9.30757 5.38262 11.7488 5.38262C13.9981 5.38262 16.6711 6.62497 16.6711 8.30557C16.6711 9.02997 16.0662 9.41752 15.3635 9.41752C14.027 9.41752 14.2516 7.54133 11.5641 7.54133C10.2276 7.54133 9.52489 8.16794 9.52489 9.04446C9.52489 9.92098 10.5644 10.218 11.4771 10.4172L13.8821 10.9605C16.519 11.5545 17.2216 13.1011 17.2216 14.5825C17.2216 16.8607 15.4577 18.621 11.9806 18.621H11.9842ZM22.0751 13.8001C22.1795 13.2021 22.2316 12.5962 22.2308 11.9891C22.2436 8.93983 20.9038 6.04178 18.5725 4.07619C16.2412 2.11061 13.1584 1.2798 10.1551 1.80772C9.23201 1.27624 8.18506 0.997635 7.11989 1.00002C4.93351 1.01337 2.91819 2.18516 1.82501 4.07867C0.731825 5.97218 0.724753 8.30339 1.80643 10.2035C1.20286 13.5199 2.26013 16.9218 4.63721 19.3119C7.01428 21.702 10.4104 22.7778 13.73 22.1923C14.652 22.7233 15.6977 23.0019 16.7616 23C18.9469 22.9859 20.961 21.8146 22.0539 19.9223C23.1469 18.0299 23.1549 15.7 22.0751 13.8001Z" fill="#0078D7"/>
+</svg>

src/img/social/spotify-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1C5.925 1 1 5.9245 1 12C1 18.0755 5.925 23 12 23C18.075 23 23 18.0755 23 12C23 5.9245 18.075 1 12 1ZM17.3667 16.8572C17.19 17.17 16.865 17.346 16.53 17.346C16.3733 17.346 16.2117 17.3068 16.0633 17.2243C14.69 16.4543 13.1933 15.9827 11.6117 15.8225C10.0267 15.6637 8.46167 15.8245 6.95833 16.3045C6.45667 16.4647 5.91667 16.1875 5.75667 15.685C5.59501 15.1817 5.87334 14.6435 6.37667 14.4825C8.13 13.9223 9.95833 13.7318 11.805 13.9195C13.6483 14.1072 15.395 14.6572 16.9983 15.5558C17.46 15.8128 17.625 16.3958 17.3667 16.8572ZM18.6833 13.516C18.5133 13.8432 18.18 14.0308 17.835 14.0308C17.685 14.0308 17.535 13.9965 17.3933 13.9223C15.705 13.043 13.8817 12.4985 11.97 12.3045C10.0433 12.1073 8.135 12.2792 6.295 12.8098C5.78667 12.9542 5.25667 12.6635 5.11167 12.1553C4.96501 11.648 5.25833 11.118 5.76499 10.9715C7.84166 10.3727 9.995 10.1808 12.1633 10.4008C14.3167 10.6202 16.3733 11.2335 18.2783 12.2262C18.745 12.4703 18.9283 13.0477 18.6833 13.516ZM19.16 10.7363C19.0167 10.7363 18.8717 10.704 18.7333 10.636C16.73 9.637 14.575 9.01483 12.3267 8.78667C10.075 8.55633 7.835 8.73433 5.66667 9.31333C5.15667 9.44867 4.63333 9.14617 4.49666 8.63533C4.36 8.12517 4.66334 7.60067 5.17501 7.4645C7.56668 6.82583 10.04 6.63133 12.5217 6.88367C15 7.1345 17.3767 7.82133 19.5867 8.9235C20.06 9.15917 20.2517 9.734 20.0167 10.2063C19.85 10.5425 19.5117 10.7363 19.16 10.7363Z" fill="#707987"/>
+</svg>

src/img/social/spotify.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 1C5.925 1 1 5.9245 1 12C1 18.0755 5.925 23 12 23C18.075 23 23 18.0755 23 12C23 5.9245 18.075 1 12 1ZM17.3667 16.8572C17.19 17.17 16.865 17.346 16.53 17.346C16.3733 17.346 16.2117 17.3068 16.0633 17.2243C14.69 16.4543 13.1933 15.9827 11.6117 15.8225C10.0267 15.6637 8.46167 15.8245 6.95833 16.3045C6.45667 16.4647 5.91667 16.1875 5.75667 15.685C5.59501 15.1817 5.87334 14.6435 6.37667 14.4825C8.13 13.9223 9.95833 13.7318 11.805 13.9195C13.6483 14.1072 15.395 14.6572 16.9983 15.5558C17.46 15.8128 17.625 16.3958 17.3667 16.8572ZM18.6833 13.516C18.5133 13.8432 18.18 14.0308 17.835 14.0308C17.685 14.0308 17.535 13.9965 17.3933 13.9223C15.705 13.043 13.8817 12.4985 11.97 12.3045C10.0433 12.1073 8.135 12.2792 6.295 12.8098C5.78667 12.9542 5.25667 12.6635 5.11167 12.1553C4.96501 11.648 5.25833 11.118 5.76499 10.9715C7.84166 10.3727 9.995 10.1808 12.1633 10.4008C14.3167 10.6202 16.3733 11.2335 18.2783 12.2262C18.745 12.4703 18.9283 13.0477 18.6833 13.516ZM19.16 10.7363C19.0167 10.7363 18.8717 10.704 18.7333 10.636C16.73 9.637 14.575 9.01483 12.3267 8.78667C10.075 8.55633 7.835 8.73433 5.66667 9.31333C5.15667 9.44867 4.63333 9.14617 4.49666 8.63533C4.36 8.12517 4.66334 7.60067 5.17501 7.4645C7.56668 6.82583 10.04 6.63133 12.5217 6.88367C15 7.1345 17.3767 7.82133 19.5867 8.9235C20.06 9.15917 20.2517 9.734 20.0167 10.2063C19.85 10.5425 19.5117 10.7363 19.16 10.7363Z" fill="#1ED760"/>
+</svg>

src/img/social/telegram-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM12.3942 9.12068C11.3243 9.5657 9.18596 10.4868 5.97924 11.8839C5.45851 12.091 5.18574 12.2935 5.1609 12.4916C5.11894 12.8264 5.53815 12.9582 6.10901 13.1377C6.18667 13.1621 6.26712 13.1874 6.34961 13.2142C6.91125 13.3968 7.66676 13.6104 8.05951 13.6189C8.41578 13.6266 8.81342 13.4797 9.25242 13.1782C12.2486 11.1558 13.7952 10.1335 13.8923 10.1115C13.9608 10.0959 14.0557 10.0764 14.12 10.1335C14.1844 10.1907 14.178 10.299 14.1712 10.328C14.1297 10.505 12.4841 12.0349 11.6325 12.8266C11.367 13.0734 11.1787 13.2485 11.1402 13.2885C11.054 13.3781 10.9661 13.4628 10.8816 13.5442C10.3599 14.0472 9.96859 14.4244 10.9033 15.0404C11.3525 15.3364 11.712 15.5812 12.0705 15.8254C12.4622 16.0921 12.8528 16.3581 13.3581 16.6894C13.4869 16.7738 13.6099 16.8614 13.7296 16.9468C14.1854 17.2717 14.5949 17.5636 15.1007 17.5171C15.3946 17.49 15.6983 17.2136 15.8525 16.3893C16.2169 14.4412 16.9332 10.2203 17.0987 8.48089C17.1132 8.3285 17.095 8.13347 17.0803 8.04786C17.0657 7.96225 17.035 7.84027 16.9238 7.74997C16.792 7.64303 16.5885 7.62047 16.4975 7.62208C16.0838 7.62937 15.449 7.85008 12.3942 9.12068Z" fill="#707987"/>
+</svg>

src/img/social/telegram.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z" fill="url(#paint0_linear_183_4241)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.97923 11.8839C9.18595 10.4868 11.3243 9.5657 12.3942 9.12069C15.449 7.85008 16.0838 7.62937 16.4975 7.62208C16.5885 7.62047 16.7919 7.64303 16.9237 7.74997C17.035 7.84027 17.0656 7.96225 17.0803 8.04786C17.0949 8.13347 17.1132 8.3285 17.0987 8.48089C16.9331 10.2203 16.2169 14.4412 15.8524 16.3893C15.6982 17.2136 15.3946 17.49 15.1007 17.5171C14.4619 17.5759 13.9768 17.0949 13.3581 16.6894C12.39 16.0547 11.8431 15.6597 10.9033 15.0404C9.81726 14.3247 10.5213 13.9314 11.1402 13.2885C11.3022 13.1203 14.1167 10.5602 14.1712 10.328C14.178 10.299 14.1843 10.1907 14.12 10.1335C14.0557 10.0764 13.9608 10.0959 13.8923 10.1115C13.7952 10.1335 12.2486 11.1558 9.25241 13.1782C8.81341 13.4797 8.41577 13.6266 8.0595 13.6189C7.66675 13.6104 6.91124 13.3968 6.3496 13.2142C5.66072 12.9903 5.11322 12.8719 5.16089 12.4916C5.18573 12.2935 5.4585 12.091 5.97923 11.8839Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_183_4241" x1="12" y1="1" x2="12" y2="22.8368" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2AABEE"/>
+<stop offset="1" stop-color="#229ED9"/>
+</linearGradient>
+</defs>
+</svg>

src/img/social/tiktok-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8165 1H13.1088V15.9855C13.1088 17.771 11.6828 19.2377 9.90824 19.2377C8.13364 19.2377 6.70763 17.771 6.70763 15.9855C6.70763 14.2319 8.10196 12.7971 9.81319 12.7333V8.97103C6.04216 9.03477 3 12.1275 3 15.9855C3 19.8754 6.10554 23 9.93994 23C13.7743 23 16.8798 19.8435 16.8798 15.9855V8.30143C18.2742 9.32174 19.9854 9.92754 21.7917 9.95944V6.1971C19.003 6.10145 16.8165 3.80579 16.8165 1Z" fill="#707987"/>
+</svg>

src/img/social/tiktok.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.3701 8.94153C17.7849 9.95644 19.518 10.5536 21.3899 10.5536V6.93874C21.0356 6.93882 20.6823 6.90175 20.3357 6.82806V9.67345C18.464 9.67345 16.7311 9.0763 15.316 8.06147V15.4383C15.316 19.1286 12.3351 22.1199 8.65811 22.1199C7.28616 22.1199 6.01098 21.7037 4.9517 20.9898C6.1607 22.2304 7.84675 23 9.71206 23C13.3892 23 16.3703 20.0087 16.3703 16.3182L16.3701 8.94153ZM17.6706 5.29459C16.9476 4.50189 16.4729 3.47747 16.3701 2.34492V1.87998H15.3712C15.6226 3.31944 16.4803 4.54923 17.6706 5.29459ZM7.27736 18.158C6.87341 17.6265 6.65511 16.9762 6.65609 16.3077C6.65609 14.6199 8.01955 13.2514 9.70168 13.2514C10.0152 13.2513 10.3268 13.2995 10.6255 13.3946V9.69897C10.2764 9.65095 9.92404 9.63057 9.57182 9.63804V12.5145C9.27284 12.4194 8.96108 12.3711 8.64751 12.3714C6.96537 12.3714 5.60199 13.7397 5.60199 15.4277C5.60199 16.6213 6.28349 17.6546 7.27736 18.158Z" fill="#FF004F"/>
+<path d="M15.316 8.06147C16.7311 9.0763 18.464 9.67345 20.3357 9.67345V6.82806C19.2909 6.60472 18.366 6.05672 17.6706 5.29459C16.4803 4.54923 15.6226 3.31944 15.3712 1.87998H12.7471V16.3181C12.7411 18.0013 11.38 19.3642 9.70149 19.3642C8.71236 19.3642 7.83389 18.891 7.27736 18.158C6.28349 17.6546 5.60199 16.6213 5.60199 15.4277C5.60199 13.7397 6.96537 12.3714 8.64751 12.3714C8.9698 12.3714 9.28043 12.4218 9.57182 12.5145V9.63804C5.95947 9.71294 3.05408 12.6751 3.05408 16.3182C3.05408 18.1367 3.77751 19.7852 4.9517 20.9898C6.01098 21.7037 7.28616 22.1199 8.65811 22.1199C12.3351 22.1199 15.316 19.1286 15.316 15.4383V8.06147Z" fill="#313B49"/>
+<path d="M20.3357 6.82806L20.3357 6.05861C19.3935 6.06005 18.4699 5.79533 17.6706 5.29459C18.3782 6.07205 19.3099 6.60812 20.3357 6.82806ZM15.3712 1.87998C15.3472 1.74241 15.3287 1.60395 15.3159 1.46495V1H11.6929V15.4382C11.6871 17.1212 10.326 18.4841 8.64734 18.4841C8.1545 18.4841 7.68944 18.3666 7.27736 18.158C7.83389 18.891 8.71236 19.3642 9.70149 19.3642C11.38 19.3642 12.7411 18.0013 12.7471 16.3181V1.87998H15.3712ZM9.57182 9.63804L9.5718 8.81907C9.26906 8.77754 8.96383 8.7567 8.65824 8.75686C4.98092 8.75678 2 11.7483 2 15.4382C2 17.7517 3.17143 19.7905 4.9517 20.9898C3.77751 19.7852 3.05408 18.1367 3.05408 16.3182C3.05408 12.6751 5.95947 9.71294 9.57182 9.63804Z" fill="#00F2EA"/>
+</svg>

src/img/social/tumblr-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 22C11 22 8.75 20.4583 8.75 16.75V10.8333H6V7.625C9 6.83333 10.25 4.25 10.4167 2H13.5417V7.08333H17.1667V10.8333H13.5417V16C13.5417 17.5417 14.3333 18.0833 15.5833 18.0833H17.3333V22H14Z" fill="#707987"/>
+</svg>

src/img/social/tumblr.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 22C11 22 8.75 20.4583 8.75 16.75V10.8333H6V7.625C9 6.83333 10.25 4.25 10.4167 2H13.5417V7.08333H17.1667V10.8333H13.5417V16C13.5417 17.5417 14.3333 18.0833 15.5833 18.0833H17.3333V22H14Z" fill="#313B49"/>
+</svg>

src/img/social/twitch-gray.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.92857 2L3 5.92857V20.0714H7.71429V24L11.6429 20.0714H14.7857L21.8571 13V2H6.92857ZM20.2857 12.2143L17.1429 15.3571H14L11.25 18.1071V15.3571H7.71429V3.57143H20.2857V12.2143Z" fill="#707987"/>
+<path d="M17.9286 6.32143H16.3571V11.0357H17.9286V6.32143Z" fill="#707987"/>
+<path d="M13.6071 6.32144H12.0357V11.0357H13.6071V6.32144Z" fill="#707987"/>
+</svg>

src/img/social/twitch.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.2857 12.2143L17.1429 15.3571H14L11.25 18.1071V15.3571H7.71429V3.57142H20.2857V12.2143Z" fill="white"/>
+<path d="M6.92857 2L3 5.92857V20.0714H7.71429V24L11.6429 20.0714H14.7857L21.8571 13V2H6.92857ZM20.2857 12.2143L17.1429 15.3571H14L11.25 18.1071V15.3571H7.71429V3.57142H20.2857V12.2143Z" fill="#9146FF"/>
+<path d="M17.9286 6.32143H16.3571V11.0357H17.9286V6.32143Z" fill="#9146FF"/>
+<path d="M13.6071 6.32144H12.0357V11.0357H13.6071V6.32144Z" fill="#9146FF"/>
+</svg>

src/img/social/vk-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.54648 2.54648C1 4.09295 1 6.58195 1 11.56V12.44C1 17.4181 1 19.907 2.54648 21.4535C4.09295 23 6.58195 23 11.56 23H12.44C17.4181 23 19.907 23 21.4535 21.4535C23 19.907 23 17.4181 23 12.44V11.56C23 6.58195 23 4.09295 21.4535 2.54648C19.907 1 17.4181 1 12.44 1H11.56C6.58195 1 4.09295 1 2.54648 2.54648ZM4.71255 7.69171C4.83172 13.4117 7.69171 16.8492 12.7059 16.8492H12.9901V13.5767C14.8326 13.76 16.2258 15.1075 16.785 16.8492H19.3884C18.6734 14.2459 16.7941 12.8067 15.6208 12.2567C16.7941 11.5784 18.4441 9.92838 18.8383 7.69171H16.4732C15.9599 9.50671 14.4384 11.1567 12.9901 11.3125V7.69171H10.625V14.035C9.15833 13.6684 7.30671 11.89 7.22421 7.69171H4.71255Z" fill="#707987"/>
+</svg>

src/img/social/vk.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 11.56C1 6.58195 1 4.09295 2.54648 2.54648C4.09295 1 6.58195 1 11.56 1H12.44C17.418 1 19.907 1 21.4535 2.54648C23 4.09295 23 6.58195 23 11.56V12.44C23 17.418 23 19.907 21.4535 21.4535C19.907 23 17.418 23 12.44 23H11.56C6.58195 23 4.09295 23 2.54648 21.4535C1 19.907 1 17.418 1 12.44V11.56Z" fill="#0077FF"/>
+<path d="M12.7058 16.8492C7.69167 16.8492 4.83171 13.4117 4.71255 7.69171H7.22421C7.30671 11.89 9.15833 13.6684 10.625 14.035V7.69171H12.9901V11.3125C14.4384 11.1567 15.9599 9.50671 16.4732 7.69171H18.8383C18.4441 9.92838 16.7941 11.5784 15.6208 12.2567C16.7941 12.8067 18.6734 14.2459 19.3884 16.8492H16.785C16.2258 15.1075 14.8326 13.76 12.9901 13.5767V16.8492H12.7058Z" fill="white"/>
+</svg>

src/img/social/x-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4981 2H21.8929L14.4391 10.4871L23.1475 22H16.3136L10.963 15.0037L4.83758 22H1.44274L9.33942 12.9225L0.999939 2H8.00363L12.8376 8.39114L18.4981 2ZM17.3099 20.0074H19.1918L7.0147 3.91882H4.99256L17.3099 20.0074Z" fill="#707987"/>
+</svg>

src/img/social/x.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4982 2H21.8931L14.4392 10.4871L23.1477 22H16.3137L10.9632 15.0037L4.8377 22H1.44287L9.33955 12.9225L1.00006 2H8.00375L12.8377 8.39114L18.4982 2ZM17.31 20.0074H19.1919L7.01482 3.91882H4.99268L17.31 20.0074Z" fill="#313B49"/>
+</svg>

src/img/social/youtube-gray.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z" fill="#707987"/>
+</svg>

src/img/social/youtube.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_183_4267)">
+<path d="M23.5219 6.18541C23.3862 5.67482 23.1188 5.20883 22.7464 4.83407C22.374 4.4593 21.9098 4.18891 21.4001 4.04996C19.5237 3.54541 12.0237 3.54541 12.0237 3.54541C12.0237 3.54541 4.5237 3.54541 2.64733 4.04996C2.13763 4.18891 1.67336 4.4593 1.30098 4.83407C0.928613 5.20883 0.661202 5.67482 0.525515 6.18541C0.023697 8.06996 0.0236969 12 0.0236969 12C0.0236969 12 0.023697 15.93 0.525515 17.8145C0.661202 18.3251 0.928613 18.7911 1.30098 19.1658C1.67336 19.5406 2.13763 19.811 2.64733 19.95C4.5237 20.4545 12.0237 20.4545 12.0237 20.4545C12.0237 20.4545 19.5237 20.4545 21.4001 19.95C21.9098 19.811 22.374 19.5406 22.7464 19.1658C23.1188 18.7911 23.3862 18.3251 23.5219 17.8145C24.0237 15.93 24.0237 12 24.0237 12C24.0237 12 24.0237 8.06996 23.5219 6.18541Z" fill="#FF0302"/>
+<path d="M9.56917 15.5686V8.43135L15.8419 12L9.56917 15.5686Z" fill="#FEFEFE"/>
+</g>
+<defs>
+<clipPath id="clip0_183_4267">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

src/pages/_data/menu.yml

@@ -156,6 +156,10 @@ base:
     placeholder:
       url: placeholder.html
       title: Placeholder
+    social:
+      title: Social icons
+      url: social-icons.html
+      badge: New
     steps:
       url: steps.html
       title: Steps

src/pages/_data/social-tiles.yml

@@ -0,0 +1,39 @@
+- icon: dribbble
+  title: 328 likes
+  description: 45 today
+  trending: 8
+
+- icon: facebook
+  title: 542 shares
+  description: 67 today
+  trending: 0
+
+- icon: instagram
+  title: 894 followers
+  description: 120 today
+  trending: 10
+
+- icon: x
+  title: 221 retweets
+  description: 34 today
+  trending: -2
+
+- icon: youtube
+  title: 765 views
+  description: 98 today
+  trending: 0
+
+- icon: pinterest
+  title: 432 pins
+  description: 53 today
+  trending: -4
+
+- icon: tiktok
+  title: 612 likes
+  description: 76 today
+  trending: 9
+
+- icon: linkedin
+  title: 305 connections
+  description: 29 today
+  trending: -1

src/pages/_data/social.json

@@ -0,0 +1,102 @@
+[
+  {
+    "name": "Apple",
+    "file": "apple"
+  },
+  {
+    "name": "Discord",
+    "file": "discord"
+  },
+  {
+    "name": "Dribbble",
+    "file": "dribbble"
+  },
+  {
+    "name": "Facebook",
+    "file": "facebook"
+  },
+  {
+    "name": "Figma",
+    "file": "figma"
+  },
+  {
+    "name": "GitHub",
+    "file": "github"
+  },
+  {
+    "name": "Google",
+    "file": "google"
+  },
+  {
+    "name": "Instagram",
+    "file": "instagram"
+  },
+  {
+    "name": "LinkedIn",
+    "file": "linkedin"
+  },
+  {
+    "name": "Medium",
+    "file": "medium"
+  },
+  {
+    "name": "Meta",
+    "file": "meta"
+  },
+  {
+    "name": "MetaMask",
+    "file": "metamask"
+  },
+  {
+    "name": "Pinterest",
+    "file": "pinterest"
+  },
+  {
+    "name": "Reddit",
+    "file": "reddit"
+  },
+  {
+    "name": "Signal",
+    "file": "signal"
+  },
+  {
+    "name": "Skype",
+    "file": "skype"
+  },
+  {
+    "name": "Snapchat",
+    "file": "snapchat"
+  },
+  {
+    "name": "Spotify",
+    "file": "spotify"
+  },
+  {
+    "name": "Telegram",
+    "file": "telegram"
+  },
+  {
+    "name": "TikTok",
+    "file": "tiktok"
+  },
+  {
+    "name": "Tumblr",
+    "file": "tumblr"
+  },
+  {
+    "name": "Twitch",
+    "file": "twitch"
+  },
+  {
+    "name": "VK",
+    "file": "vk"
+  },
+  {
+    "name": "X (Twitter)",
+    "file": "x"
+  },
+  {
+    "name": "YouTube",
+    "file": "youtube"
+  }
+]

src/pages/social-icons.html

@@ -0,0 +1,72 @@
+---
+title: Social icons
+page-header: Social icons
+menu: base.social
+plugins: ['social']
+---
+
+<div class="row row-cards">
+	<div class="col-12">
+		<div class="row g-3">
+			{% for tile in site.data.social-tiles %}
+			<div class="col-3">
+				<div class="card">
+					<div class="card-body">
+						<div class="row align-items-center">
+							<div class="col-auto">
+								<span class="social social-md social-app-{{ tile.icon }}"></span>
+							</div>
+							<div class="col">
+								<div>{{ tile.title }}</div>
+								<div class="text-secondary">{{ tile.description }}</div>
+							</div>
+							<div class="col-auto">
+								{% include ui/trending.html value=tile.trending %}
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			{% endfor %}
+		</div>
+	</div>
+	<div class="col-12">
+		<div class="card">
+			<div class="card-header">
+				<div class="card-title">Sign in with social media</div>
+			</div>
+			<div class="card-body">
+				<div class="btn-list">
+					{% for social in site.data.social %}
+						<button class="btn">
+							<span class="icon social social-app-{{ social.file }}"></span>
+							Sign in with {{ social.name }}
+						</button>
+					{% endfor %}
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<div class="col-12">
+		<div class="card">
+			<div class="card-header">
+				<div class="card-title">List of all social media icons</div>
+			</div>
+			<div class="card-body p-0">
+				<div class="demo-icons-list-wrap">
+					<div class="demo-icons-list">
+						{% for social in site.data.social %}
+							<span class="demo-icons-list-item" title="{{ social.name }}" data-bs-toggle="tooltip" data-bs-placement="top">
+								<span class="social social-app-{{ social.file }}"></span>
+							</span>
+						{% endfor %}
+						{% for icon in (0..20) %}
+							<div></div>
+						{% endfor %}
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

src/scss/tabler-social.scss

@@ -1 +0,0 @@
-@import "config";

src/scss/tabler-socials.scss

@@ -0,0 +1,2 @@
+@import "config";
+@import "ui/social";

src/scss/ui/_social.scss

@@ -0,0 +1,52 @@
+$apps: (
+  "apple",
+  "discord",
+  "dribbble",
+  "facebook",
+  "figma",
+  "github",
+  "google",
+  "instagram",
+  "linkedin",
+  "medium",
+  "meta",
+  "metamask",
+  "pinterest",
+  "reddit",
+  "signal",
+  "skype",
+  "snapchat",
+  "spotify",
+  "telegram",
+  "tiktok",
+  "tumblr",
+  "twitch",
+  "vk",
+  "x",
+  "youtube"
+);
+
+.social {
+  position: relative;
+  display: inline-block;
+  height: $avatar-size;
+  aspect-ratio: 1;
+  background: no-repeat center/cover;
+  vertical-align: bottom;
+}
+
+@each $app in $apps {
+  .social-app-#{$app} {
+    background-image: url("#{$assets-base}/img/social/#{$app}.svg");
+
+    &.social-gray {
+      background-image: url("#{$assets-base}/img/social/#{$app}-gray.svg");
+    }
+  }
+}
+
+@each $flag-size, $size in $flag-sizes {
+  .social-#{$flag-size} {
+    height: map-get($size, size);
+  }
+}