public/littlelink
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pull in latest changes from upstream

Browse Source
This commit is contained in:
Marcel Schwarz 2023-09-04 19:23:13 +02:00
parent 3e95e0c90d
commit 3467f095c9
7 changed files with 34 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -5,7 +5,7 @@
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)
![Themes](https://cdn.cottle.cloud/littlelink/littlelink-comparison.gif)
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.
@ -23,6 +23,9 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba
### 🤝 Community Extras
#### 📦 LittleLink Extended
Looking for more niche services to add to your copy of LittleLink? Check out [LittleLink Extended](https://github.com/sethcottle/littlelink-extended). Users can add more niche services to this repository to help keep the core LittleLink repository less cluttered.
#### 🎨 Figma
Duplicate the [LittleLink Template on Figma Community](https://www.figma.com/community/file/846568099968305613) to help plan out and design your LittleLink page.

24
css/brands.css
View File

@ -440,8 +440,8 @@ button:hover,
/* Spotify */
.button.button-spotify {
color: #ffffff;
background-color: #000000;
color: #191414;
background-color: #1db954;
}
.button.button-spotify:hover,
.button.button-spotify:focus {
@ -458,6 +458,16 @@ button:hover,
filter: brightness(90%);
}
/* Strava */
.button.button-strava {
color: #ffffff;
background-color: #fc5200;
}
.button.button-strava:hover,
.button.button-strava:focus {
filter: brightness(90%);
}
/* Telegram */
.button.button-telegram {
color: #ffffff;
@ -538,6 +548,16 @@ button:hover,
filter: brightness(90%);
}
/* Untappd */
.button.button-untappd {
color: #ffffff;
background-color: #ffc000;
}
.button.button-untappd:hover,
.button.button-untappd:focus {
filter: brightness(90%);
}
/* Vimeo */
.button.button-vimeo {
color: #ffffff;

35
images/icons/playstore.svg
View File

@ -1,33 +1,6 @@
<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>
<path d="M11.295 11.4632L1.35336 22.0116C1.66141 23.1598 2.70692 24 3.94846 24C4.44321 24 4.90996 23.8693 5.31136 23.6266L5.33936 23.6079L16.5226 17.1575L11.2857 11.4539L11.295 11.4632Z" fill="#EA4335"/>
<path d="M21.3487 9.67095H21.3394L16.5132 6.86115L11.071 11.706L16.5319 17.1669L21.3394 14.3944C22.1795 13.937 22.7489 13.0502 22.7489 12.0327C22.7489 11.0152 22.1888 10.1284 21.3487 9.68028V9.67095Z" fill="#FBBC04"/>
<path d="M1.35336 1.99768C1.29735 2.22172 1.26001 2.44576 1.26001 2.68846V21.3209C1.26001 21.5636 1.28801 21.7876 1.35336 22.0117L11.6311 11.734L1.35336 1.99768Z" fill="#4285F4"/>
<path d="M11.3697 12.0047L16.5132 6.86114L5.33936 0.382731C4.93796 0.140024 4.46188 0 3.94846 0C2.70692 0 1.66141 0.849475 1.35336 1.98833L11.3697 11.9953V12.0047Z" fill="#34A853"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 887 B

2
images/icons/spotify.svg
View File

@ -1,2 +1,2 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="littlelink" data-icon="spotify" class="svg-inline spotify" role="img" viewBox="0 0 496 512">
<path fill="#1DB954" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
<path fill="#191414" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1005 B

After

Width:  |  Height:  |  Size: 1006 B

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

@ -0,0 +1 @@
<svg viewBox="0 0 2134 2134" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M927 0 296 1217h372l259-484 257 484h369L927 0Zm626 1217-183 367-186-367H902l468 916 464-916h-281Z" style="fill:#fff;fill-rule:nonzero"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 322 B

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

@ -0,0 +1 @@
<svg viewBox="0 0 127 127" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m58 60-30 43c-2 2-5 3-7 3-3-1-8-2-12-5l-8-9c-1-3-1-6 1-8l30-43 6-5 6-3 3-3L72 4V3h1l1-1V1l1-1 5 2 4 4-1 1-1 1v1l-1 1h-1a648 648 0 0 1-18 36l-1 7c0 2-1 5-3 7Zm68 24L95 41l-6-5-6-3-3-3a331 331 0 0 0-4-3 507 507 0 0 1-10 20v6c0 2 1 5 3 7l31 43c1 2 4 3 6 3 4-1 8-2 12-5l8-9v-8M44 7l1 1h1v2h1a942 942 0 0 0 5 9 729 729 0 0 1 8-9l-5-6V3h-1V2h-1V0l-6 2-3 4v1" style="fill:#fff" transform="translate(0 11)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 585 B

2
index.html
View File

@ -32,7 +32,7 @@
<h1>Marcel Schwarz</h1>
<!-- Short Bio -->
<p>Junior Software Engineer @TeamViewer</p>
<p>Software Engineer @TeamViewer</p>
<!-- LinkedIn -->
<a class="button button-linked" href="https://www.linkedin.com/in/mschwarz98/" target="_blank" rel="noopener">