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

initial commit

Browse source
This commit is contained in:
John Fox 2022-06-03 16:57:32 -04:00
parent f847723c2f
commit 6316c68241
24 changed files with 1032 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
README 2.md Normal file
View file

@ -0,0 +1,63 @@
# 🔗 LittleLink
![LittleLink](https://cdn.cottle.cloud/littlelink/social-circle.png)
LittleLink is a lightweight DIY alternative to services like [Linktree](https://linktr.ee)
and [many.link](https://many.link/). LittleLink was built using [Skeleton](http://getskeleton.com/), a dead simple, responsive boilerplate—we just stripped out some additional code you wouldn't need and added in branded styles for popular services. 😊
![Themes](https://cdn.cottle.cloud/littlelink/themes.png)
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)
Using [Skeleton](http://getskeleton.com/) let us build something that loads quickly & doesn't have any of the unnecessary bloat you would get from using a large framework for a page that requires nothing more than simplicity. LittleLink scored a 99/100 in performance when tested with [Google Lighthouse](https://developers.google.com/web/tools/lighthouse).
![Publish](https://cdn.cottle.cloud/littlelink/fork-edit-publish.png)
No need for gulp, npm, or anything else to make LittleLink work—it uses the bare essentials. You can automatically fork and deploy LittleLink with [Vercel](https://vercel.com/). Enjoy free and fast hosting with automatic deployments on every branch push with one click below. 👇️
[![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
Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.
#### 🐋 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)!
[Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
#### 🗃️ 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!
[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
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
[Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574)
#### ✨ Individual Supporters
**[Drew Davis](https://connect.davisdre.me)**
**[Robotter112](https://robotter112.de/)**
[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 file](https://docs.google.com/spreadsheets/d/1GL4SroAdH-OZphBVR5z-BoSukHIEVJfao25q_e9-Ii8/edit?usp=sharing) with the generic unique pageview data from Google Analytics.

BIN
images/avatar.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

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

BIN
images/avatar@2x.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

37
images/icons/blog 3.svg Normal file
View file

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 512 512"
version="1.1"
id="svg4"
sodipodi:docname="blog.svg"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs8" />
<sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
showgrid="false"
inkscape:zoom="1.640625"
inkscape:cx="255.69524"
inkscape:cy="256.30476"
inkscape:window-width="1920"
inkscape:window-height="1025"
inkscape:window-x="2152"
inkscape:window-y="350"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
<path
d="M172.2 226.8c-14.6-2.9-28.2 8.9-28.2 23.8V301c0 10.2 7.1 18.4 16.7 22 18.2 6.8 31.3 24.4 31.3 45 0 26.5-21.5 48-48 48s-48-21.5-48-48V120c0-13.3-10.7-24-24-24H24c-13.3 0-24 10.7-24 24v248c0 89.5 82.1 160.2 175 140.7 54.4-11.4 98.3-55.4 109.7-109.7 17.4-82.9-37-157.2-112.5-172.2zM209 0c-9.2-.5-17 6.8-17 16v31.6c0 8.5 6.6 15.5 15 15.9 129.4 7 233.4 112 240.9 241.5.5 8.4 7.5 15 15.9 15h32.1c9.2 0 16.5-7.8 16-17C503.4 139.8 372.2 8.6 209 0zm.3 96c-9.3-.7-17.3 6.7-17.3 16.1v32.1c0 8.4 6.5 15.3 14.8 15.9 76.8 6.3 138 68.2 144.9 145.2.8 8.3 7.6 14.7 15.9 14.7h32.2c9.3 0 16.8-8 16.1-17.3-8.4-110.1-96.5-198.2-206.6-206.7z"
id="path2"
style="fill:#ffffff" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

28
images/icons/cashapp_dollar 3.svg Normal file
View file

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<symbol id="RGB_Dollar" viewBox="-22.6 -32 45 64">
<path class="st0" d="M2.4-16.6c4.8,0,9.4,1.7,13,4.8c0.8,0.7,2,0.7,2.7-0.1l3.7-3.8c0.8-0.7,0.8-2,0-2.7c0,0-0.1-0.1-0.1-0.1
c-2.9-2.5-6.3-4.4-10-5.6l1.1-5.5c0.2-1.1-0.5-2.1-1.5-2.3c-0.1,0-0.3,0-0.4,0H3.8c-0.9,0-1.7,0.6-1.9,1.5l-1,4.9
c-9.6,0.5-17.7,5.2-17.7,15c0,8.4,6.7,12,13.8,14.6C3.7,6.6,7.3,7.5,7.3,11s-3.6,5.7-8.8,5.7c-5.1,0.1-10-1.8-13.7-5.4
c-0.8-0.7-2-0.7-2.7,0l-4,3.9c-0.8,0.7-0.8,2,0,2.7c0,0,0,0,0,0c3.3,3.1,7.3,5.3,11.6,6.4l-1.1,5.1c-0.2,1.1,0.5,2.1,1.6,2.4
c0.1,0,0.2,0,0.4,0h7.2c0.9,0,1.7-0.6,1.9-1.5l1-4.9c11.5-0.7,18.5-6.9,18.5-16c0-8.3-7-11.9-15.5-14.7c-4.9-1.8-9.1-3-9.1-6.6
S-1.5-16.6,2.4-16.6z"/>
</symbol>
<g>
<defs>
<rect id="SVGID_1_" width="64" height="64"/>
</defs>
<clipPath id="SVGID_00000031926049870734804350000017612823412807515052_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g style="clip-path:url(#SVGID_00000031926049870734804350000017612823412807515052_);">
<use xlink:href="#RGB_Dollar" width="45" height="64" id="XMLID_00000003788443749446224530000008446952048098981045_" x="-22.6" y="-32" transform="matrix(1 0 0 1 32.0296 32.0148)" style="overflow:visible;"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

3
images/icons/discord 3.svg Normal file
View file

@ -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="M20.317 4.36642C18.7873 3.66454 17.147 3.14742 15.4319 2.85125C15.4007 2.84553 15.3695 2.85982 15.3534 2.88839C15.1424 3.2636 14.9087 3.7531 14.7451 4.13784C12.9004 3.86168 11.0652 3.86168 9.25832 4.13784C9.09465 3.74455 8.85248 3.2636 8.64057 2.88839C8.62449 2.86077 8.59328 2.84649 8.56205 2.85125C6.84791 3.14648 5.20756 3.66359 3.67693 4.36642C3.66368 4.37213 3.65233 4.38166 3.64479 4.39404C0.533392 9.0424 -0.31895 13.5765 0.0991801 18.0544C0.101072 18.0763 0.11337 18.0973 0.130398 18.1106C2.18321 19.6181 4.17171 20.5333 6.12328 21.14C6.15451 21.1495 6.18761 21.1381 6.20748 21.1123C6.66913 20.4819 7.08064 19.8172 7.43348 19.1181C7.4543 19.0772 7.43442 19.0286 7.39186 19.0124C6.73913 18.7648 6.1176 18.4629 5.51973 18.1201C5.47244 18.0925 5.46865 18.0249 5.51216 17.9925C5.63797 17.8982 5.76382 17.8001 5.88396 17.7011C5.90569 17.683 5.93598 17.6792 5.96153 17.6906C9.88928 19.4839 14.1415 19.4839 18.023 17.6906C18.0485 17.6782 18.0788 17.682 18.1015 17.7001C18.2216 17.7992 18.3475 17.8982 18.4742 17.9925C18.5177 18.0249 18.5149 18.0925 18.4676 18.1201C17.8697 18.4696 17.2482 18.7648 16.5945 19.0115C16.552 19.0277 16.533 19.0772 16.5538 19.1181C16.9143 19.8162 17.3258 20.4809 17.7789 21.1114C17.7978 21.1381 17.8319 21.1495 17.8631 21.14C19.8241 20.5333 21.8126 19.6181 23.8654 18.1106C23.8834 18.0973 23.8948 18.0772 23.8967 18.0553C24.3971 12.8784 23.0585 8.38148 20.3482 4.39498C20.3416 4.38166 20.3303 4.37213 20.317 4.36642ZM8.02002 15.3278C6.8375 15.3278 5.86313 14.2422 5.86313 12.9089C5.86313 11.5756 6.8186 10.49 8.02002 10.49C9.23087 10.49 10.1958 11.5851 10.1769 12.9089C10.1769 14.2422 9.22141 15.3278 8.02002 15.3278ZM15.9947 15.3278C14.8123 15.3278 13.8379 14.2422 13.8379 12.9089C13.8379 11.5756 14.7933 10.49 15.9947 10.49C17.2056 10.49 18.1705 11.5851 18.1516 12.9089C18.1516 14.2422 17.2056 15.3278 15.9947 15.3278Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

3
images/icons/email_alt 3.svg Normal file
View file

@ -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 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24H18V21.6H12C6.792 21.6 2.4 17.208 2.4 12C2.4 6.792 6.792 2.4 12 2.4C17.208 2.4 21.6 6.792 21.6 12V13.716C21.6 14.664 20.748 15.6 19.8 15.6C18.852 15.6 18 14.664 18 13.716V12C18 8.688 15.312 6 12 6C8.688 6 6 8.688 6 12C6 15.312 8.688 18 12 18C13.656 18 15.168 17.328 16.248 16.236C17.028 17.304 18.372 18 19.8 18C22.164 18 24 16.08 24 13.716V12C24 5.376 18.624 0 12 0ZM12 15.6C10.008 15.6 8.4 13.992 8.4 12C8.4 10.008 10.008 8.4 12 8.4C13.992 8.4 15.6 10.008 15.6 12C15.6 13.992 13.992 15.6 12 15.6Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 677 B

11
images/icons/ko-fi 3.svg Normal file
View file

@ -0,0 +1,11 @@
<svg width="23.999999999999996" height="23.999999999999996" xmlns="http://www.w3.org/2000/svg" fill="none">
<g>
<title>Layer 1</title>
<g id="svg_1">
<path d="m18.85498,5.26251c1.86416,0.51783 3.22531,1.81979 3.71355,3.5508c0.57701,2.0787 -0.0074,4.11301 -1.59046,5.46676c-0.85071,0.72495 -2.40419,1.26497 -3.66916,1.26497l-0.56221,0l-0.05918,0.53262c-0.14055,1.43512 -0.84332,2.40419 -1.99733,2.73708c-0.21452,0.06658 -1.86416,0.08877 -5.91799,0.08877l-5.62209,0.0074l-0.44385,-0.20713c-0.71016,-0.33289 -1.25018,-0.93948 -1.4573,-1.64224c-0.02958,-0.11836 -0.05918,-2.70749 -0.05918,-5.75525c0,-5.96979 0,-5.96238 0.38467,-6.11774c0.10357,-0.03699 3.59517,-0.06658 8.45534,-0.06658c8.10026,-0.0074 8.29999,-0.0074 8.82522,0.14055l-0.00001,0.00001z" fill="#ffffff" id="svg_2"/>
<path d="m16.79848,10.36678l0,2.51516l0.65098,0c1.14662,0 1.84937,-0.39207 2.30802,-1.28717c0.24412,-0.48823 0.25891,-0.54741 0.25891,-1.29456c0,-0.71016 -0.02219,-0.82113 -0.20713,-1.20579c-0.22192,-0.45864 -0.63619,-0.85811 -1.12442,-1.09483c-0.24412,-0.11836 -0.45864,-0.14795 -1.09483,-0.14795l-0.79153,0l0,2.51516l0,-0.00001z" fill="#13c3ff" id="svg_3"/>
<path d="m10.42812,8.47376c-0.54001,0.17754 -0.71016,0.27371 -1.13181,0.6214l-0.34768,0.2885l-0.31809,-0.25891c-1.05044,-0.85811 -2.58913,-0.95428 -3.45463,-0.21452c-0.42906,0.36988 -0.60657,0.76195 -0.65094,1.43512c-0.03699,0.5992 0.08877,1.16881 0.36984,1.71622c0.08137,0.16274 0.43646,0.5918 0.78413,0.96168c1.08744,1.13181 3.13654,3.01078 3.28449,3.01078c0.08877,0 0.8951,-0.74714 2.01952,-1.87157c1.69403,-1.68663 1.90116,-1.91595 2.11568,-2.37459c0.3033,-0.64358 0.36988,-1.39073 0.18494,-1.95294c-0.36248,-1.08004 -1.73101,-1.73102 -2.85544,-1.36114z" fill="#ff5f5f" id="svg_4"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

3
images/icons/messenger 3.svg Normal file
View file

@ -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="M0 11.64C0 4.95169 5.24005 0 12 0C18.76 0 24 4.95169 24 11.64C24 18.3284 18.76 23.28 12 23.28C10.7858 23.28 9.6209 23.1197 8.52638 22.8188C8.31362 22.7602 8.08737 22.7768 7.88545 22.8658L5.50362 23.9172C4.88058 24.1923 4.17728 23.7492 4.1564 23.0684L4.09105 20.9338C4.08301 20.6708 3.96469 20.425 3.76868 20.2496C1.43376 18.1615 0 15.1385 0 11.64ZM8.31906 9.4516L4.79406 15.0441C4.45578 15.5808 5.11549 16.1856 5.62086 15.8021L9.4073 12.9284C9.66343 12.734 10.0174 12.733 10.2746 12.9259L13.0783 15.0287C13.9195 15.6597 15.1203 15.4381 15.681 14.5485L19.206 8.95595C19.5442 8.41924 18.8846 7.81444 18.3792 8.19796L14.5927 11.0716C14.3366 11.266 13.9827 11.267 13.7254 11.0741L10.9218 8.97136C10.0805 8.3404 8.87978 8.56192 8.31906 9.4516Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 907 B

3
images/icons/patreon 3.svg Normal file
View file

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024">
<path d="M629.8 111.5a301 301 0 0 0-300.7 300.7C329 577.5 464 712 629.8 712a300.1 300.1 0 0 0 0-600.5m-535.4 801h146.9v-801h-147" style="fill:#fff;stroke-width:1.76957" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 249 B

11
images/icons/producthunt 3.svg Normal file
View file

@ -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)">
<path d="M24.0032 12C24.0032 18.6298 18.633 24 12.0032 24C5.3734 24 0.00228119 18.6307 0.00228119 12C0.00228119 5.36929 5.37248 0 12.0023 0C18.6321 0 24.0023 5.3702 24.0023 12" fill="#DA552F"/>
<path d="M13.6028 12H10.2025V8.40952H13.6028C14.5928 8.40952 15.4036 9.2194 15.4036 10.2103C15.4036 11.2011 14.5937 12.011 13.6028 12.011V12ZM13.6028 6.01099H7.80211V18.011H10.2025V14.4114H13.6028C15.9228 14.4114 17.803 12.5311 17.803 10.2112C17.803 7.89124 15.9228 6.01099 13.6028 6.01099" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 729 B

4
images/icons/reddit 3.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.0999 24.4C18.7273 24.4 24.0999 19.0274 24.0999 12.4C24.0999 5.77261 18.7273 0.400024 12.0999 0.400024C5.47244 0.400024 0.0998535 5.77261 0.0998535 12.4C0.0998535 19.0274 5.47244 24.4 12.0999 24.4Z" fill="#FF4500"/>
<path d="M20.0999 12.4C20.0999 11.4316 19.3139 10.6456 18.3455 10.6456C17.8683 10.6456 17.4472 10.8281 17.1385 11.1368C15.9455 10.2807 14.2893 9.7193 12.4648 9.64912L13.2648 5.90175L15.8613 6.44912C15.8893 7.10877 16.4367 7.64211 17.1104 7.64211C17.7981 7.64211 18.3595 7.0807 18.3595 6.39298C18.3595 5.70526 17.7981 5.14386 17.1104 5.14386C16.6192 5.14386 16.1981 5.42456 16.0016 5.84561L13.0964 5.22807C13.0121 5.21404 12.9279 5.22807 12.8578 5.27018C12.7876 5.31228 12.7455 5.38246 12.7174 5.46667L11.8332 9.64912C9.96653 9.70526 8.29635 10.2526 7.08933 11.1368C6.78056 10.8421 6.34547 10.6456 5.88232 10.6456C4.91389 10.6456 4.12793 11.4316 4.12793 12.4C4.12793 13.1158 4.54898 13.7193 5.16653 14C5.13846 14.1684 5.12442 14.3509 5.12442 14.5333C5.12442 17.2281 8.25425 19.4035 12.1279 19.4035C16.0016 19.4035 19.1314 17.2281 19.1314 14.5333C19.1314 14.3509 19.1174 14.1825 19.0893 14.014C19.6648 13.7333 20.0999 13.1158 20.0999 12.4ZM8.09986 13.6491C8.09986 12.9614 8.66126 12.4 9.34898 12.4C10.0367 12.4 10.5981 12.9614 10.5981 13.6491C10.5981 14.3368 10.0367 14.8982 9.34898 14.8982C8.66126 14.8982 8.09986 14.3368 8.09986 13.6491ZM15.0753 16.9474C14.2192 17.8035 12.5911 17.8597 12.1139 17.8597C11.6367 17.8597 9.9946 17.7895 9.15249 16.9474C9.02617 16.8211 9.02617 16.6105 9.15249 16.4842C9.27881 16.3579 9.48933 16.3579 9.61565 16.4842C10.149 17.0175 11.2999 17.214 12.1279 17.214C12.956 17.214 14.0928 17.0175 14.6402 16.4842C14.7665 16.3579 14.9771 16.3579 15.1034 16.4842C15.2016 16.6246 15.2016 16.8211 15.0753 16.9474ZM14.8507 14.8982C14.163 14.8982 13.6016 14.3368 13.6016 13.6491C13.6016 12.9614 14.163 12.4 14.8507 12.4C15.5385 12.4 16.0999 12.9614 16.0999 13.6491C16.0999 14.3368 15.5385 14.8982 14.8507 14.8982Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

2
images/icons/soundcloud 3.svg Normal file
View file

@ -0,0 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" focusable="false" data-prefix="littlelink" data-icon="soundcloud" class="svg-inline soundcloud" role="img" viewBox="0 0 640 512">
<path fill="#FFFFFF" d="M111.4 256.3l5.8 65-5.8 68.3c-.3 2.5-2.2 4.4-4.4 4.4s-4.2-1.9-4.2-4.4l-5.6-68.3 5.6-65c0-2.2 1.9-4.2 4.2-4.2 2.2 0 4.1 2 4.4 4.2zm21.4-45.6c-2.8 0-4.7 2.2-5 5l-5 105.6 5 68.3c.3 2.8 2.2 5 5 5 2.5 0 4.7-2.2 4.7-5l5.8-68.3-5.8-105.6c0-2.8-2.2-5-4.7-5zm25.5-24.1c-3.1 0-5.3 2.2-5.6 5.3l-4.4 130 4.4 67.8c.3 3.1 2.5 5.3 5.6 5.3 2.8 0 5.3-2.2 5.3-5.3l5.3-67.8-5.3-130c0-3.1-2.5-5.3-5.3-5.3zM7.2 283.2c-1.4 0-2.2 1.1-2.5 2.5L0 321.3l4.7 35c.3 1.4 1.1 2.5 2.5 2.5s2.2-1.1 2.5-2.5l5.6-35-5.6-35.6c-.3-1.4-1.1-2.5-2.5-2.5zm23.6-21.9c-1.4 0-2.5 1.1-2.5 2.5l-6.4 57.5 6.4 56.1c0 1.7 1.1 2.8 2.5 2.8s2.5-1.1 2.8-2.5l7.2-56.4-7.2-57.5c-.3-1.4-1.4-2.5-2.8-2.5zm25.3-11.4c-1.7 0-3.1 1.4-3.3 3.3L47 321.3l5.8 65.8c.3 1.7 1.7 3.1 3.3 3.1 1.7 0 3.1-1.4 3.1-3.1l6.9-65.8-6.9-68.1c0-1.9-1.4-3.3-3.1-3.3zm25.3-2.2c-1.9 0-3.6 1.4-3.6 3.6l-5.8 70 5.8 67.8c0 2.2 1.7 3.6 3.6 3.6s3.6-1.4 3.9-3.6l6.4-67.8-6.4-70c-.3-2.2-2-3.6-3.9-3.6zm241.4-110.9c-1.1-.8-2.8-1.4-4.2-1.4-2.2 0-4.2.8-5.6 1.9-1.9 1.7-3.1 4.2-3.3 6.7v.8l-3.3 176.7 1.7 32.5 1.7 31.7c.3 4.7 4.2 8.6 8.9 8.6s8.6-3.9 8.6-8.6l3.9-64.2-3.9-177.5c-.4-3-2-5.8-4.5-7.2zm-26.7 15.3c-1.4-.8-2.8-1.4-4.4-1.4s-3.1.6-4.4 1.4c-2.2 1.4-3.6 3.9-3.6 6.7l-.3 1.7-2.8 160.8s0 .3 3.1 65.6v.3c0 1.7.6 3.3 1.7 4.7 1.7 1.9 3.9 3.1 6.4 3.1 2.2 0 4.2-1.1 5.6-2.5 1.7-1.4 2.5-3.3 2.5-5.6l.3-6.7 3.1-58.6-3.3-162.8c-.3-2.8-1.7-5.3-3.9-6.7zm-111.4 22.5c-3.1 0-5.8 2.8-5.8 6.1l-4.4 140.6 4.4 67.2c.3 3.3 2.8 5.8 5.8 5.8 3.3 0 5.8-2.5 6.1-5.8l5-67.2-5-140.6c-.2-3.3-2.7-6.1-6.1-6.1zm376.7 62.8c-10.8 0-21.1 2.2-30.6 6.1-6.4-70.8-65.8-126.4-138.3-126.4-17.8 0-35 3.3-50.3 9.4-6.1 2.2-7.8 4.4-7.8 9.2v249.7c0 5 3.9 8.6 8.6 9.2h218.3c43.3 0 78.6-35 78.6-78.3.1-43.6-35.2-78.9-78.5-78.9zm-296.7-60.3c-4.2 0-7.5 3.3-7.8 7.8l-3.3 136.7 3.3 65.6c.3 4.2 3.6 7.5 7.8 7.5 4.2 0 7.5-3.3 7.5-7.5l3.9-65.6-3.9-136.7c-.3-4.5-3.3-7.8-7.5-7.8zm-53.6-7.8c-3.3 0-6.4 3.1-6.4 6.7l-3.9 145.3 3.9 66.9c.3 3.6 3.1 6.4 6.4 6.4 3.6 0 6.4-2.8 6.7-6.4l4.4-66.9-4.4-145.3c-.3-3.6-3.1-6.7-6.7-6.7zm26.7 3.4c-3.9 0-6.9 3.1-6.9 6.9L227 321.3l3.9 66.4c.3 3.9 3.1 6.9 6.9 6.9s6.9-3.1 6.9-6.9l4.2-66.4-4.2-141.7c0-3.9-3-6.9-6.9-6.9z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

9
images/icons/threema 3.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 26.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 278.7 323.3" style="enable-background:new 0 0 278.7 323.3;" xml:space="preserve">
<g id="Threema-Logo">
<g id="Threema:-Wortmarke-_x2B_-Bildmarke-_x2B_-Claim-_x28_Landscape_x29_" transform="translate(-200.000000, -342.000000)">
<path d="M425,618c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7c-13.1,0-23.6-10.6-23.6-23.7 C401.4,628.6,411.9,618,425,618z M254.4,618c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7c-13.1,0-23.6-10.6-23.6-23.7 C230.7,628.6,241.3,618,254.4,618z M339.7,618c13.1,0,23.7,10.6,23.7,23.7c0,13.1-10.6,23.7-23.7,23.7 c-13.1,0-23.6-10.6-23.6-23.7C316,628.6,326.6,618,339.7,618z M339.7,342.1c76.8,0,139,54.8,139,122.3s-62.2,122.3-139,122.3 c-21.8,0-42.5-4.4-60.9-12.3l-69.6,17.4l14.9-59.5c-14.7-19.4-23.3-42.8-23.3-67.9C200.7,396.9,262.9,342.1,339.7,342.1z M339.7,399.2c-21.8,0-39.4,17.6-39.4,39.4v15.7h-1.5c-3.5,0-6.3,2.8-6.3,6.3v55.6c0,3.5,2.8,6.3,6.3,6.3h82 c3.5,0,6.3-2.8,6.3-6.3v-55.6c0-3.5-2.8-6.3-6.3-6.3h-1.5v-15.7C379.1,416.8,361.5,399.2,339.7,399.2z M339.7,414.9 c13.1,0,23.7,10.6,23.7,23.6v15.7H316v-15.7C316,425.5,326.6,414.9,339.7,414.9z"/>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

12
images/icons/tiktok 3.svg Normal file
View file

@ -0,0 +1,12 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1844 8.66371C18.7529 9.77082 20.6747 10.4223 22.75 10.4223V6.47879C22.3572 6.47894 21.9655 6.43846 21.5812 6.35801V9.46215C19.506 9.46215 17.5845 8.81068 16.0156 7.70357V15.751C16.0156 19.7768 12.7105 23.0401 8.63356 23.0401C7.11244 23.0401 5.69853 22.586 4.52397 21.8072C5.8645 23.1606 7.7339 24.0002 9.80209 24.0002C13.8793 24.0002 17.1845 20.7369 17.1845 16.711V8.66371H17.1844ZM18.6262 4.68523C17.8246 3.82052 17.2983 2.70293 17.1844 1.46739V0.960205H16.0768C16.3555 2.53047 17.3065 3.87206 18.6262 4.68523V4.68523ZM7.10255 18.7181C6.65472 18.1383 6.41264 17.4289 6.41372 16.6995C6.41372 14.8583 7.92553 13.3654 9.79063 13.3654C10.1382 13.3652 10.4837 13.4179 10.815 13.5216V9.49005C10.4279 9.43767 10.0372 9.41547 9.64658 9.42364V12.5616C9.31513 12.4579 8.96949 12.4052 8.6218 12.4054C6.7567 12.4054 5.24504 13.8983 5.24504 15.7397C5.24504 17.0416 6.00066 18.169 7.10255 18.7181V18.7181Z" fill="#EE1D52"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.014 7.70357C17.583 8.81068 19.5045 9.46215 21.5797 9.46215V6.35801C20.4213 6.11447 19.3958 5.51667 18.6247 4.68523C17.305 3.87206 16.354 2.53047 16.0752 0.960205H13.1659V16.7109C13.1593 18.547 11.65 20.0338 9.78896 20.0338C8.69223 20.0338 7.7179 19.5177 7.10088 18.7181C5.99899 18.169 5.24338 17.0416 5.24338 15.7397C5.24338 13.8983 6.75504 12.4054 8.62014 12.4054C8.97745 12.4054 9.32186 12.4604 9.64492 12.5616V9.42364C5.63968 9.50534 2.41843 12.7368 2.41843 16.711C2.41843 18.6949 3.22062 20.4934 4.52245 21.8074C5.69701 22.5861 7.11092 23.0402 8.63204 23.0402C12.7089 23.0402 16.014 19.7768 16.014 15.7511V7.70357Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5799 6.35781V5.51844C20.5353 5.52 19.5113 5.23114 18.625 4.68489C19.4095 5.533 20.4426 6.11787 21.5799 6.35781V6.35781ZM16.0755 0.96C16.0489 0.809948 16.0284 0.658884 16.0143 0.507186V0H11.9972V15.7508C11.9907 17.5868 10.4816 19.0736 8.62039 19.0736C8.07389 19.0736 7.55806 18.9456 7.10114 18.7179C7.71816 19.5175 8.69249 20.0336 9.78922 20.0336C11.6502 20.0336 13.1595 18.5468 13.1661 16.7107V0.96H16.0755ZM9.64532 9.42343V8.52984C9.30964 8.4845 8.97123 8.46184 8.63243 8.46202C4.5551 8.46202 1.25 11.7255 1.25 15.7508C1.25 18.2745 2.54896 20.4987 4.52285 21.807C3.22102 20.493 2.41882 18.6945 2.41882 16.7107C2.41882 12.7366 5.63993 9.50513 9.64532 9.42343V9.42343Z" fill="#69C9D0"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

1
images/icons/trello 3.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 80 80"><defs><style>.cls-1{fill-rule:evenodd;fill:url(#linear-gradient);}</style><linearGradient id="linear-gradient" x1="40.02" y1="70.45" x2="40.02" y2="9.52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity="0.4"/><stop offset="0.11" stop-color="#fff" stop-opacity="0.54"/><stop offset="0.25" stop-color="#fff" stop-opacity="0.71"/><stop offset="0.39" stop-color="#fff" stop-opacity="0.83"/><stop offset="0.52" stop-color="#fff" stop-opacity="0.93"/><stop offset="0.64" stop-color="#fff" stop-opacity="0.98"/><stop offset="0.75" stop-color="#fff"/></linearGradient></defs><g id="Logos"><path class="cls-1" d="M63.24,9.52H16.8a7.25,7.25,0,0,0-7.24,7.25V63.21a7.24,7.24,0,0,0,7.24,7.24H63.24a7.25,7.25,0,0,0,7.25-7.24V16.77A7.26,7.26,0,0,0,63.24,9.52ZM35.8,53.41a2.4,2.4,0,0,1-2.4,2.41H23.21a2.4,2.4,0,0,1-2.4-2.41V23.18a2.4,2.4,0,0,1,2.4-2.41H33.4a2.4,2.4,0,0,1,2.4,2.41ZM59.24,39.53a2.41,2.41,0,0,1-2.41,2.41H46.65a2.41,2.41,0,0,1-2.41-2.41V23.18a2.41,2.41,0,0,1,2.41-2.41H56.83a2.41,2.41,0,0,1,2.41,2.41Z"/></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

10
images/icons/twitter 3.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)">
<path d="M23.954 4.38171C23.069 4.78054 22.124 5.05224 21.129 5.1763C22.143 4.54985 22.923 3.56252 23.292 2.38448C22.341 2.9535 21.287 3.36771 20.165 3.5984C19.269 2.61516 17.992 2 16.574 2C13.857 2 11.654 4.25868 11.654 7.04127C11.654 7.44112 11.699 7.8256 11.781 8.19367C7.691 7.9958 4.066 5.98216 1.64 2.93812C1.213 3.67837 0.974 4.53858 0.974 5.47568C0.974 7.22889 1.844 8.76988 3.162 9.67519C2.355 9.64854 1.596 9.42093 0.934 9.04363V9.10617C0.934 11.5514 2.627 13.5907 4.88 14.0552C4.467 14.169 4.031 14.2305 3.584 14.2305C3.27 14.2305 2.969 14.1997 2.668 14.1423C3.299 16.1447 5.113 17.6047 7.272 17.6457C5.592 18.998 3.463 19.8039 1.17 19.8039C0.78 19.8039 0.391 19.7803 0 19.7352C2.189 21.1644 4.768 22 7.557 22C16.611 22 21.556 14.3146 21.556 7.66053C21.556 7.44625 21.556 7.22992 21.541 7.01461C22.502 6.3082 23.341 5.41518 24.001 4.40221L23.954 4.38171Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
images/icons/vrchat 3.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 508.66 510.9"><g id="Layer_2" data-name="Layer 2"><g id="VRChat"><path id="Bubble" d="M419.74,510.85c-13.09-3.46-22.14-12.19-30.14-22.53-26.61-34.32-53.37-68.57-80-102.93-2.24-2.9-4.66-3.55-8.06-3.55q-118.54.12-237.1.05c-31,0-55.61-18.65-62.29-47.46A80,80,0,0,1,.12,316.66q-.18-126-.09-252C0,26.83,27,0,65,0H444.66c37.35,0,64,26.53,64,63.83V317.88c0,33.82-20.79,58.1-54.31,63.51a10.6,10.6,0,0,0-1.68.69v5.44q.06,45.17.09,90.34c0,10.21-2.57,19.67-10.86,26.27-3.78,3-8.72,4.56-13.13,6.77Zm10.74-151.19h13.77c25.72-.14,42.11-16.57,42.12-42.28v-253c0-25.77-16.41-42.16-42.14-42.16H107.13c-15,0-30-.15-45,0-22.29.29-39.36,17.18-39.38,39.34q-.15,129.29,0,258.53a38,38,0,0,0,6.45,21.68c8.68,12.89,21.12,18,36.35,17.94q123.54-.15,247.08-.13a9.33,9.33,0,0,1,8.33,4q42.48,54.89,85.24,109.55A72.24,72.24,0,0,0,417,484.85c2.39,1.94,6.93,3.71,9.17,2.68s3-5.61,4.41-8.66a3.74,3.74,0,0,0,.06-1.49q-.06-39.67-.1-79.34C430.47,385.45,430.48,372.85,430.48,359.66Z"/><path id="R" d="M361.26,203.26c12.17,22.54,24,44.48,35.87,66.4,3.54,6.55,3.56,11-1.64,16.25a37.58,37.58,0,0,1-12.16,8.3c-8.55,3.52-15.31.57-19.58-7.66-12.63-24.36-25.25-48.7-37.65-73.19-1.77-3.49-3.68-4.89-7.6-4.65-5.81.36-11.65.1-18.16.1-.1,2.11-.27,4-.27,5.92v64.38c0,8.68-2.89,12.42-11.48,14.17a35.94,35.94,0,0,1-10.4.65c-11.27-1.07-15.13-5.51-15.13-16.68V103.08c0-11.82,3.69-15.53,15.52-15.52,19.17,0,38.35-.16,57.51.25a100.75,100.75,0,0,1,21.24,2.82c22.27,5.39,36.05,19.22,39.76,42.12a80.5,80.5,0,0,1-1.68,35.6C390.41,185.76,379.12,197.34,361.26,203.26Zm-60.94-23.41h31c21.14-.11,31.54-11.42,29.92-32.5-.09-1.15-.24-2.31-.37-3.46-1.57-14-9.35-22.42-23.35-23.39-12.08-.84-24.26-.35-36.39-.41-.24,0-.49.39-.86.7Z"/><path id="V" d="M162.24,247.33c3-10.63,5.67-20,8.32-29.45q17-60.24,33.88-120.47c2.07-7.33,5.26-10.1,12.86-9.69a39.3,39.3,0,0,1,13,3c9.82,4.13,11.83,9.17,8.71,19.35q-26.1,85.34-52.12,170.7c-2.29,7.57-6.89,12.44-14.31,13.55a71.27,71.27,0,0,1-20.21.16c-7.78-1.11-12.67-6.13-15.09-14.07q-26.16-86.09-52.8-172.06c-2.35-7.64-1.11-12.37,6-15.83a48.44,48.44,0,0,1,17-4.63c7.12-.6,10.12,2.38,12.12,9.31l40.89,144.34C160.87,243.07,161.38,244.58,162.24,247.33Z"/></g></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

16
images/icons/web 3.svg Normal file
View file

@ -0,0 +1,16 @@
<svg id="SvgjsSvg1001" width="288" height="288" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><defs id="SvgjsDefs1002"></defs><g id="SvgjsG1008"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 491.52 491.52" viewBox="0 0 491.52 491.52" width="288" height="288"><polygon points="183.855 68.79 169.27 118.43 161.315 93.18 141.785 93.18 133.835 118.43 119.25 68.79 99.6 74.57 123.67 156.49 143.26 156.68 151.55 130.35 159.845 156.68 179.435 156.49 203.505 74.57" fill="#ffffff" class="color000 svgShape"></polygon><polygon points="298.545 68.79 283.955 118.43 276.005 93.18 256.475 93.18 248.525 118.43 233.935 68.79 214.285 74.57 238.36 156.49 257.95 156.68 266.24 130.35 274.53 156.68 294.12 156.49 318.195 74.57" fill="#ffffff" class="color000 svgShape"></polygon><polygon points="413.23 68.79 398.645 118.43 390.695 93.18 371.165 93.18 363.21 118.43 348.625 68.79 328.975 74.57 353.045 156.49 372.635 156.68 380.93 130.35 389.22 156.68 408.81 156.49 432.88 74.57" fill="#ffffff" class="color000 svgShape"></polygon><path d="M491.52,30.72H40.96v89.086C14.217,156.578,0,200.018,0,245.76c0,56.73,21.895,110.2,61.63,150.52
c40.7,41.61,95.185,64.52,153.41,64.52c58.225,0,112.71-22.91,153.385-64.49c39.76-40.35,61.655-93.82,61.655-150.55
c0-17.359-2.146-34.511-6.23-51.2h67.67V30.72z M40.96,159.031v35.529h58.021c-1.786,13.389-2.844,27.089-3.2,40.96H20.886
C22.271,208.614,29.064,182.749,40.96,159.031z M20.974,256h74.879c0.812,32.407,5.357,62.733,13.022,89.597
c-14.02,8.014-27.129,17.739-39.237,28.945C40.257,341.563,23.266,300.167,20.974,256z M84.004,389.117
c9.739-8.951,20.211-16.791,31.323-23.478c9.644,26.264,22.482,48.142,37.522,64.379
C127.497,421.474,104.162,407.642,84.004,389.117z M204.8,439.205c-28.946-6.164-54.591-38.093-70.783-83.479
c22.054-10.145,45.947-16.019,70.783-17.301V439.205z M204.8,317.944c-26.957,1.259-52.95,7.349-76.997,18.056
c-6.658-24.26-10.674-51.436-11.475-80H204.8V317.944z M204.8,235.52h-88.539c0.376-13.903,1.522-27.603,3.412-40.96H204.8V235.52
z M225.28,439.205V338.424c24.836,1.282,48.729,7.156,70.783,17.301C279.871,401.112,254.226,433.041,225.28,439.205z
M313.752,256c-0.801,28.564-4.817,55.74-11.475,80c-24.047-10.706-50.039-16.797-76.997-18.056V256H313.752z M225.28,235.52
v-40.96h85.129c1.89,13.356,3.036,27.054,3.411,40.96H225.28z M277.229,430.019c15.041-16.237,27.88-38.116,37.524-64.381
c11.114,6.688,21.586,14.53,31.326,23.481C325.927,407.642,302.589,421.474,277.229,430.019z M360.443,374.543
c-12.109-11.207-25.217-20.931-39.238-28.946c7.665-26.864,12.21-57.191,13.022-89.597h74.879
C406.814,300.156,389.828,341.545,360.443,374.543z M334.299,235.52c-0.355-13.874-1.413-27.573-3.199-40.96h71.536
c3.641,13.349,5.854,27.053,6.578,40.96H334.299z M471.04,174.08H61.44V51.2h409.6V174.08z" fill="#ffffff" class="color000 svgShape"></path></svg></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

3
images/icons/wordpress 3.svg Normal file
View file

@ -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 0C5.38667 0 0 5.38133 0 12C0 18.6133 5.38667 24 12 24C18.6133 24 24 18.6133 24 12C24 5.38133 18.6133 0 12 0ZM1.21067 12C1.21067 10.4373 1.54667 8.94933 2.144 7.61067L7.29067 21.712C3.69067 19.9573 1.21067 16.2667 1.21067 12ZM12 22.7893C10.9387 22.7893 9.92 22.6347 8.94933 22.3467L12.1867 12.9387L15.4987 22.0267C15.5253 22.08 15.5467 22.128 15.5787 22.176C14.464 22.5707 13.2587 22.7893 12 22.7893ZM13.488 6.944C14.1387 6.912 14.72 6.84267 14.72 6.84267C15.3013 6.77333 15.232 5.92 14.6507 5.952C14.6507 5.952 12.9013 6.08533 11.776 6.08533C10.7147 6.08533 8.93333 5.952 8.93333 5.952C8.352 5.92 8.28267 6.81067 8.864 6.84267C8.864 6.84267 9.41333 6.912 9.99467 6.944L11.6747 11.552L9.312 18.6293L5.38133 6.944C6.032 6.912 6.61333 6.84267 6.61333 6.84267C7.19467 6.77333 7.12533 5.92 6.544 5.952C6.544 5.952 4.79467 6.08533 3.66933 6.08533C3.46667 6.08533 3.22667 6.08 2.97067 6.06933C4.90133 3.14133 8.21333 1.20533 11.984 1.20533C14.7893 1.20533 17.3493 2.27733 19.2693 4.03733C19.2213 4.032 19.1787 4.02667 19.1307 4.02667C18.0693 4.02667 17.3227 4.94933 17.3227 5.94133C17.3227 6.832 17.8347 7.584 18.384 8.46933C18.7947 9.184 19.2747 10.112 19.2747 11.4453C19.2747 12.368 18.9227 13.44 18.4533 14.9333L17.3813 18.528L13.488 6.944ZM17.424 21.3227L20.72 11.7973C21.3333 10.256 21.5413 9.02933 21.5413 7.93067C21.5413 7.536 21.5147 7.168 21.4667 6.82133C22.3093 8.36267 22.7893 10.1227 22.7893 12C22.7893 15.984 20.6347 19.456 17.424 21.3227Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

400
index 2.html Normal file
View file

@ -0,0 +1,400 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>LittleLink</title>
<meta name="description" content="Find us online!">
<meta name="author" content="Seth Cottle">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css">
<link rel="stylesheet" href="css/brands.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
<!--
## Getting Started with LittleLink
This page has been built with every pre-designed button available in LittleLink by default. You can rearrange and delete as needed.
You can add your own brand or others brands you may need in the `css/brands.css` file.
You can add custom icons to `images/icons/...`. It is recommended to use a 24x24 .SVG.
Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
Edit the "Title" section to change the page heading. You can use something like your name, your social handle, or your brand name.
Edit the "Short Bio" section tell users about yourself or your brand.
-->
<!-- Your Image Here -->
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
<!-- Title -->
<h1>LittleLink</h1>
<!-- Short Bio -->
<p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a> and <a href="https://many.link" target="_blank" rel="noopener">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com" target="_blank" rel="noopener">Skeleton</a>, a dead simple, responsive boilerplate—we've just created some branded buttons and stripped out the things you won't need. 😊</p>
<!--
## Breaking down <a> attributes:
1.) class="button button-default" | The first "button" here is telling this <a> tag that it should make this element a button and applies the default styling in `css/brands.css`.
The second portion, button-default, is declaring the specific brand style you would like to apply. Here we're applying the "default" style and color.
If you want to make this button to use the brand colors for Discord, just change "button-default" to "button-discord". Brands are found in `css/brands.css`. You can always edit & add your own there.
2.) Replace the # in href="#" with the desired target URL for the button.
3.) target="_blank" | This attribute opens links in a new tab. Remove this attribute to prevent links from opening in a new tab.
4.) rel="noopener" | This attribute instructs the browser to navigate to the target resource without granting the new browsing context access to the document that opened it.
This is especially useful when opening untrusted links. https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/noopener
## Breaking down the <img> attributes:
1.) class="icon" | This class is telling the <img> tag that it should use the styling for icons found in `css/brands.css`.
2.) src="icons/[icon_name].svg" | This defines the icon you would like to display from the icons/ folder. For example, you can change this to src="icons/discord.svg" to use the Discord icon.
Add your own 24x24 icons to the "icons" folder to reference them. We recommend providing a SVG.
3.) alt="Example Logo" | This alt attribute helps provides alternate text for an image, this can assist users who use screen readers.
-->
<!-- GitHub -->
<a class="button button-github" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
<br>
<!-- Twitter -->
<a class="button button-twit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
<br>
<!-- Instagram -->
<a class="button button-instagram" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
<br>
<!-- Facebook -->
<a class="button button-faceb" href="#" target="_blank" rel="noopener">
<img class="icon"src="images/icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
<br>
<!-- Facebook Messenger -->
<a class="button button-messenger" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
<br>
<!-- LinkedIn -->
<a class="button button-linked" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
<br>
<!-- YouTube -->
<a class="button button-yt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
<br>
<!-- Discord -->
<a class="button button-discord" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
<br>
<!-- Twitch -->
<a class="button button-twitch" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
<br>
<!-- ProductHunt -->
<a class="button button-producthunt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
<br>
<!-- Snapchat -->
<a class="button button-snapchat" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
<br>
<!-- Spotify -->
<a class="button button-spotify" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify</a>
<br>
<!-- Reddit -->
<a class="button button-reddit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
<br>
<!-- Mastodon -->
<a class="button button-mastodon" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
<br>
<!-- Medium -->
<a class="button button-medium" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/medium.svg" alt="Medium Logo">Medium</a>
<br>
<!-- Pinterest -->
<a class="button button-pinterest" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
<br>
<!-- TikTok -->
<a class="button button-tiktok" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
<br>
<!-- Email -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
<br>
<!-- Email Alternative -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
<br>
<!-- Blog -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/blog.svg" alt="Blog Icon">Blog</a>
<br>
<!-- SoundCloud -->
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
<br>
<!-- Figma -->
<a class="button button-figma" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/figma.svg" alt="Figma Logo">Figma</a>
<br>
<!-- Kit -->
<a class="button button-kit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/kit.svg" alt="Kit Logo">Kit</a>
<br>
<!-- Telegram -->
<a class="button button-telegram" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
<br>
<!-- LittleLink -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/littlelink.svg" alt="LittleLink Logo">LittleLink</a>
<br>
<!-- Trello -->
<a class="button button-trello" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/trello.svg" alt="Trello Logo">Trello</a>
<br>
<!-- Notion -->
<a class="button button-notion" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/notion.svg" alt="Notion Logo">Notion</a>
<br>
<!-- Kickstarter -->
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/kickstarter.svg" alt="Kickstarter Logo">Kickstarter</a>
<br>
<!-- Etsy -->
<a class="button button-etsy" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
<br>
<!-- Tumblr -->
<a class="button button-tumb" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
<br>
<!-- Steam -->
<a class="button button-steam" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
<br>
<!-- Vimeo -->
<a class="button button-vimeo" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
<br>
<!-- PayPal-->
<a class="button button-paypal" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<br>
<!-- WhatsApp -->
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
<br>
<!-- Wordpress -->
<a class="button button-wordpress" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
<br>
<!-- Goodreads -->
<a class="button button-goodreads" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
<br>
<!-- Skoob -->
<a class="button button-skoob" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/skoob.svg" alt="Skoob Logo">Skoob</a>
<br>
<!-- Gitlab -->
<a class="button button-gitlab" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
<br>
<!-- XING -->
<a class="button button-xing" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
<br>
<!-- Bandcamp -->
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
<br>
<!-- Patreon -->
<a class="button button-patreon" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/patreon.svg" alt="Patreon Logo">Patreon</a>
<br>
<!-- Signal -->
<a class="button button-signal" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/signal.svg" alt="Signal Logo">Signal</a>
<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 -->
<a class="button button-venmo" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
<br>
<!-- Cash App Dollar -->
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App Dollar</a>
<br>
<!-- Cash App Pound -->
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_pound.svg" alt="Cash App Logo">Cash App Pound</a>
<br>
<!-- Cash App BTC -->
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin</a>
<br>
<!-- dev.to -->
<a class="button button-dev-to" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/dev_to.svg" alt="dev.to Logo">dev.to</a>
<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 -->
<a class="button button-web" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/web.svg" alt="Web Logo">Website</a>
<br>
<!-- Buy Me a Coffee -->
<a class="button button-coffee" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/coffee.svg" alt="Buy Me a Coffee">Buy Me a Coffee</a>
<br>
<!-- Ko-fi -->
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/ko-fi.svg" alt="Ko-fi">Ko-fi</a>
<br>
<!-- VRChat -->
<a class="button button-vrchat" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>
<br>
<!-- Threema -->
<a class="button button-threema" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/threema.svg" alt="Threema Logo">Threema</a>
<br>
<br>
<!--
Footer:
This includes a link to privacy.html page which can be setup for your Privacy Policy.
This also includes a link to the LittleLink repository to make forking LittleLink easier.
You can edit or remove anything here to make your own footer.
-->
<p><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>

271
index.html
View file

@ -6,9 +6,9 @@
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Falc0n2k on the Web</title>
<meta name="description" content="Find me online!">
<meta name="author" content="John Fox">
<title>LittleLink</title>
<meta name="description" content="Find us online!">
<meta name="author" content="Seth Cottle">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
@ -66,14 +66,13 @@
-->
<!-- Your Image Here -->
<img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="Falc0n2k's avatar">
<img src="images/avatar.png" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
<!-- Title -->
<h1>Falc0n2k</h1>
<h1>LittleLink</h1>
<!-- Short Bio -->
<p>📷 Content creator<br/>∞🏳️‍🌈🖤 Autistic enby ace<br/>🍽️ Foodie<br/>🌺 Dog, cat and plant dad</p>
<p><h5><i>They/them</i></h5></p>
<p>LittleLink is an open source DIY alternative to services like <a href="https://linktr.ee" target="_blank" rel="noopener">Linktree</a> and <a href="https://many.link" target="_blank" rel="noopener">many.link</a>. LittleLink was built using <a href="http://www.getskeleton.com" target="_blank" rel="noopener">Skeleton</a>, a dead simple, responsive boilerplate—we've just created some branded buttons and stripped out the things you won't need. 😊</p>
<!--
@ -102,77 +101,293 @@
-->
<!-- GitHub -->
<a class="button button-github" href="https://github.com/falc0n2k" target="_blank" rel="noopener">
<a class="button button-github" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
<br>
<!-- Twitter -->
<a class="button button-twit" href="https://twitter.com/Falc0n2kShoots" target="_blank" rel="noopener">
<a class="button button-twit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
<br>
<!-- Instagram -->
<a class="button button-instagram" href="https://instagram.com/Falc0n2kShoots" target="_blank" rel="noopener">
<a class="button button-instagram" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
<br>
<!-- Facebook -->
<a class="button button-faceb" href="#" target="_blank" rel="noopener">
<img class="icon"src="images/icons/facebook.svg" alt="Facebook Logo">Find us on Facebook</a>
<br>
<!-- Facebook Messenger -->
<a class="button button-messenger" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/messenger.svg" alt="Facebook Messenger Logo">Chat on Messenger</a>
<br>
<!-- LinkedIn -->
<a class="button button-linked" href="https://linkedin.com/in/classicyuppie" target="_blank" rel="noopener">
<a class="button button-linked" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
<br>
<!-- YouTube -->
<a class="button button-yt" href="https://www.youtube.com/channel/UCD2K2g3bHwkptd_wqgINClw" target="_blank" rel="noopener">
<a class="button button-yt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/youtube.svg" alt="YouTube Logo">YouTube</a>
<br>
<!-- Discord -->
<a class="button button-discord" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
<br>
<!-- Twitch -->
<a class="button button-twitch" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitch.svg" alt="Twitch Logo">Twitch</a>
<br>
<!-- ProductHunt -->
<a class="button button-producthunt" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/producthunt.svg" alt="Product Hunt Logo">Product Hunt</a>
<br>
<!-- Snapchat -->
<a class="button button-snapchat" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/snapchat.svg" alt="Snapchat Logo">Snapchat</a>
<br>
<!-- Spotify -->
<a class="button button-spotify" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/spotify.svg" alt="Spotify Logo">Spotify</a>
<br>
<!-- Reddit -->
<a class="button button-reddit" href="https://reddit.com/u/falc0n2k" target="_blank" rel="noopener">
<a class="button button-reddit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
<br>
<!-- Mastodon -->
<a class="button button-mastodon" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/mastodon.svg" alt="Mastodon Logo">Mastodon</a>
<br>
<!-- Medium -->
<a class="button button-medium" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/medium.svg" alt="Medium Logo">Medium</a>
<br>
<!-- Pinterest -->
<a class="button button-pinterest" href="https://www.pinterest.com/Falc0n2kShoots" target="_blank" rel="noopener">
<img class="icon" src="images/icons/pinterest.svg" alt="Pinterest Logo">Pinterest</a>
<a class="button button-pinterest" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/pinterest.svg" alt="Pinterest Logo">Follow on Pinterest</a>
<br>
<!-- TikTok -->
<a class="button button-tiktok" href="https://www.tiktok.com/@falc0n2kshoots" target="_blank" rel="noopener">
<a class="button button-tiktok" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/tiktok.svg" alt="TikTok Logo">TikTok</a>
<br>
<!-- Email -->
<a class="button button-default" href="mailto:falc0n2k@icloud.com" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email.svg" alt="Email Icon">Email</a>
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email.svg" alt="Email Icon">hello@littlelink.io</a>
<br>
<!-- Email Alternative -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email_alt.svg" alt="Email Icon">hello@littlelink.io</a>
<br>
<!-- Blog -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/blog.svg" alt="Blog Icon">Blog</a>
<br>
<!-- SoundCloud -->
<a class="button button-soundcloud" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/soundcloud.svg" alt="SoundCloud Logo">SoundCloud</a>
<br>
<!-- Figma -->
<a class="button button-figma" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/figma.svg" alt="Figma Logo">Figma</a>
<br>
<!-- Kit -->
<a class="button button-kit" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/kit.svg" alt="Kit Logo">Kit</a>
<br>
<!-- Telegram -->
<a class="button button-telegram" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
<br>
<!-- LittleLink -->
<a class="button button-default" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/littlelink.svg" alt="LittleLink Logo">LittleLink</a>
<br>
<!-- Trello -->
<a class="button button-trello" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/trello.svg" alt="Trello Logo">Trello</a>
<br>
<!-- Notion -->
<a class="button button-notion" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/notion.svg" alt="Notion Logo">Notion</a>
<br>
<!-- Kickstarter -->
<a class="button button-kickstarter" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/kickstarter.svg" alt="Kickstarter Logo">Kickstarter</a>
<br>
<!-- Etsy -->
<a class="button button-etsy" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/etsy.svg" alt="Etsy Logo">Etsy</a>
<br>
<!-- Tumblr -->
<a class="button button-tumb" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/tumblr.svg" alt="Tumblr Logo">Tumblr</a>
<br>
<!-- Steam -->
<a class="button button-steam" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
<br>
<!-- Vimeo -->
<a class="button button-vimeo" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/vimeo.svg" alt="Vimeo Logo">Vimeo</a>
<br>
<!-- PayPal-->
<a class="button button-paypal" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<br>
<!-- WhatsApp -->
<a class="button button-whatsapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/whatsapp.svg" alt="WhatsApp Logo">WhatsApp</a>
<br>
<!-- Wordpress -->
<a class="button button-wordpress" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/wordpress.svg" alt="Wordpress Logo">Wordpress</a>
<br>
<!-- Goodreads -->
<a class="button button-goodreads" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/goodreads.svg" alt="Goodreads Logo">Goodreads</a>
<br>
<!-- Skoob -->
<a class="button button-skoob" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/skoob.svg" alt="Skoob Logo">Skoob</a>
<br>
<!-- Gitlab -->
<a class="button button-gitlab" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
<br>
<!-- XING -->
<a class="button button-xing" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
<br>
<!-- Bandcamp -->
<a class="button button-bandcamp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
<br>
<!-- Patreon -->
<a class="button button-patreon" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/patreon.svg" alt="Patreon Logo">Patreon</a>
<br>
<!-- Signal -->
<a class="button button-signal" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/signal.svg" alt="Signal Logo">Signal</a>
<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 -->
<a class="button button-venmo" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
<br>
<!-- Cash App Dollar -->
<a class="button button-cashapp" href="https://cash.app/$falc0n2k" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App</a>
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App Dollar</a>
<br>
<!-- My Business -->
<a class="button button-web" href="https://mulberryphotowerx.com" target="_blank" rel="noopener">
<img class="icon" src="images/icons/web.svg" alt="Web Logo">My Business</a>
<!-- Cash App Pound -->
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_pound.svg" alt="Cash App Logo">Cash App Pound</a>
<br>
<!-- Kit.co -->
<a class="button button-kit" href="https://kit.co/falc0n2k" target="_blank" rel="noopener">
<img class="icon" src="images/icons/kit.svg" alt="Kit.co Logo">My Gear</a>
<!-- Cash App BTC -->
<a class="button button-cashapp" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin</a>
<br>
<!-- dev.to -->
<a class="button button-dev-to" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/dev_to.svg" alt="dev.to Logo">dev.to</a>
<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 -->
<a class="button button-web" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/web.svg" alt="Web Logo">Website</a>
<br>
<!-- Buy Me a Coffee -->
<a class="button button-coffee" href="https://www.buymeacoffee.com/falc0n2k" target="_blank" rel="noopener">
<a class="button button-coffee" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/coffee.svg" alt="Buy Me a Coffee">Buy Me a Coffee</a>
<br>
<!-- Ko-fi -->
<a class="button button-ko-fi" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/ko-fi.svg" alt="Ko-fi">Ko-fi</a>
<br>
<!-- VRChat -->
<a class="button button-vrchat" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>
<br>
<!-- Threema -->
<a class="button button-threema" href="#" target="_blank" rel="noopener">
<img class="icon" src="images/icons/threema.svg" alt="Threema Logo">Threema</a>
<br>
<br>
<!--
Footer:
This includes a link to privacy.html page which can be setup for your Privacy Policy.
This also includes a link to the LittleLink repository to make forking LittleLink easier.
You can edit or remove anything here to make your own footer.
-->
<p><h6><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</h6></p>
<p><a href="privacy.html">Privacy Policy</a> | Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
</div>
</div>

164
privacy 2.html Normal file
View file

@ -0,0 +1,164 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8" />
<title>LittleLink Privacy Policy</title>
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css" />
<!--
Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css" />
<link rel="stylesheet" href="css/brands.css" />
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png" />
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container-left">
<div class="row">
<div class="column" style="margin-top: 10%">
<p>
<a href="index.html">⬅️ Back to main page</a>
</p>
<!--
Privacy Policy:
We recommend adding a Privacy Policy to your LittleLink. Adding one can help you stay compliant
with different privacy legislation and can also help set expectations for your site visitors.
This is a boilerplate, what is here may not be applicable to you. By default, we give three sections...
Analytics: where you can add links to analytic services like Fathom or Google Analytics.
Content From External Platforms: This could be used for CDN services or additional buttons like GitHub hotlinkable buttons.
Hosting and Backend Infrastructure: For where you host your LittleLink.
You can remove, edit, and add to these as necessary for your project.
-->
<!-- Page Name -->
<h1>🔒 Privacy Overview</h1>
<!-- Page Information -->
<p>
<b
>Personal Data collected for the following purposes and using the
following services:</b
>
<br />
<br />
<!-- Start Section -->
<b>🧮 Analytics</b>
<br />
The services contained in this section enable the Owner to monitor
and analyze web traffic and can be used to keep track of User
behavior.
<br />
<br />
<!-- Here you can add any analytics companies you use and what they track -->
<b>1.) Example LLC.</b><br />
Personal Data:
<i
>various types of Data as specified in the privacy policy of the
service</i
><br />
<a href="https://example.com/privacy/"
>Privacy Policy</a
>
</p>
<!-- End Section -->
<!-- Start Section -->
<p>
<b>📦 Displaying Content From External Platforms</b>
<br />
This type of service allows you to view content hosted on external
platforms directly from the pages of this website and interact with
them.<br /><br />
This type of service might still collect web traffic data for the
pages where the service is installed, even when Users do not use it.
<br />
<br />
<!-- Add any external cdn's and they use and what they track -->
<b>1.) Example LLC</b><br />
Personal Data:
<i
>Usage Data; various types of Data as specified in the privacy
policy of the service</i
>
<br />
<a href="https://example.com/privacy/"
>Privacy Policy</a
>
</p>
<!-- End Section -->
<!-- Start Section -->
<p>
<b>📁 Hosting and Backend Infrastructure</b>
<br />
This type of service has the purpose of hosting Data and files that
enable this website to exist.
<br />
<br />
Some services among those listed below, if any, may work through
geographically distributed servers, making it difficult to determine
the actual location where the Personal Data are stored.
<br />
<br />
<!-- Here you can add any hosting companies you use and what they track -->
<b>1.) Example LLC.</b><br />
Personal Data:
<i
>various types of Data as specified in the privacy policy of the
service</i
>
<br />
<a href="https://example.com/privacy"
>Privacy Policy</a
>
</p>
<!-- End Section -->
<br />
<br />
<!--
Footer:
This includes a link to the LittleLink repository to make forking LittleLink easier.
You can edit or remove anything here to make your own footer.
-->
<center>
<p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
</center>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>