Pull in latest changes from upstream

This commit is contained in:
Marcel Schwarz 2023-09-04 19:22:02 +02:00
parent d9915c615e
commit 3e95e0c90d
25 changed files with 618 additions and 183 deletions

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. 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,18 +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) built [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) built 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
Check out [LittleLink Admin](https://github.com/khashayarzavosh/admin-littlelink) by [Khashayar Zavosh](https://github.com/khashayarzavosh) 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!
---
### 💖 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.
#### 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 [LittleLink.io](https://littlelink.io) website.

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;
@ -94,33 +114,23 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Patreon */ /* Buy Me a Coffee */
.button.button-patreon { .button.button-coffee {
color: #ffffff; color: #100a26;
background-color: #ff424d; background-color: #ffdd00;
} }
.button.button-patreon:hover, .button.button-coffee:hover,
.button.button-patreon:focus { .button.button-coffee:focus {
filter: brightness(90%); filter: brightness(90%);
} }
/* Signal */ /* Ko-fi */
.button.button-signal { .button.button-ko-fi {
color: #ffffff; color: #ffffff;
background-color: #3a76f0; background-color: #13C3FF;
} }
.button.button-signal:hover, .button.button-ko-fi:hover,
.button.button-signal:focus { .button.button-ko-fi:focus {
filter: brightness(90%);
}
/* Venmo */
.button.button-venmo {
color: #ffffff;
background-color: #3d95ce;
}
.button.button-venmo:hover,
.button.button-venmo:focus {
filter: brightness(90%); filter: brightness(90%);
} }
@ -134,6 +144,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* dev.to */
.button.button-dev-to {
color: #000000;
background-color: #f5f5f5;
}
.button.button-dev-to:hover,
.button.button-dev-to:focus {
filter: brightness(90%);
}
/* Discord */ /* Discord */
.button.button-discord { .button.button-discord {
color: #ffffff; color: #ffffff;
@ -144,6 +164,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Etsy */
.button.button-etsy {
color: #ffffff;
background-color: #F45800;
}
.button.button-etsy:hover,
.button.button-etsy:focus {
filter: brightness(90%);
}
/* Facebook */ /* Facebook */
.button.button-faceb { .button.button-faceb {
color: #ffffff; color: #ffffff;
@ -182,6 +212,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Flickr */
.button.button-flickr {
color: #ffffff;
background-color: #000000;
}
.button.button-flickr:hover,
.button.button-flickr:focus {
filter: brightness(90%);
}
/* Github */ /* Github */
.button.button-github { .button.button-github {
color: #ffffff; color: #ffffff;
@ -212,6 +252,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;
@ -222,6 +272,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* kickstarter */
.button.button-kickstarter {
color: #ffffff;
background-color: #05ce78;
}
.button.button-kickstarter:hover,
.button.button-kickstarter:focus {
filter: brightness(90%);
}
/* Kit */ /* Kit */
.button.button-kit { .button.button-kit {
color: #ffffff; color: #ffffff;
@ -262,6 +322,49 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Notion */
.button.button-notion {
color: #000000;
border-style: solid;
border-color: #000000;
border-width: 2px;
background-color: #ffffff;
}
.button.button-notion:hover,
.button.button-notion:focus {
filter: brightness(90%);
}
/* OnlyFans */
.button.button-onlyfans {
color: #ffffff;
background-color: #00AEEF;
}
.button.button-onlyfans:hover,
.button.button-onlyfans:focus {
filter: brightness(90%);
}
/* Patreon */
.button.button-patreon {
color: #ffffff;
background-color: #ff424d;
}
.button.button-patreon:hover,
.button.button-patreon:focus {
filter: brightness(90%);
}
/* PayPal */
.button.button-paypal {
color: #ffffff;
background-color: #003087;
}
.button.button-paypal:hover,
.button.button-paypal:focus {
filter: brightness(90%);
}
/* Pinterest */ /* Pinterest */
.button.button-pinterest { .button.button-pinterest {
color: #000000; color: #000000;
@ -295,6 +398,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Signal */
.button.button-signal {
color: #ffffff;
background-color: #3a76f0;
}
.button.button-signal:hover,
.button.button-signal:focus {
filter: brightness(90%);
}
/* Skoob */ /* Skoob */
.button.button-skoob { .button.button-skoob {
color: #ffffff; color: #ffffff;
@ -355,6 +468,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Threema */
.button.button-threema {
color: #000000;
background-color: #3fe669;
}
.button.button-threema:hover,
.button.button-threema:focus {
filter: brightness(90%);
}
/* TikTok */ /* TikTok */
.button.button-tiktok { .button.button-tiktok {
color: #ffffff; color: #ffffff;
@ -365,6 +488,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Trello */
.button.button-trello {
color: #ffffff;
background-color: #0065ff;
}
.button.button-trello:hover,
.button.button-trello:focus {
filter: brightness(90%);
}
/* Tumblr */ /* Tumblr */
.button.button-tumb { .button.button-tumb {
color: #ffffff; color: #ffffff;
@ -395,6 +528,16 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* Venmo */
.button.button-venmo {
color: #ffffff;
background-color: #008CFF;
}
.button.button-venmo:hover,
.button.button-venmo:focus {
filter: brightness(90%);
}
/* Vimeo */ /* Vimeo */
.button.button-vimeo { .button.button-vimeo {
color: #ffffff; color: #ffffff;
@ -405,23 +548,14 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* PayPal */ /* VRChat */
.button.button-paypal { .button.button-vrchat {
color: #ffffff; color: #000000;
background-color: #003087; background-color: #ffffff;
border: 2px solid black;
} }
.button.button-paypal:hover, .button.button-vrchat:hover,
.button.button-paypal:focus { .button.button-vrchat:focus {
filter: brightness(90%);
}
/* YouTube */
.button.button-yt {
color: #ffffff;
background-color: #000000;
}
.button.button-yt:hover,
.button.button-yt:focus {
filter: brightness(90%); filter: brightness(90%);
} }
@ -464,3 +598,23 @@ button:hover,
.button.button-xing:focus { .button.button-xing:focus {
filter: brightness(90%); filter: brightness(90%);
} }
/* YouTube */
.button.button-yt {
color: #ffffff;
background-color: #000000;
}
.button.button-yt:hover,
.button.button-yt:focus {
filter: brightness(90%);
}
/* Letterboxd */
.button.button-letterboxd {
color: #ffffff;
background-color: #2c3440;
}
.button.button-letterboxd:hover,
.button.button-letterboxd:focus {
filter: brightness(90%);
}

View File

@ -40,6 +40,15 @@
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.container-left {
position: relative;
width: 100%;
max-width: 600px;
text-align: left;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.column { .column {
position: center; position: center;
width: 100%; width: 100%;
@ -185,3 +194,15 @@ hr {
border-width: 0; border-width: 0;
border-top: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
} }
/* Radius values:
10%-40%: Squircles
50% (default): True circle
*/
.avatar {
width: 128px;
height: 128px;
object-fit: cover;
background-position: center;
border-radius: 50%;
}

View File

@ -40,6 +40,15 @@
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.container-left {
position: relative;
width: 100%;
max-width: 600px;
text-align: left;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.column { .column {
position: center; position: center;
width: 100%; width: 100%;
@ -185,3 +194,15 @@ hr {
border-width: 0; border-width: 0;
border-top: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
} }
/* Radius values:
10%-40%: Squircles
50% (default): True circle
*/
.avatar {
width: 128px;
height: 128px;
object-fit: cover;
background-position: center;
border-radius: 50%;
}

View File

@ -40,6 +40,15 @@
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
} }
.container-left {
position: relative;
width: 100%;
max-width: 600px;
text-align: left;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.column { .column {
position: center; position: center;
width: 100%; width: 100%;
@ -185,3 +194,15 @@ hr {
border-width: 0; border-width: 0;
border-top: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1;
} }
/* Radius values:
10%-40%: Squircles
50% (default): True circle
*/
.avatar {
width: 128px;
height: 128px;
object-fit: cover;
background-position: center;
border-radius: 50%;
}

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>

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>

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>

After

Width:  |  Height:  |  Size: 1.1 KiB

1
images/icons/coffee.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

1
images/icons/dev_to.svg Normal file
View File

@ -0,0 +1 @@
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#000000" d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z"/></svg>

After

Width:  |  Height:  |  Size: 791 B

3
images/icons/etsy.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="M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM9.71997 11.523V5.60158C9.71997 5.35518 9.71997 5.27831 10.128 5.27732H15.1634C16.0484 5.27732 16.5264 5.99384 16.8418 7.43378L17.1651 8.55833H18.0432C18.128 5.35518 18.2049 4 18.2049 4C18.2049 4 16.0494 4.23063 14.7711 4.23063H8.36479L5 4.16164V5.03979L6.11667 5.27633C6.92485 5.43797 7.16336 5.59961 7.16336 6.31613C7.16336 6.31613 7.24812 8.48047 7.24812 12.0759C7.24812 15.6802 7.16336 17.8435 7.16336 17.8435C7.16336 18.4832 6.92485 18.7217 6.11667 18.8833L5 19.1297V20L8.44167 19.9231H14.2093C15.4876 19.9231 18.5291 20 18.5291 20C18.606 19.2066 19.0062 15.6802 19.0909 15.28H18.2827L17.4125 17.2049C16.7649 18.7217 15.7261 18.8065 14.6863 18.8065H11.3215C10.2049 18.8065 9.71997 18.3984 9.71997 17.4434V12.477C9.71997 12.477 12.1228 12.477 12.9231 12.5618C13.5628 12.6387 13.886 12.8013 14.1246 13.6016L14.3631 14.7261H15.326L15.2412 11.8462L15.4029 9.03536H14.4478L14.1246 10.3215C13.9629 11.1997 13.8013 11.2845 12.9231 11.4382C11.8065 11.523 9.71997 11.523 9.71997 11.523Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

1
images/icons/flickr.svg Normal file
View File

@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8"?><svg id="svg2" xmlns="http://www.w3.org/2000/svg" height="256px" width="256px" version="1.0" xmlns:xlink="http://www.w3.org/1999/xlink"><defs id="defs4"><linearGradient id="linearGradient2449" y2="425.4" gradientUnits="userSpaceOnUse" x2="-395.85" gradientTransform="matrix(-.59146 0 0 .59146 210.02 142.23)" y1="274.71" x1="-344.15"><stop id="stop2557" stop-color="#fff" offset="0"/><stop id="stop2559" stop-color="#fff" stop-opacity="0" offset="1"/></linearGradient></defs><g id="layer1" transform="translate(-373.64 -318.34)"><rect id="rect1942" ry="35.488" stroke="#000" stroke-linecap="square" stroke-width=".5" fill="#ececeb" fill-rule="evenodd" rx="35.488" transform="scale(-1,1)" width="235.01" height="234.99" y="328.85" x="-619.15"/><path id="path1950" d="m557.06 338.9h-110.83c-29.34 0-52.96 23.8-52.96 53.38v108.13c0.95 23.08 4.6 8.49 11.56-17.08 8.08-29.71 34.39-55.68 66.44-75.14 24.46-14.86 51.84-24.34 101.68-25.25 28.27-0.51 25.77-36.68-15.89-44.04z" fill-rule="evenodd" fill="url(#linearGradient2449)"/><path id="path4776" d="m115.71 124.57c0 22.289-16.629 40.357-37.143 40.357-20.513 0-37.143-18.069-37.143-40.357 0-22.289 16.629-40.357 37.143-40.357 20.513 0 37.143 18.069 37.143 40.357z" transform="translate(373.64 318.34)" fill="#0059d4"/><path id="path4778" d="m215.71 127.61c0 21.993-17.109 39.821-38.214 39.821s-38.214-17.829-38.214-39.821c0-21.993 17.109-39.821 38.214-39.821s38.214 17.829 38.214 39.821z" transform="translate(368.64 314.77)" fill="#da1593"/></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -1,69 +1 @@
<?xml version="1.0" encoding="utf-8"?> <svg xmlns="http://www.w3.org/2000/svg" height="192" width="192" id="svg3816" version="1.1"><defs id="defs3805"><style id="style3803">.cls-2{fill:#fc6d26}</style></defs><g transform="translate(-94 -94.01)" id="LOGO"><path style="fill:#e24329" id="path3807" d="m282.83 170.73-.27-.69-26.14-68.22a6.81 6.81 0 0 0-2.69-3.24 7 7 0 0 0-8 .43 7 7 0 0 0-2.32 3.52l-17.65 54h-71.47l-17.65-54a6.86 6.86 0 0 0-2.32-3.53 7 7 0 0 0-8-.43 6.87 6.87 0 0 0-2.69 3.24L97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91 40.06-30 .1-.08a48.56 48.56 0 0 0 16.08-56.04z"/><path style="fill:#fc6d26" id="path3809" d="m282.83 170.73-.27-.69a88.3 88.3 0 0 0-35.15 15.8L190 229.25c19.55 14.79 36.57 27.64 36.57 27.64l40.06-30 .1-.08a48.56 48.56 0 0 0 16.1-56.08z" class="cls-2"/><path style="fill:#fca326" id="path3811" d="m153.43 256.89 19.7 14.91 12 9.06a8.07 8.07 0 0 0 9.76 0l12-9.06 19.7-14.91S209.55 244 190 229.25c-19.55 14.75-36.57 27.64-36.57 27.64z"/><path style="fill:#fc6d26" id="path3813" d="M132.58 185.84A88.19 88.19 0 0 0 97.44 170l-.26.69a48.54 48.54 0 0 0 16.1 56.1l.09.07.24.17 39.82 29.82L190 229.21z" class="cls-2"/></g></svg>
<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="120 120 365 330" style="enable-background:new 0 0 586 559;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FAFAFA;}
.st1{fill:#F0F0F0;}
.st2{fill:#FFFFFF;}
.st3{fill:#E24329;}
.st4{fill:#FCA326;}
.st5{fill:#FC6D26;}
.st6{fill:#8C929D;}
.st7{fill:#2E2E2E;}
.st8{fill:none;stroke:#FCA326;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st9{fill:none;stroke:#FC6D26;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st10{fill:none;stroke:#E24329;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st11{fill:none;stroke:#F0F0F0;stroke-miterlimit:10;}
.st12{fill:#231F20;}
.st13{fill:none;stroke:#231F20;stroke-width:16;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st14{display:none;}
.st15{display:inline;opacity:0.1;fill:#E828E3;}
.st16{display:inline;}
.st17{opacity:0.1;fill:#E828E3;}
.st18{font-family:'SourceSansPro-Semibold';}
.st19{font-size:24px;}
.st20{display:inline;fill:#DB3B21;}
.st21{display:inline;fill:#FC6D26;}
.st22{display:inline;fill:#2E2E2E;}
.st23{display:inline;fill:#6E49CB;}
.st24{display:inline;fill:#380D75;}
.st25{display:inline;fill:#FCA121;}
.st26{opacity:0.6;fill:none;stroke:#231F20;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:12,6;}
.st27{fill:none;stroke:#444444;stroke-width:1.5339;stroke-miterlimit:10;}
</style>
<g id="logo_art">
<g>
<path id="path50_2_" class="st3" d="M293.026,434.983L293.026,434.983l62.199-191.322H230.918L293.026,434.983L293.026,434.983z"
/>
<path id="path66_6_" class="st4" d="M143.798,243.662L143.798,243.662l-18.941,58.126c-1.714,5.278,0.137,11.104,4.661,14.394
l163.509,118.801L143.798,243.662L143.798,243.662z"/>
<path id="path74_2_" class="st3" d="M143.798,243.662h87.12l-37.494-115.224c-1.919-5.895-10.282-5.895-12.27,0L143.798,243.662
L143.798,243.662z"/>
<path id="path82_6_" class="st4" d="M442.346,243.662L442.346,243.662l18.873,58.126c1.714,5.278-0.137,11.104-4.661,14.394
L293.026,434.983L442.346,243.662L442.346,243.662z"/>
<path id="path86_2_" class="st3" d="M442.346,243.662h-87.12l37.425-115.224c1.919-5.895,10.282-5.895,12.27,0L442.346,243.662
L442.346,243.662z"/>
<polygon class="st5" points="293.026,434.983 355.225,243.662 442.346,243.662 "/>
<polygon class="st5" points="293.026,434.983 143.798,243.662 230.918,243.662 "/>
</g>
</g>
<g id="spacing_guides" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" class="st14">
<path id="path40_18_" sketch:type="MSShapeGroup" class="st15" d="M0,0.5v124h586V0.5H0L0,0.5z"/>
<path id="path40_16_" sketch:type="MSShapeGroup" class="st15" d="M0,435.5v124h586v-124H0L0,435.5z"/>
<path id="path40_15_" sketch:type="MSShapeGroup" class="st15" d="M462.2,560h124V0h-124V560L462.2,560z"/>
<g class="st16">
<text transform="matrix(1 0 0 1 511.2881 283.3319)" class="st18 st19">1x</text>
</g>
<g class="st16">
<text transform="matrix(1 0 0 1 281.2881 500.9978)" class="st18 st19">1x</text>
</g>
<g class="st16">
<text transform="matrix(1 0 0 1 281.2881 65.998)" class="st18 st19">1x</text>
</g>
<path id="path40_5_" sketch:type="MSShapeGroup" class="st15" d="M0,560h124V0H0V560L0,560z"/>
<g class="st16">
<text transform="matrix(1 0 0 1 51.2881 283.3319)" class="st18 st19">1x</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

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_824_278)">
<path d="M18.7495 12.0062L20.9317 9.84147C21.4691 9.30777 21.8956 8.67303 22.1867 7.9738C22.4777 7.27457 22.6275 6.52467 22.6275 5.76729C22.6275 5.0099 22.4777 4.26 22.1867 3.56077C21.8956 2.86154 21.4691 2.2268 20.9317 1.69311C19.8393 0.614063 18.3656 0.00897611 16.8301 0.00897611C15.2946 0.00897611 13.821 0.614063 12.7285 1.69311L11.9347 2.48278C11.3992 1.71526 10.6858 1.08883 9.85548 0.65704C9.02517 0.225253 8.10264 0.000952061 7.16677 0.00331437C3.96655 0.00331437 1.37 2.58242 1.37 5.76189V18.2423C1.37 21.4217 3.96655 24.0008 7.16677 24.0008C8.10264 24.0032 9.02517 23.7789 9.85548 23.3471C10.6858 22.9153 11.3992 22.2889 11.9347 21.5214L12.7285 22.311C13.821 23.3901 15.2946 23.9952 16.8301 23.9952C18.3656 23.9952 19.8393 23.3901 20.9317 22.311C21.4691 21.7773 21.8956 21.1426 22.1867 20.4434C22.4777 19.7441 22.6275 18.9942 22.6275 18.2369C22.6275 17.4795 22.4777 16.7296 22.1867 16.0303C21.8956 15.3311 21.4691 14.6964 20.9317 14.1627L18.7495 12.0037V12.0062Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_824_278">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

11
images/icons/ko-fi.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>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 63 24">
<defs/>
<g id="Layer 1">
<g opacity="1">
<path d="M-1.1917e-06+12C-1.1917e-06+5.37258+5.37258-4.53979e-07+12-4.53979e-07C18.6274-4.53979e-07+24+5.37258+24+12C24+18.6274+18.6274+24+12+24C5.37258+24-1.1917e-06+18.6274-1.1917e-06+12Z" opacity="1" fill="#ff8000"/>
<path d="M19.5+12C19.5+5.37258+24.8726-4.53979e-07+31.5-4.53979e-07C38.1274-4.53979e-07+43.5+5.37258+43.5+12C43.5+18.6274+38.1274+24+31.5+24C24.8726+24+19.5+18.6274+19.5+12Z" opacity="1" fill="#00e054"/>
<path d="M21.75+18.997C23.1661+17.0274+24+14.6111+24+12C24+9.38894+23.1661+6.97265+21.75+5.00295C20.3339+6.97265+19.5+9.38894+19.5+12C19.5+14.6111+20.3339+17.0274+21.75+18.997L21.75+18.997Z" opacity="1" fill="#ffffff"/>
<path d="M39+12C39+5.37258+44.3726-4.53979e-07+51-4.53979e-07C57.6274-4.53979e-07+63+5.37258+63+12C63+18.6274+57.6274+24+51+24C44.3726+24+39+18.6274+39+12Z" opacity="1" fill="#40bcf4"/>
<path d="M41.25+18.997C42.6661+17.0274+43.5+14.6111+43.5+12C43.5+9.38894+42.6661+6.97265+41.25+5.00295C39.8339+6.97265+39+9.38894+39+12C39+14.6111+39.8339+17.0274+41.25+18.997L41.25+18.997Z" opacity="1" fill="#ffffff"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

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="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11.2697 15.4729C11.2183 15.1282 11.1926 14.7557 11.1926 14.3556C11.1926 13.3228 11.3254 12.146 11.5911 10.8254C11.8653 9.50476 12.2638 8.37037 12.7865 7.42222C13.3178 6.47407 13.9476 6 14.676 6C15.0874 6 15.4087 6.19048 15.6401 6.57143C15.88 6.94392 16 7.48148 16 8.18413C16 9.19153 15.7172 10.3598 15.1516 11.6889C14.5946 13.018 13.832 14.3302 12.8636 15.6254C12.9236 15.9725 13.0307 16.2222 13.185 16.3746C13.3392 16.527 13.5492 16.6032 13.8148 16.6032C13.9605 16.6032 14.1233 16.5608 14.3033 16.4762C14.4918 16.3915 14.6632 16.2815 14.8174 16.146C14.9117 16.0614 15.006 16.019 15.1002 16.019C15.2031 16.019 15.2845 16.0783 15.3444 16.1968C15.413 16.3069 15.4473 16.4423 15.4473 16.6032C15.4473 16.9587 15.3187 17.2423 15.0617 17.454C14.6161 17.818 14.1105 18 13.5449 18C12.7308 18 12.1352 17.6656 11.7582 16.9968C11.7157 16.9205 11.6756 16.8416 11.6379 16.7601C11.342 17.0772 11.0257 17.3466 10.6891 17.5683C10.2606 17.8561 9.77218 18 9.22374 18C8.46964 18 7.90835 17.6614 7.53987 16.9841C7.17996 16.3069 7 15.4307 7 14.3556C7 13.3228 7.13282 12.146 7.39847 10.8254C7.67269 9.50476 8.07117 8.37037 8.59389 7.42222C9.12519 6.47407 9.75504 6 10.4834 6C10.8948 6 11.2161 6.19048 11.4475 6.57143C11.6874 6.94392 11.8074 7.48148 11.8074 8.18413C11.8074 9.19153 11.5246 10.3598 10.959 11.6889C10.3935 13.018 9.6265 14.3344 8.65816 15.6381C8.71815 15.9852 8.8167 16.2349 8.95381 16.3873C9.09091 16.5312 9.27087 16.6032 9.49367 16.6032C9.84502 16.6032 10.1535 16.5058 10.4192 16.3111C10.6484 16.1358 10.932 15.8564 11.2697 15.4729ZM9.53224 8.31111C9.78075 7.60847 10.0035 7.25714 10.2006 7.25714C10.4406 7.25714 10.5606 7.57884 10.5606 8.22222C10.5606 9.04339 10.3806 9.95344 10.0207 10.9524C9.66078 11.9429 9.17661 12.9333 8.56819 13.9238C8.58533 12.9672 8.68816 11.9683 8.87668 10.927C9.06521 9.88571 9.28372 9.01376 9.53224 8.31111ZM13.7248 8.31111C13.9734 7.60847 14.1962 7.25714 14.3933 7.25714C14.6332 7.25714 14.7532 7.57884 14.7532 8.22222C14.7532 9.04339 14.5732 9.95344 14.2133 10.9524C13.8534 11.9429 13.3692 12.9333 12.7608 13.9238C12.7779 12.9672 12.8808 11.9683 13.0693 10.927C13.2578 9.88571 13.4763 9.01376 13.7248 8.31111Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

9
images/icons/notion.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 15 KiB

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>

After

Width:  |  Height:  |  Size: 1.4 KiB

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>

After

Width:  |  Height:  |  Size: 2.3 KiB

9
images/icons/threema.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>

After

Width:  |  Height:  |  Size: 1.4 KiB

1
images/icons/trello.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>

After

Width:  |  Height:  |  Size: 1.1 KiB

1
images/icons/vrchat.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>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@ -24,79 +24,46 @@
<div class="column" style="margin-top: 10%"> <div class="column" style="margin-top: 10%">
<!-- Your Image Here --> <!-- Your Image Here -->
<img src="images/avatar@4x.png" srcset="images/avatar@8x.png 2x, images/avatar@16x.png 4x" <img src="images/avatar@4x.png"
srcset="images/avatar@8x.png 2x, images/avatar@16x.png 4x"
alt="Marcel Schwarz Profile Picture"> alt="Marcel Schwarz Profile Picture">
<!-- Your Name --> <!-- Title -->
<h1>Marcel Schwarz</h1> <h1>Marcel Schwarz</h1>
<!-- Short Bio --> <!-- Short Bio -->
<p>Junior Software Engineer @TeamViewer</p> <p>Junior Software Engineer @TeamViewer</p>
<!-- LinkedIn --> <!-- LinkedIn -->
<a class="button button-linked" href="https://www.linkedin.com/in/mschwarz98/" target="_blank" <a class="button button-linked" href="https://www.linkedin.com/in/mschwarz98/" target="_blank" rel="noopener">
rel="noopener"><img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a> <img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
<br> <br>
<!-- Gitlab --> <!-- Gitlab -->
<a class="button button-gitlab" href="https://gitlab.com/marcel.schwarz" target="_blank" rel="noopener"><img <a class="button button-gitlab" href="https://gitlab.com/marcel.schwarz" target="_blank" rel="noopener">
class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a> <img class="icon" src="images/icons/gitlab.svg" alt="GitLab Logo">GitLab</a>
<br> <br>
<!-- Github --> <!-- Github -->
<a class="button button-github" href="https://github.com/iCaotix" target="_blank" rel="noopener"><img <a class="button button-github" href="https://github.com/iCaotix" target="_blank" rel="noopener">
class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a> <img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
<br> <br>
<!-- XING --> <!-- XING -->
<a class="button button-xing" href="https://www.xing.com/profile/Marcel_Schwarz39" target="_blank" <a class="button button-xing" href="https://www.xing.com/profile/Marcel_Schwarz39" target="_blank" rel="noopener">
rel="noopener"><img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a> <img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
<br> <br>
<!-- Instagram --> <!-- Instagram -->
<a class="button button-instagram" href="https://www.instagram.com/mrsl.black/" target="_blank" <a class="button button-instagram" href="https://www.instagram.com/mrsl.black/" target="_blank" rel="noopener">
rel="noopener"><img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a> <img class="icon" src="images/icons/instagram.svg" alt="Instagram Logo">Instagram</a>
<br> <br>
<!-- Email --> <!-- Email -->
<a class="button button-default" href="mailto:mail@marcelschwarz.net" target="_blank" rel="noopener"><img <a class="button button-default" href="mailto:mail@marcelschwarz.net" target="_blank" rel="noopener">
class="icon" src="images/icons/email.svg" alt="Email Icon">mail@marcelschwarz.net</a> <img class="icon" src="images/icons/email.svg" alt="Email Icon">mail@marcelschwarz.net</a>
<br> <br>
<!-- Twitter -->
<a class="button button-twit" href="https://twitter.com/mrsl_black" target="_blank" rel="noopener"><img
class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
<br>
<!-- Discord -->
<a class="button button-discord" href="https://discordapp.com/users/339040106193223690" target="_blank"
rel="noopener"><img class="icon" src="images/icons/discord.svg" alt="Discord Logo">Discord</a>
<br>
<!-- Spotify -->
<a class="button button-spotify" href="https://open.spotify.com/user/1122952345" 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://www.reddit.com/user/iCaotix" target="_blank"
rel="noopener"><img class="icon" src="images/icons/reddit.svg" alt="Reddit Logo">Reddit</a>
<br>
<!-- Telegram -->
<a class="button button-telegram" href="https://t.me/mrsl_shwrz" target="_blank" rel="noopener"><img
class="icon" src="images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
<br>
<!-- Steam -->
<a class="button button-steam" href="https://steamcommunity.com/id/iCaotix/" target="_blank" rel="noopener"><img
class="icon" src="images/icons/steam.svg" alt="Steam Logo">Steam</a>
<br>
<!-- PayPal-->
<a class="button button-paypal" href="https://paypal.me/icaotix" target="_blank" rel="noopener"><img
class="icon" src="images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
<br>
</div> </div>
</div> </div>
</div> </div>

164
privacy.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>