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

New Brands

Browse source 
Based on some feedback we've been receiving via email and social I'm adding several new brands, including: Amazon, Apple App Store, Google Play Store, and OnlyFans. Added a SVG of the LittleLink avatar. Cleaned up the README.md to make it more readable, updated some outdated content, and added a new Analytics section promoting Fathom (and adding a referral link to help support LittleLink). I also posted a link to the public LittleLink Fathom analytics dashboard.
This commit is contained in:
Seth Cottle 2022-05-04 11:03:14 -04:00
parent e955c1d954
commit a849815bf8
8 changed files with 159 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
README.md
View file

@ -7,7 +7,7 @@ and [many.link](https://many.link/). LittleLink was built using [Skeleton](http:
![Themes](https://cdn.cottle.cloud/littlelink/themes.png) ![Themes](https://cdn.cottle.cloud/littlelink/themes.png)
LittleLink has more than 20 company button styles you can use and we'll be throwing more in soon. You'll also find a light and dark theme ready to go. Not a fan of the colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on. LittleLink has more than 50+ branded button styles you can use (with even more being added by our community). You'll also find a light and dark theme ready to go. Not a fan of the default colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on.
![Performance](https://cdn.cottle.cloud/littlelink/performance.png) ![Performance](https://cdn.cottle.cloud/littlelink/performance.png)
@ -19,30 +19,45 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink&demo-title=LittleLink%20Demo&demo-description=Imported%20from%20GitHub.) [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsethcottle%2Flittlelink&project-name=littlelink&repository-name=littlelink&demo-title=LittleLink%20Demo&demo-description=Imported%20from%20GitHub.)
#### 🤝 Community Extras ---
##### 🎨 Figma ### 🤝 Community Extras
#### 🎨 Figma
Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page. Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.
##### 🐋 Docker #### 🐋 Docker
[Techno Tim](https://github.com/timothystewart6) is building [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)! [Techno Tim](https://github.com/timothystewart6) is building [LittleLink-Server](https://github.com/techno-tim/littlelink-server). Check out [his video](https://youtu.be/42SqfI_AjXU)!
[Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink). [Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
##### 🗃️ Misc #### 🗃️ Misc
[Khashayar](https://github.com/khashayarzavosh) is building [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) which lets you host your own admin portal to manage LittleLink! [Khashayar](https://github.com/khashayarzavosh) is building [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) which lets you host your own admin portal to manage LittleLink!
[Julian](https://github.com/JulianPrieber) is building [LittleLink Custom](https://github.com/JulianPrieber/littlelink-custom) which approaches the admin portal with an easy-to-use "plug-and-play" mentality! [Julian](https://github.com/JulianPrieber) is building [LittleLink Custom](https://github.com/JulianPrieber/littlelink-custom) which approaches the admin portal with an easy-to-use "plug-and-play" mentality!
#### 💖 Supporters ---
### 💖 Supporters
You can support LittleLink by [buying me a beer](https://www.buymeacoffee.com/seth). You can also have your name or your company added to this section and the supporters page of the [LittleLink.io](https://littlelink.io) website. You can support LittleLink by [buying me a beer](https://www.buymeacoffee.com/seth). You can also have your name or your company added to this section and the supporters page of the [LittleLink.io](https://littlelink.io) website.
##### 🏢 Business Supporters #### 🏢 Business Supporters
[Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574) [Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574)
##### ✨ Individual Supporters #### ✨ Individual Supporters
**[Drew Davis](https://connect.davisdre.me)** **[Drew Davis](https://connect.davisdre.me)**
**[Robotter112](https://robotter112.de/)** **[Robotter112](https://robotter112.de/)**
[Add Your Name](https://www.buymeacoffee.com/seth/e/50573) [Add Your Name](https://www.buymeacoffee.com/seth/e/50573)
---
### 📊 Analytics
To help build a more privacy focused product, we recommend using [Fathom Analytics](https://usefathom.com/ref/EQVZMV)*. On May 03, 2022 we moved [LittleLink.io](https://littlelink.io) from Google Analytics to Fathom! We're also making our analytics dashboard [publicly available](https://app.usefathom.com/share/xbmnwxxl/littlelink.io#/?filters=%5B%5D&range=last_7_days&site=2251799827005303)** for everyone to view.
###### * This is a referral link. Using this link to sign up for Fathom is an easy way to help support LittleLink!
###### ** Analytics displayed in this dashboard start May 03, 2022. View this [Google Sheets files](https://docs.google.com/spreadsheets/d/1GL4SroAdH-OZphBVR5z-BoSukHIEVJfao25q_e9-Ii8/edit?usp=sharing) with the generic unique pageview data from Google Analytics.

62
css/brands.css
View file

@ -84,6 +84,26 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Amazon */
.button.button-amazon {
color: #000000;
background-color: #ffffff;
}
.button.button-amazon:hover,
.button.button-amazon:focus {
filter: brightness(90%);
}
/* Apple App Store */
.button.button-appstore {
color: #ffffff;
background-color: #000000;
}
.button.button-appstore:hover,
.button.button-appstore:focus {
filter: brightness(90%);
}
/* Bandcamp */ /* Bandcamp */
.button.button-bandcamp { .button.button-bandcamp {
color: #ffffff; color: #ffffff;
@ -114,17 +134,6 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* VRChat */
.button.button-vrchat {
color: #000000;
background-color: #ffffff;
border: 2px solid black;
}
.button.button-vrchat:hover,
.button.button-vrchat:focus {
filter: brightness(90%);
}
/* dev.to */ /* dev.to */
.button.button-dev-to { .button.button-dev-to {
color: #000000; color: #000000;
@ -223,6 +232,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Google Play Store */
.button.button-playstore {
color: #FFFFFF;
background-color: #000000;
}
.button.button-playstore:hover,
.button.button-playstore:focus {
filter: brightness(90%);
}
/* Instagram */ /* Instagram */
.button.button-instagram { .button.button-instagram {
color: #ffffff; color: #ffffff;
@ -296,6 +315,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* OnlyFans */
.button.button-onlyfans {
color: #ffffff;
background-color: #00AEEF;
}
.button.button-onlyfans:hover,
.button.button-onlyfans:focus {
filter: brightness(90%);
}
/* Patreon */ /* Patreon */
.button.button-patreon { .button.button-patreon {
color: #ffffff; color: #ffffff;
@ -489,6 +518,17 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* VRChat */
.button.button-vrchat {
color: #000000;
background-color: #ffffff;
border: 2px solid black;
}
.button.button-vrchat:hover,
.button.button-vrchat:focus {
filter: brightness(90%);
}
/* Website */ /* Website */
.button.button-web { .button.button-web {
color: #ffffff; color: #ffffff;

5
images/avatar.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="32" cy="32" r="32" fill="#0085FF"/>
<path d="M31.4178 40.2794C31.7149 40.2794 31.9434 40.4148 32.1034 40.6857C32.2862 40.9566 32.3776 41.3291 32.3776 41.8032C32.3776 42.7062 32.1605 43.406 31.7263 43.9026C30.7437 45.0991 29.6697 46.0811 28.5043 46.8487C27.3617 47.6162 26.0592 48 24.5967 48C22.5857 48 21.0889 47.097 20.1063 45.291C19.1466 43.485 18.6667 41.1485 18.6667 38.2815C18.6667 35.5273 19.0209 32.3894 19.7293 28.8677C20.4605 25.346 21.5231 22.321 22.9171 19.7926C24.3339 17.2642 26.0135 16 27.9558 16C29.0527 16 29.9096 16.5079 30.5266 17.5238C31.1665 18.5171 31.4864 19.9506 31.4864 21.8243C31.4864 24.5108 30.7323 27.6261 29.2241 31.1704C27.7159 34.7146 25.6707 38.225 23.0885 41.7016C23.2484 42.6272 23.5112 43.2931 23.8768 43.6995C24.2425 44.0832 24.7223 44.2751 25.3165 44.2751C26.2534 44.2751 27.0761 44.0155 27.7844 43.4963C28.4928 42.9545 29.3955 42.0402 30.4924 40.7534C30.7666 40.4374 31.0751 40.2794 31.4178 40.2794ZM27.2017 19.3524C26.6762 19.3524 26.082 20.2892 25.4193 22.163C24.7566 24.0367 24.1739 26.3619 23.6712 29.1386C23.1684 31.9153 22.8942 34.5792 22.8485 37.1302C24.471 34.4889 25.7621 31.8476 26.7219 29.2063C27.6816 26.5425 28.1615 24.1157 28.1615 21.9259C28.1615 20.2102 27.8416 19.3524 27.2017 19.3524Z" fill="white"/>
<path d="M39.5132 43.0561C39.7645 42.8303 40.0159 42.7175 40.2673 42.7175C40.5415 42.7175 40.7586 42.8755 40.9185 43.1915C41.1014 43.485 41.1928 43.8462 41.1928 44.2751C41.1928 45.2233 40.85 45.9795 40.1644 46.5439C38.9762 47.5146 37.6279 48 36.1197 48C33.9488 48 32.3606 47.1083 31.3552 45.3249C30.3497 43.5189 29.847 41.1711 29.847 38.2815C29.847 35.5273 30.2012 32.3894 30.9096 28.8677C31.6408 25.346 32.7034 22.321 34.0974 19.7926C35.5142 17.2642 37.1937 16 39.1361 16C40.233 16 41.0899 16.5079 41.7069 17.5238C42.3468 18.5171 42.6667 19.9506 42.6667 21.8243C42.6667 24.5108 41.9126 27.6261 40.4044 31.1704C38.919 34.7146 36.8853 38.2138 34.303 41.6677C34.463 42.5933 34.7486 43.2593 35.16 43.6656C35.5713 44.072 36.1312 44.2751 36.8396 44.2751C37.228 44.2751 37.6622 44.1623 38.1421 43.9365C38.6448 43.7108 39.1019 43.4173 39.5132 43.0561ZM38.382 19.3524C37.8564 19.3524 37.2623 20.2892 36.5996 22.163C35.9369 24.0367 35.3542 26.3619 34.8515 29.1386C34.3487 31.9153 34.0745 34.5792 34.0288 37.1302C35.6513 34.4889 36.9424 31.8476 37.9021 29.2063C38.8619 26.5425 39.3418 24.1157 39.3418 21.9259C39.3418 20.2102 39.0219 19.3524 38.382 19.3524Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

13
images/icons/amazon.svg Normal file
View file

@ -0,0 +1,13 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_931_312)">
<path d="M20.6611 19.3764C10.9459 24 4.91657 20.1316 1.05699 17.782C0.818162 17.634 0.412235 17.8167 0.764432 18.2212C2.05025 19.7802 6.26415 23.538 11.7645 23.538C17.2687 23.538 20.5431 20.5347 20.9528 20.0109C21.3596 19.4914 21.0722 19.2048 20.661 19.3764H20.6611ZM23.3896 17.8697C23.1287 17.5299 21.8032 17.4666 20.969 17.5691C20.1335 17.6686 18.8795 18.1792 18.9885 18.4858C19.0444 18.6006 19.1586 18.5491 19.7326 18.4975C20.3081 18.4401 21.9203 18.2366 22.2563 18.6758C22.5938 19.118 21.7421 21.2244 21.5865 21.5642C21.4362 21.9039 21.6439 21.9915 21.9263 21.7652C22.2047 21.5391 22.7088 20.9533 23.047 20.1244C23.383 19.291 23.5878 18.1283 23.3895 17.8697H23.3896Z" fill="#FF9900"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1286 9.94197C14.1286 11.1551 14.1593 12.1669 13.5461 13.2442C13.0512 14.1202 12.2672 14.6589 11.3913 14.6589C10.1956 14.6589 9.49923 13.7479 9.49923 12.4034C9.49923 9.74921 11.8773 9.26749 14.1286 9.26749V9.94197ZM17.2688 17.532C17.0629 17.7159 16.7651 17.7291 16.533 17.6064C15.4994 16.7481 15.3154 16.3495 14.7461 15.5305C13.0381 17.2736 11.8292 17.7948 9.61315 17.7948C6.99409 17.7948 4.95312 16.1786 4.95312 12.942C4.95312 10.415 6.32405 8.69373 8.27288 7.8529C9.9635 7.10825 12.3242 6.97688 14.1286 6.77111V6.36814C14.1286 5.62793 14.1855 4.75201 13.7519 4.11261C13.3709 3.53885 12.6439 3.30233 12.0044 3.30233C10.8175 3.30233 9.75763 3.91108 9.49923 5.17243C9.44661 5.4528 9.24083 5.72874 8.96055 5.74185L5.93853 5.41781C5.68456 5.36076 5.40428 5.15498 5.47435 4.76512C6.17071 1.10376 9.47726 0 12.4379 0C13.9533 0 15.9329 0.402971 17.1286 1.55049C18.644 2.96509 18.4994 4.85273 18.4994 6.90681V11.7595C18.4994 13.218 19.1038 13.8574 19.6731 14.6458C19.8746 14.9261 19.9184 15.2634 19.6644 15.4735C19.0293 16.0034 17.8993 16.9889 17.2775 17.5408L17.2687 17.532" fill="black"/>
<path d="M20.6611 19.3764C10.9459 24 4.91657 20.1316 1.05699 17.782C0.818162 17.634 0.412235 17.8167 0.764432 18.2212C2.05025 19.7802 6.26415 23.538 11.7645 23.538C17.2687 23.538 20.5431 20.5347 20.9528 20.0109C21.3596 19.4914 21.0722 19.2048 20.661 19.3764H20.6611ZM23.3896 17.8697C23.1287 17.5299 21.8032 17.4666 20.969 17.5691C20.1335 17.6686 18.8795 18.1792 18.9885 18.4858C19.0444 18.6006 19.1586 18.5491 19.7326 18.4975C20.3081 18.4401 21.9203 18.2366 22.2563 18.6758C22.5938 19.118 21.7421 21.2244 21.5865 21.5642C21.4362 21.9039 21.6439 21.9915 21.9263 21.7652C22.2047 21.5391 22.7088 20.9533 23.047 20.1244C23.383 19.291 23.5878 18.1283 23.3895 17.8697H23.3896Z" fill="#FF9900"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1286 9.94197C14.1286 11.1551 14.1593 12.1669 13.5461 13.2442C13.0512 14.1202 12.2672 14.6589 11.3913 14.6589C10.1956 14.6589 9.49923 13.7479 9.49923 12.4034C9.49923 9.74921 11.8773 9.26749 14.1286 9.26749V9.94197ZM17.2688 17.532C17.0629 17.7159 16.7651 17.7291 16.533 17.6064C15.4994 16.7481 15.3154 16.3495 14.7461 15.5305C13.0381 17.2736 11.8292 17.7948 9.61315 17.7948C6.99409 17.7948 4.95312 16.1786 4.95312 12.942C4.95312 10.415 6.32405 8.69373 8.27288 7.8529C9.9635 7.10825 12.3242 6.97688 14.1286 6.77111V6.36814C14.1286 5.62793 14.1855 4.75201 13.7519 4.11261C13.3709 3.53885 12.6439 3.30233 12.0044 3.30233C10.8175 3.30233 9.75763 3.91108 9.49923 5.17243C9.44661 5.4528 9.24083 5.72874 8.96055 5.74185L5.93853 5.41781C5.68456 5.36076 5.40428 5.15498 5.47435 4.76512C6.17071 1.10376 9.47726 0 12.4379 0C13.9533 0 15.9329 0.402971 17.1286 1.55049C18.644 2.96509 18.4994 4.85273 18.4994 6.90681V11.7595C18.4994 13.218 19.1038 13.8574 19.6731 14.6458C19.8746 14.9261 19.9184 15.2634 19.6644 15.4735C19.0293 16.0034 17.8993 16.9889 17.2775 17.5408L17.2687 17.532" fill="black"/>
</g>
<defs>
<clipPath id="clip0_931_312">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

10
images/icons/appstore.svg Normal file
View file

@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_930_305)">
<path d="M21.3613 8.1816C21.2188 8.2896 18.7031 9.6744 18.7031 12.7536C18.7031 16.3152 21.9042 17.5752 22 17.6064C21.9853 17.6832 21.4915 19.332 20.3122 21.012C19.2608 22.4904 18.1626 23.9664 16.4921 23.9664C14.8215 23.9664 14.3916 23.0184 12.4631 23.0184C10.5837 23.0184 9.91549 23.9976 8.38742 23.9976C6.85935 23.9976 5.79315 22.6296 4.56725 20.9496C3.14728 18.9768 2 15.912 2 13.0032C2 8.3376 5.10527 5.8632 8.16141 5.8632C9.78528 5.8632 11.1389 6.9048 12.1585 6.9048C13.1289 6.9048 14.6422 5.8008 16.4896 5.8008C17.1898 5.8008 19.7054 5.8632 21.3613 8.1816ZM15.6126 3.8256C16.3766 2.94 16.9171 1.7112 16.9171 0.4824C16.9171 0.312 16.9023 0.1392 16.8704 0C15.6273 0.0456 14.1484 0.8088 13.2566 1.8192C12.5564 2.5968 11.903 3.8256 11.903 5.0712C11.903 5.2584 11.9349 5.4456 11.9496 5.5056C12.0283 5.52 12.156 5.5368 12.2837 5.5368C13.3991 5.5368 14.8019 4.8072 15.6126 3.8256Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_930_305">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

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

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.8" d="M8 4C6.41775 4 4.87103 4.46919 3.55544 5.34824C2.23985 6.22729 1.21447 7.47672 0.608967 8.93853C0.00346597 10.4003 -0.15496 12.0089 0.153721 13.5607C0.462403 15.1126 1.22433 16.538 2.34315 17.6569C3.46197 18.7757 4.88743 19.5376 6.43928 19.8463C7.99113 20.155 9.59966 19.9965 11.0615 19.391C12.5233 18.7855 13.7727 17.7602 14.6518 16.4446C15.5308 15.129 16 13.5822 16 12C15.9993 9.87849 15.1562 7.84408 13.6561 6.34395C12.1559 4.84381 10.1215 4.00073 8 4V4ZM8 14.4C7.52533 14.4 7.06131 14.2592 6.66663 13.9955C6.27196 13.7318 5.96434 13.357 5.78269 12.9184C5.60104 12.4799 5.55351 11.9973 5.64612 11.5318C5.73872 11.0662 5.9673 10.6386 6.30295 10.3029C6.63859 9.9673 7.06623 9.73872 7.53179 9.64611C7.99734 9.55351 8.4799 9.60104 8.91844 9.78269C9.35698 9.96434 9.73181 10.272 9.99553 10.6666C10.2592 11.0613 10.4 11.5253 10.4 12C10.4005 12.3153 10.3387 12.6276 10.2183 12.919C10.0979 13.2104 9.92109 13.4752 9.69813 13.6981C9.47518 13.9211 9.21041 14.0978 8.91901 14.2183C8.62761 14.3387 8.31531 14.4005 8 14.4V14.4Z" fill="white"/>
<path d="M16.992 9.99954C19.0245 10.5847 21.4245 9.99954 21.4245 9.99954C20.7278 13.0395 18.5198 14.9431 15.3362 15.1753C14.7187 16.6084 13.6947 17.8292 12.3909 18.6866C11.087 19.5441 9.56052 20.0007 8 20L10.4 12.3721C12.8686 4.5312 14.1312 4 19.9826 4H24C23.328 6.95954 21.0121 9.22148 16.992 9.99954Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

33
images/icons/playstore.svg Normal file
View file

@ -0,0 +1,33 @@
<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="M1.67508 0.363429C1.40563 0.654313 1.25 1.09878 1.25 1.68055V22.3147C1.25 22.8964 1.40563 23.3409 1.68437 23.6202L1.75638 23.683L13.2964 12.1221V11.8638L1.74709 0.300598L1.67508 0.363429Z" fill="url(#paint0_linear_930_284)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1364 15.9875L13.2874 12.1315V11.8616L17.1364 8.00562L17.2201 8.05681L21.7729 10.6492C23.076 11.3845 23.076 12.5993 21.7729 13.3439L17.2201 15.9363L17.1364 15.9875Z" fill="url(#paint1_linear_930_284)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2193 15.9363L13.2867 11.9966L1.67468 23.6296C2.09977 24.0857 2.81289 24.1369 3.60963 23.6924L17.2193 15.9363Z" fill="url(#paint2_linear_930_284)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2193 8.05677L3.60963 0.312281C2.81289 -0.143824 2.09744 -0.0809931 1.67468 0.375113L13.2867 11.9965L17.2193 8.05677Z" fill="url(#paint3_linear_930_284)"/>
<defs>
<linearGradient id="paint0_linear_930_284" x1="12.2613" y1="1.45793" x2="-6.22824" y2="6.37557" gradientUnits="userSpaceOnUse">
<stop stop-color="#00A0FF"/>
<stop offset="0.00657" stop-color="#00A1FF"/>
<stop offset="0.2601" stop-color="#00BEFF"/>
<stop offset="0.5122" stop-color="#00D2FF"/>
<stop offset="0.7604" stop-color="#00DFFF"/>
<stop offset="1" stop-color="#00E3FF"/>
</linearGradient>
<linearGradient id="paint1_linear_930_284" x1="23.4723" y1="11.9966" x2="0.933646" y2="11.9966" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFE000"/>
<stop offset="0.4087" stop-color="#FFBD00"/>
<stop offset="0.7754" stop-color="#FFA500"/>
<stop offset="1" stop-color="#FF9C00"/>
</linearGradient>
<linearGradient id="paint2_linear_930_284" x1="15.0809" y1="14.1404" x2="0.201446" y2="39.1384" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF3A44"/>
<stop offset="1" stop-color="#C31162"/>
</linearGradient>
<linearGradient id="paint3_linear_930_284" x1="-1.24934" y1="-6.49976" x2="5.38898" y2="4.66478" gradientUnits="userSpaceOnUse">
<stop stop-color="#32A071"/>
<stop offset="0.0685" stop-color="#2DA771"/>
<stop offset="0.4762" stop-color="#15CF74"/>
<stop offset="0.8009" stop-color="#06E775"/>
<stop offset="1" stop-color="#00F076"/>
</linearGradient>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

20
index.html
View file

@ -310,6 +310,21 @@
src="images/icons/signal.svg" alt="Signal Logo">Signal</a> src="images/icons/signal.svg" alt="Signal Logo">Signal</a>
<br> <br>
<!-- Apple App Store -->
<a class="button button-appstore" href="#" target="_blank" rel="noopener"><img class="icon"
src="images/icons/appstore.svg" alt="Apple App Store Logo">Apple App Store</a>
<br>
<!-- Google Play Store -->
<a class="button button-playstore" href="#" target="_blank" rel="noopener"><img class="icon"
src="images/icons/playstore.svg" alt="Google Play Store Logo">Google Play Store</a>
<br>
<!-- Amazon -->
<a class="button button-amazon" href="#" target="_blank" rel="noopener"><img class="icon"
src="images/icons/amazon.svg" alt="Amazon Logo">Amazon</a>
<br>
<!-- Venmo --> <!-- Venmo -->
<a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" <a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon"
src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a> src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
@ -335,6 +350,11 @@
src="images/icons/dev_to.svg" alt="dev.to Logo">dev.to</a> src="images/icons/dev_to.svg" alt="dev.to Logo">dev.to</a>
<br> <br>
<!-- OnlyFans -->
<a class="button button-onlyfans" href="#" target="_blank" rel="noopener"><img class="icon"
src="images/icons/onlyfans.svg" alt="Only Fans Logo">OnlyFans (18+)</a>
<br>
<!-- Web --> <!-- Web -->
<a class="button button-web" href="#" target="_blank" rel="noopener"><img class="icon" <a class="button button-web" href="#" target="_blank" rel="noopener"><img class="icon"
src="images/icons/web.svg" alt="Web Logo">Website</a> src="images/icons/web.svg" alt="Web Logo">Website</a>