baalajimaestro/littlelink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Brand Updates

Browse source 
Updated Trakt to reflect more accurate branding and to use the SVG provided by them. Also placed corrected its alphabetical ordering for easier wayfinding.

Updated Patreon to reflect their new branding guidelines.

Updated Reddit to reflect their new branding guidelines.

Added Partiful.
This commit is contained in:
Seth Cottle 2023-11-30 09:45:59 -05:00
parent ca1e4077b5
commit c041270a2c
6 changed files with 151 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
css/brands.css
View file

@ -546,17 +546,6 @@ button:hover,
filter: brightness(90%);
}
/* Trakt */
.button.button-trakt {
color: #ffffff;
background-color: #000000;
border: 1px solid #FFFFFF;
}
.button.button-trakt:hover,
.button.button-trakt:focus {
filter: brightness(90%);
}
/* Line */
.button.button-line {
color: #FFFFFF;
@ -641,10 +630,22 @@ button:hover,
filter: brightness(90%);
}
/* Partiful */
.button.button-partiful {
color: #ffffff;
background-color: #000000;
border: 1px solid #FFFFFF;
}
.button.button-patreon:hover,
.button.button-patreon:focus {
filter: brightness(90%);
}
/* Patreon */
.button.button-patreon {
color: #ffffff;
background-color: #ff424d;
background-color: #000000;
border: 1px solid #FFFFFF;
}
.button.button-patreon:hover,
.button.button-patreon:focus {
@ -717,9 +718,8 @@ button:hover,
/* Reddit */
.button.button-reddit {
color: #000000;
background-color: #d7dfe2;
border: 1px solid #212121;
color: #FFFFFF;
background-color: #FF4500;
}
.button.button-reddit:hover,
.button.button-reddit:focus {
@ -901,6 +901,16 @@ button:hover,
filter: brightness(90%);
}
/* Trakt */
.button.button-trakt {
color: #ffffff;
background-color: #ED1C24;
}
.button.button-trakt:hover,
.button.button-trakt:focus {
filter: brightness(90%);
}
/* Trello */
.button.button-trello {
color: #ffffff;

4
images/icons/partiful.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.494 3.478C21.2973 2.55267 22.0474 1.80289 22.9713 0C23.8968 1.80289 24.6468 2.55267 26.45 3.478C24.6468 4.40178 23.8968 5.15155 22.9713 6.956C22.0474 5.15155 21.2973 4.40178 19.494 3.478Z" fill="white"/>
<path d="M0 4.79675H3.51867V8.97434C4.976 6.88475 8.52178 4.79675 12.2877 4.79675C17.8407 4.79675 21.7437 8.45234 21.7437 12.5196C21.7437 16.8615 17.9778 19.8289 12.5619 19.8289C9.07177 19.8289 5.03012 17.6022 3.51867 15.4599V26.0226H0V4.79675ZM11.6005 17.9183C15.8335 17.9183 18.225 15.57 18.225 12.5866C18.225 9.27124 15.4492 6.75864 11.2434 6.75864C6.84455 6.75864 3.51867 10.0166 3.51867 12.2275C3.51867 14.4926 7.12033 17.9183 11.6005 17.9183Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 785 B

6
images/icons/patreon.svg
View file

@ -1,9 +1,9 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1432_8721)">
<path d="M15.3778 0C13.0883 0.00237968 10.8933 0.952381 9.27437 2.64152C7.65547 4.33066 6.74497 6.62094 6.74269 9.00974C6.73981 13.9625 10.6166 17.9925 15.3778 17.9925C17.6646 17.9925 19.8576 17.0447 21.4746 15.3576C23.0916 13.6704 24 11.3822 24 8.99625C24 6.6103 23.0916 4.32207 21.4746 2.63494C19.8576 0.947817 17.6646 0 15.3778 0V0ZM0.00287163 24H4.22136V0H0" fill="white"/>
<g clip-path="url(#clip0_4_229)">
<path d="M22.9566 7.21C22.9524 4.14556 20.5658 1.634 17.7655 0.72778C14.2882 -0.397554 9.70198 -0.234443 6.38154 1.33222C2.35709 3.23134 1.09287 7.39133 1.04576 11.5402C1.00709 14.9513 1.34754 23.9356 6.41509 23.9996C10.1804 24.0473 10.7411 19.1956 12.4833 16.8589C13.7229 15.1964 15.3189 14.7269 17.2835 14.2407C20.6602 13.4049 22.9615 10.74 22.9566 7.21Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1432_8721">
<clipPath id="clip0_4_229">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 627 B

After

Width:  |  Height:  |  Size: 614 B

107
images/icons/reddit.svg
View file

@ -1,11 +1,104 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1432_8748)">
<path d="M11.6159 23.424C17.9782 23.424 23.1359 18.2663 23.1359 11.904C23.1359 5.54171 17.9782 0.384033 11.6159 0.384033C5.25351 0.384033 0.0958252 5.54171 0.0958252 11.904C0.0958252 18.2663 5.25351 23.424 11.6159 23.424Z" fill="#FF4500"/>
<path d="M19.2959 11.904C19.2959 10.9743 18.5413 10.2198 17.6116 10.2198C17.1535 10.2198 16.7493 10.395 16.4529 10.6913C15.3076 9.86948 13.7177 9.33053 11.9662 9.26316L12.7342 5.66568L15.2268 6.19116C15.2537 6.82442 15.7792 7.33643 16.4259 7.33643C17.0861 7.33643 17.6251 6.79748 17.6251 6.13727C17.6251 5.47705 17.0861 4.93811 16.4259 4.93811C15.9544 4.93811 15.5501 5.20758 15.3615 5.61179L12.5725 5.01895C12.4916 5.00548 12.4107 5.01895 12.3434 5.05938C12.2761 5.09979 12.2356 5.16717 12.2087 5.24801L11.3598 9.26316C9.56782 9.31705 7.96445 9.8425 6.80571 10.6913C6.50929 10.4084 6.09161 10.2198 5.64698 10.2198C4.71729 10.2198 3.96277 10.9743 3.96277 11.904C3.96277 12.5912 4.36698 13.1705 4.95982 13.44C4.93288 13.6017 4.9194 13.7769 4.9194 13.952C4.9194 16.539 7.92404 18.6274 11.6427 18.6274C15.3615 18.6274 18.3661 16.539 18.3661 13.952C18.3661 13.7769 18.3527 13.6152 18.3257 13.4534C18.8782 13.184 19.2959 12.5912 19.2959 11.904ZM7.77582 13.1031C7.77582 12.4429 8.31476 11.904 8.97498 11.904C9.63519 11.904 10.1741 12.4429 10.1741 13.1031C10.1741 13.7633 9.63519 14.3023 8.97498 14.3023C8.31476 14.3023 7.77582 13.7633 7.77582 13.1031ZM14.4722 16.2695C13.6504 17.0914 12.0874 17.1453 11.6293 17.1453C11.1712 17.1453 9.59477 17.0779 8.78635 16.2695C8.66508 16.1483 8.66508 15.9461 8.78635 15.8248C8.90761 15.7036 9.10971 15.7036 9.23098 15.8248C9.743 16.3368 10.8479 16.5254 11.6427 16.5254C12.4377 16.5254 13.529 16.3368 14.0545 15.8248C14.1758 15.7036 14.378 15.7036 14.4992 15.8248C14.5935 15.9596 14.5935 16.1483 14.4722 16.2695ZM14.2566 14.3023C13.5964 14.3023 13.0575 13.7633 13.0575 13.1031C13.0575 12.4429 13.5964 11.904 14.2566 11.904C14.9169 11.904 15.4559 12.4429 15.4559 13.1031C15.4559 13.7633 14.9169 14.3023 14.2566 14.3023Z" fill="white"/>
</g>
<path d="M20.4989 15.4701C22.4325 15.4701 24 13.9027 24 11.9691C24 10.0355 22.4325 8.46808 20.4989 8.46808C18.5654 8.46808 16.9979 10.0355 16.9979 11.9691C16.9979 13.9027 18.5654 15.4701 20.4989 15.4701Z" fill="url(#paint0_radial_4_250)"/>
<path d="M3.50102 15.4701C5.43459 15.4701 7.00205 13.9027 7.00205 11.9691C7.00205 10.0355 5.43459 8.46808 3.50102 8.46808C1.56746 8.46808 0 10.0355 0 11.9691C0 13.9027 1.56746 15.4701 3.50102 15.4701Z" fill="url(#paint1_radial_4_250)"/>
<path d="M12.0082 22.4734C17.5281 22.4734 22.0029 19.1171 22.0029 14.977C22.0029 10.8369 17.5281 7.48067 12.0082 7.48067C6.48822 7.48067 2.01343 10.8369 2.01343 14.977C2.01343 19.1171 6.48822 22.4734 12.0082 22.4734Z" fill="url(#paint2_radial_4_250)"/>
<path d="M9.05304 14.2485C8.99447 15.5182 8.15113 15.9796 7.17075 15.9796C6.19037 15.9796 5.44074 15.3296 5.4993 14.0599C5.55787 12.7902 6.40121 11.9492 7.38159 11.9492C8.36197 11.9492 9.1116 12.9788 9.05304 14.2485Z" fill="#842123"/>
<path d="M18.5172 14.0587C18.5757 15.3284 17.8273 15.9785 16.8457 15.9785C15.8642 15.9785 15.0208 15.5182 14.9634 14.2473C14.9049 12.9776 15.6533 11.948 16.6349 11.948C17.6164 11.948 18.4598 12.7878 18.5172 14.0587Z" fill="#842123"/>
<path d="M14.9634 14.3586C15.0184 15.5474 15.8067 15.9785 16.725 15.9785C17.6433 15.9785 18.3437 15.3331 18.2887 14.1442C18.2336 12.9553 17.4454 12.1776 16.5271 12.1776C15.6087 12.1776 14.9083 13.1697 14.9634 14.3586Z" fill="url(#paint3_radial_4_250)"/>
<path d="M9.05419 14.3586C8.99914 15.5474 8.21086 15.9785 7.29255 15.9785C6.37425 15.9785 5.67381 15.3331 5.72887 14.1442C5.78392 12.9553 6.5722 12.1776 7.49051 12.1776C8.40881 12.1776 9.10925 13.1697 9.05419 14.3586Z" fill="url(#paint4_radial_4_250)"/>
<path d="M12.0082 16.8265C10.769 16.8265 9.58127 16.8862 8.48258 16.9952C8.29518 17.0139 8.1757 17.2048 8.24832 17.3758C8.86326 18.8177 10.3145 19.8309 12.0082 19.8309C13.7019 19.8309 15.152 18.8177 15.7681 17.3758C15.8407 17.2048 15.7224 17.0139 15.5338 16.9952C14.4351 16.8862 13.2474 16.8265 12.0082 16.8265Z" fill="#BBCFDA"/>
<path d="M12.0082 17.1018C10.7725 17.1018 9.5883 17.1627 8.49313 17.2739C8.30573 17.2927 8.18742 17.4871 8.26005 17.6605C8.87381 19.1258 10.3204 20.1542 12.007 20.1542C13.6937 20.1542 15.1415 19.1246 15.7552 17.6605C15.8278 17.4871 15.7095 17.2927 15.5221 17.2739C14.427 17.1627 13.2428 17.1018 12.007 17.1018H12.0082Z" fill="white"/>
<path d="M12.0082 16.9589C10.7924 16.9589 9.62693 17.0186 8.54816 17.1275C8.36426 17.1463 8.24713 17.3372 8.31858 17.5082C8.9218 18.9501 10.3461 19.9632 12.0082 19.9632C13.6703 19.9632 15.0934 18.9501 15.6978 17.5082C15.7692 17.3372 15.6521 17.1463 15.4682 17.1275C14.3906 17.0186 13.2252 16.9589 12.0082 16.9589Z" fill="url(#paint5_radial_4_250)"/>
<path d="M17.4829 6.46164C18.853 6.46164 19.9637 5.35094 19.9637 3.98082C19.9637 2.6107 18.853 1.5 17.4829 1.5C16.1128 1.5 15.0021 2.6107 15.0021 3.98082C15.0021 5.35094 16.1128 6.46164 17.4829 6.46164Z" fill="url(#paint6_radial_4_250)"/>
<path d="M11.9731 7.79692C11.6755 7.79692 11.4354 7.67277 11.4354 7.48067C11.4354 5.25754 13.2439 3.45022 15.4659 3.45022C15.7634 3.45022 16.0035 3.69151 16.0035 3.98785C16.0035 4.28419 15.7622 4.52547 15.4659 4.52547C13.8366 4.52547 12.5107 5.85139 12.5107 7.48067C12.5107 7.67277 12.2694 7.79692 11.9731 7.79692Z" fill="url(#paint7_radial_4_250)"/>
<path d="M8.40062 14.9466C8.40062 15.4069 7.91101 15.613 7.30779 15.613C6.70457 15.613 6.21497 15.4069 6.21497 14.9466C6.21497 14.4862 6.70457 14.1138 7.30779 14.1138C7.91101 14.1138 8.40062 14.4862 8.40062 14.9466Z" fill="#FF6101"/>
<path d="M17.8026 14.9466C17.8026 15.4069 17.313 15.613 16.7098 15.613C16.1065 15.613 15.6169 15.4069 15.6169 14.9466C15.6169 14.4862 16.1065 14.1138 16.7098 14.1138C17.313 14.1138 17.8026 14.4862 17.8026 14.9466Z" fill="#FF6101"/>
<path d="M8.06209 13.6979C8.27686 13.6979 8.45096 13.5081 8.45096 13.2739C8.45096 13.0398 8.27686 12.8499 8.06209 12.8499C7.84732 12.8499 7.67322 13.0398 7.67322 13.2739C7.67322 13.5081 7.84732 13.6979 8.06209 13.6979Z" fill="#FFC49C"/>
<path d="M17.3049 13.6979C17.5197 13.6979 17.6938 13.5081 17.6938 13.2739C17.6938 13.0398 17.5197 12.8499 17.3049 12.8499C17.0901 12.8499 16.916 13.0398 16.916 13.2739C16.916 13.5081 17.0901 13.6979 17.3049 13.6979Z" fill="#FFC49C"/>
<defs>
<clipPath id="clip0_1432_8748">
<rect width="24" height="24" fill="white"/>
</clipPath>
<radialGradient id="paint0_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.3529 10.0842) scale(7.01628 6.12058)">
<stop stop-color="#FEFFFF"/>
<stop offset="0.4" stop-color="#FEFFFF"/>
<stop offset="0.51" stop-color="#F9FCFC"/>
<stop offset="0.62" stop-color="#EDF3F5"/>
<stop offset="0.7" stop-color="#DEE9EC"/>
<stop offset="0.72" stop-color="#D8E4E8"/>
<stop offset="0.76" stop-color="#CCD8DF"/>
<stop offset="0.8" stop-color="#C8D5DD"/>
<stop offset="0.83" stop-color="#CCD6DE"/>
<stop offset="0.85" stop-color="#D8DBE2"/>
<stop offset="0.88" stop-color="#EDE3E9"/>
<stop offset="0.9" stop-color="#FFEBEF"/>
</radialGradient>
<radialGradient id="paint1_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3.50117 26.208) scale(0.0275256 0.0240117)">
<stop stop-color="#FEFFFF"/>
<stop offset="0.4" stop-color="#FEFFFF"/>
<stop offset="0.51" stop-color="#F9FCFC"/>
<stop offset="0.62" stop-color="#EDF3F5"/>
<stop offset="0.7" stop-color="#DEE9EC"/>
<stop offset="0.72" stop-color="#D8E4E8"/>
<stop offset="0.76" stop-color="#CCD8DF"/>
<stop offset="0.8" stop-color="#C8D5DD"/>
<stop offset="0.83" stop-color="#CCD6DE"/>
<stop offset="0.85" stop-color="#D8DBE2"/>
<stop offset="0.88" stop-color="#EDE3E9"/>
<stop offset="0.9" stop-color="#FFEBEF"/>
</radialGradient>
<radialGradient id="paint2_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0759 9.10245) scale(21.1639 14.8598)">
<stop stop-color="#FEFFFF"/>
<stop offset="0.4" stop-color="#FEFFFF"/>
<stop offset="0.51" stop-color="#F9FCFC"/>
<stop offset="0.62" stop-color="#EDF3F5"/>
<stop offset="0.7" stop-color="#DEE9EC"/>
<stop offset="0.72" stop-color="#D8E4E8"/>
<stop offset="0.76" stop-color="#CCD8DF"/>
<stop offset="0.8" stop-color="#C8D5DD"/>
<stop offset="0.83" stop-color="#CCD6DE"/>
<stop offset="0.85" stop-color="#D8DBE2"/>
<stop offset="0.88" stop-color="#EDE3E9"/>
<stop offset="0.9" stop-color="#FFEBEF"/>
</radialGradient>
<radialGradient id="paint3_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5661 15.1693) rotate(180) scale(1.76825 2.59594)">
<stop stop-color="#FF6600"/>
<stop offset="0.5" stop-color="#FF4500"/>
<stop offset="0.7" stop-color="#FC4301"/>
<stop offset="0.82" stop-color="#F43F07"/>
<stop offset="0.92" stop-color="#E53812"/>
<stop offset="1" stop-color="#D4301F"/>
</radialGradient>
<radialGradient id="paint4_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.37184 15.1693) scale(1.76825 2.59594)">
<stop stop-color="#FF6600"/>
<stop offset="0.5" stop-color="#FF4500"/>
<stop offset="0.7" stop-color="#FC4301"/>
<stop offset="0.82" stop-color="#F43F07"/>
<stop offset="0.92" stop-color="#E53812"/>
<stop offset="1" stop-color="#D4301F"/>
</radialGradient>
<radialGradient id="paint5_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.8436 20.3155) scale(6.23511 4.11251)">
<stop stop-color="#172E35"/>
<stop offset="0.29" stop-color="#0E1C21"/>
<stop offset="0.73" stop-color="#030708"/>
<stop offset="1"/>
</radialGradient>
<radialGradient id="paint6_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.3427 1.4808) scale(5.47319 5.47319)">
<stop stop-color="#FEFFFF"/>
<stop offset="0.4" stop-color="#FEFFFF"/>
<stop offset="0.51" stop-color="#F9FCFC"/>
<stop offset="0.62" stop-color="#EDF3F5"/>
<stop offset="0.7" stop-color="#DEE9EC"/>
<stop offset="0.72" stop-color="#D8E4E8"/>
<stop offset="0.76" stop-color="#CCD8DF"/>
<stop offset="0.8" stop-color="#C8D5DD"/>
<stop offset="0.83" stop-color="#CCD6DE"/>
<stop offset="0.85" stop-color="#D8DBE2"/>
<stop offset="0.88" stop-color="#EDE3E9"/>
<stop offset="0.9" stop-color="#FFEBEF"/>
</radialGradient>
<radialGradient id="paint7_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.0614 7.4474) scale(4.48613)">
<stop offset="0.48" stop-color="#7A9299"/>
<stop offset="0.67" stop-color="#172E35"/>
<stop offset="0.75"/>
<stop offset="0.82" stop-color="#172E35"/>
</radialGradient>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

34
images/icons/trakt.svg
View file

@ -1,21 +1,13 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 144.8 144.8" enable-background="new 0 0 144.8 144.8" xml:space="preserve">
<g>
<path fill="#ED2224" d="M29.5,111.8c10.6,11.6,25.9,18.8,42.9,18.8c8.7,0,16.9-1.9,24.3-5.3L56.3,85L29.5,111.8z"/>
<path fill="#ED2224" d="M56.1,60.6L25.5,91.1L21.4,87l32.2-32.2h0l37.6-37.6c-5.9-2-12.2-3.1-18.8-3.1c-32.2,0-58.3,26.1-58.3,58.3
c0,13.1,4.3,25.2,11.7,35l30.5-30.5l2.1,2l43.7,43.7c0.9-0.5,1.7-1,2.5-1.6L56.3,72.7L27,102l-4.1-4.1l33.4-33.4l2.1,2l51,50.9
c0.8-0.6,1.5-1.3,2.2-1.9l-55-55L56.1,60.6z"/>
<path fill="#ED1C24" d="M115.7,111.4c9.3-10.3,15-24,15-39c0-23.4-13.8-43.5-33.6-52.8L60.4,56.2L115.7,111.4z M74.5,66.8l-4.1-4.1
l28.9-28.9l4.1,4.1L74.5,66.8z M101.9,27.1L68.6,60.4l-4.1-4.1L97.8,23L101.9,27.1z"/>
<g>
<g>
<path fill="#ED2224" d="M72.4,144.8C32.5,144.8,0,112.3,0,72.4C0,32.5,32.5,0,72.4,0s72.4,32.5,72.4,72.4
C144.8,112.3,112.3,144.8,72.4,144.8z M72.4,7.3C36.5,7.3,7.3,36.5,7.3,72.4s29.2,65.1,65.1,65.1s65.1-29.2,65.1-65.1
S108.3,7.3,72.4,7.3z"/>
</g>
</g>
</g>
</svg>
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4_221)">
<path d="M5.28955 18.9304C7.04646 20.853 9.58237 22.0464 12.4 22.0464C13.842 22.0464 15.2012 21.7315 16.4277 21.168L9.73154 14.4884L5.28955 18.9304Z" fill="white"/>
<path d="M9.69839 10.4442L4.62656 15.4995L3.94701 14.8199L9.28402 9.48287L15.5161 3.25083C14.5382 2.91934 13.494 2.73702 12.4 2.73702C7.06303 2.73702 2.73706 7.06299 2.73706 12.4C2.73706 14.5713 3.44977 16.5768 4.67629 18.2011L9.73154 13.1459L10.0796 13.4774L17.3227 20.7204C17.4719 20.6376 17.6045 20.5547 17.7371 20.4553L9.73154 12.4497L4.87518 17.3061L4.19562 16.6265L9.73154 11.0906L10.0796 11.4221L18.5326 19.8586C18.6652 19.7591 18.7813 19.6431 18.8973 19.5436L9.78126 10.4276L9.69839 10.4442Z" fill="white"/>
<path d="M19.5768 18.8641C21.1183 17.1569 22.063 14.8862 22.063 12.4C22.063 8.52155 19.7757 5.19006 16.4939 3.64862L10.4111 9.71492L19.5768 18.8641ZM12.7481 11.4718L12.0685 10.7923L16.8586 6.00221L17.5381 6.68177L12.7481 11.4718ZM17.2895 4.89171L11.7702 10.4111L11.0906 9.73149L16.61 4.21216L17.2895 4.89171Z" fill="white"/>
<path d="M12.4 24.4C5.78676 24.4 0.400024 19.0133 0.400024 12.4C0.400024 5.78674 5.78676 0.400002 12.4 0.400002C19.0133 0.400002 24.4 5.78674 24.4 12.4C24.4 19.0133 19.0133 24.4 12.4 24.4ZM12.4 1.60995C6.44975 1.60995 1.60997 6.44973 1.60997 12.4C1.60997 18.3503 6.44975 23.1901 12.4 23.1901C18.3503 23.1901 23.1901 18.3503 23.1901 12.4C23.1901 6.44973 18.3503 1.60995 12.4 1.60995Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_4_221">
<rect width="24" height="24" fill="white" transform="translate(0.400024 0.400002)"/>
</clipPath>
</defs>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

9
index.html
View file

@ -228,9 +228,6 @@
<!-- Letterboxd -->
<a class="button button-letterboxd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/letterboxd.svg" alt="">Letterboxd</a><br>
<!-- trakt -->
<a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trakt.svg" alt="">Trakt</a><br>
<!-- Line -->
<a class="button button-line" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/line.svg" alt="">Line</a><br>
@ -256,6 +253,9 @@
<!-- OnlyFans -->
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/onlyfans.svg" alt="">OnlyFans (18+)</a><br>
<!-- Partiful -->
<a class="button button-partiful" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/partiful.svg" alt="">Partiful</a><br>
<!-- Patreon -->
<a class="button button-patreon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/patreon.svg" alt="">Patreon</a><br>
@ -331,6 +331,9 @@
<!-- TikTok -->
<a class="button button-tiktok" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/tiktok.svg" alt="">TikTok</a><br>
<!-- Trakt -->
<a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trakt.svg" alt="">Trakt</a><br>
<!-- Trello -->
<a class="button button-trello" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trello.svg" alt="">Trello</a><br>