From 47dd8317b112f52ba759a90fe114e0e571e194ae Mon Sep 17 00:00:00 2001 From: kebin Date: Mon, 7 Feb 2022 18:51:17 -0800 Subject: [PATCH 1/8] Added Cash App Support Added in Cash App style. Added in Logo: - Cash App Dollar - Cash App Pound - Cash App BTC --- css/brands.css | 8 ++++++++ images/icons/cashapp_btc.svg | 17 +++++++++++++++++ images/icons/cashapp_dollar.svg | 17 +++++++++++++++++ images/icons/cashapp_pound.svg | 17 +++++++++++++++++ index.html | 14 +++++++++++++- 5 files changed, 72 insertions(+), 1 deletion(-) create mode 100644 images/icons/cashapp_btc.svg create mode 100644 images/icons/cashapp_dollar.svg create mode 100644 images/icons/cashapp_pound.svg diff --git a/css/brands.css b/css/brands.css index 5c57cf2..accef34 100644 --- a/css/brands.css +++ b/css/brands.css @@ -115,6 +115,14 @@ button:hover, .button.button-venmo:focus { filter: brightness(90%) } +/* Cash App */ +.button.button-cashapp { + color: #FFFFFF; + background-image: linear-gradient(to bottom, #00D64B, #00C244); } +.button.button-cashapp:hover, +.button.button-cashapp:focus { + filter: brightness(90%) } + /* Discord */ .button.button-discord { color: #FFFFFF; diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg new file mode 100644 index 0000000..d324cf4 --- /dev/null +++ b/images/icons/cashapp_btc.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + Cash App - BTC - Icon + + \ No newline at end of file diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg new file mode 100644 index 0000000..b0579ff --- /dev/null +++ b/images/icons/cashapp_dollar.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + Cash App - Dollar - Icon + + \ No newline at end of file diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg new file mode 100644 index 0000000..da43d7b --- /dev/null +++ b/images/icons/cashapp_pound.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + Cash App - Pound - Icon + + \ No newline at end of file diff --git a/index.html b/index.html index 5b1a69f..84edf0a 100644 --- a/index.html +++ b/index.html @@ -239,7 +239,19 @@ Venmo LogoVenmo +
+ + Cash App LogoCash App Dollar +
+ + + Cash App LogoCash App Pound +
+ + + Cash App LogoCash App Bitcoin +

Build your own by forking LittleLink.

@@ -251,4 +263,4 @@ - + \ No newline at end of file From 8dcc32d97249f20a3617f50e98595261ec8fc5a0 Mon Sep 17 00:00:00 2001 From: kebin Date: Mon, 7 Feb 2022 19:02:34 -0800 Subject: [PATCH 2/8] Update cashapp_btc.svg --- images/icons/cashapp_btc.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg index d324cf4..1fd7efe 100644 --- a/images/icons/cashapp_btc.svg +++ b/images/icons/cashapp_btc.svg @@ -14,4 +14,4 @@ Cash App - BTC - Icon - \ No newline at end of file + From c85010618dfb34c6d2cd5f7b9bec0800a168ca77 Mon Sep 17 00:00:00 2001 From: kebin Date: Mon, 7 Feb 2022 19:02:47 -0800 Subject: [PATCH 3/8] Update cashapp_dollar.svg --- images/icons/cashapp_dollar.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg index b0579ff..976ad08 100644 --- a/images/icons/cashapp_dollar.svg +++ b/images/icons/cashapp_dollar.svg @@ -14,4 +14,4 @@ Cash App - Dollar - Icon - \ No newline at end of file + From 466910b5f0c061bd6382b8f44b7e964cc5aee13e Mon Sep 17 00:00:00 2001 From: kebin Date: Mon, 7 Feb 2022 19:03:11 -0800 Subject: [PATCH 4/8] Update cashapp_pound.svg --- images/icons/cashapp_pound.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg index da43d7b..1bdd277 100644 --- a/images/icons/cashapp_pound.svg +++ b/images/icons/cashapp_pound.svg @@ -14,4 +14,4 @@ Cash App - Pound - Icon - \ No newline at end of file + From 917505bd9b9946de709124548c7461175c8e99ca Mon Sep 17 00:00:00 2001 From: kebin Date: Mon, 7 Feb 2022 19:03:36 -0800 Subject: [PATCH 5/8] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 84edf0a..34947ab 100644 --- a/index.html +++ b/index.html @@ -263,4 +263,4 @@ - \ No newline at end of file + From 5a6b21b64673f0492231e140c700f93b47c53eb4 Mon Sep 17 00:00:00 2001 From: kebin Date: Tue, 8 Feb 2022 22:15:29 -0800 Subject: [PATCH 6/8] Iconography Fixes Cash App Dollar Cash App Pound Cash App BTC --- images/icons/cashapp_btc.svg | 42 ++++++++++++++++++++------------ images/icons/cashapp_dollar.svg | 43 +++++++++++++++++++++------------ images/icons/cashapp_pound.svg | 43 +++++++++++++++++++++------------ 3 files changed, 80 insertions(+), 48 deletions(-) diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg index 1fd7efe..8c4a6d7 100644 --- a/images/icons/cashapp_btc.svg +++ b/images/icons/cashapp_btc.svg @@ -1,17 +1,27 @@ - - - - - - - - - - - - - Cash App - BTC - Icon - + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg index 976ad08..8075ef5 100644 --- a/images/icons/cashapp_dollar.svg +++ b/images/icons/cashapp_dollar.svg @@ -1,17 +1,28 @@ - - - - - - - - - - - - - Cash App - Dollar - Icon - + + + + + + + + + + + + + + + + + + + diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg index 1bdd277..70d3f3e 100644 --- a/images/icons/cashapp_pound.svg +++ b/images/icons/cashapp_pound.svg @@ -1,17 +1,28 @@ - - - - - - - - - - - - - Cash App - Pound - Icon - + + + + + + + + + + + + + + + + + + + From 8a06a7cc69d04bb78a7196a32a0bc6067fc01876 Mon Sep 17 00:00:00 2001 From: kebin Date: Wed, 9 Feb 2022 06:50:46 -0800 Subject: [PATCH 7/8] Theme Rework Added skeleton-auto.css, which dynamically sets the theme based on the browser and/or the Operating Systems colors, if supported. Set Default Theme to Auto with comments on helping switch to light and dark theme stylesheets. Darkened the skeleton-dark.css background color to the same as the color that skeleton-auto.css sets it as, which is html recommended standard color of #121212. --- css/skeleton-auto.css | 171 ++++++++++++++++++++++++++++++++++++++++++ css/skeleton-dark.css | 2 +- index.html | 11 ++- 3 files changed, 182 insertions(+), 2 deletions(-) create mode 100644 css/skeleton-auto.css diff --git a/css/skeleton-auto.css b/css/skeleton-auto.css new file mode 100644 index 0000000..3ded1d3 --- /dev/null +++ b/css/skeleton-auto.css @@ -0,0 +1,171 @@ +/* +* littlelink V1 +* https://littlelink.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/21/2019 +* +* Built using: +* +* Skeleton V2.0.4 +* Copyright 2014, Dave Gamache +* www.getskeleton.com +* Free to use under the MIT license. +* http://www.opensource.org/licenses/mit-license.php +* 12/29/2014 +*/ + + +/* Table of contents +–––––––––––––––––––––––––––––––––––––––––––––––––– +- Grid +- Base Styles +- Typography +- Links +- Code +- Spacing +- Utilities +* +* You'll find the button css in css/brands.css. +* +*/ + + +/* Grid +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.container { + position: relative; + width: 100%; + max-width: 600px; + text-align: center; + margin: 0 auto; + padding: 0 20px; + box-sizing: border-box; } +.column { + position: center; + width: 100%; + float: center; + box-sizing: border-box; } + +/* For devices larger than 400px */ +@media (min-width: 400px) { + .container { + width: 85%; + padding: 0; } +} + +/* For devices larger than 550px */ +@media (min-width: 550px) { + .container { + width: 80%; } + .column, + .columns { + margin-left: 0; } + .column:first-child, + .columns:first-child { + margin-left: 0; } + +} + + +/* Base Styles +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +/* NOTE +html is set to 62.5% so that all the REM measurements throughout Skeleton +are based on 10px sizing. So basically 1.5rem = 15px :) */ + +html { + font-size: 100%; + color-scheme: light dark; +} +body { + font-size: 18px; + line-height: 24px; + font-weight: 400; + font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; +} + + +/* Typography +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +h1 { + margin-top: 0; + margin-bottom: 16px; + font-weight: 800; } +h1 { font-size:24px; line-height: 64px; letter-spacing: 0;} + + +/* Larger than phablet */ +@media (min-width: 550px) { + h1 { font-size: 48px; line-height: 96px;} +} + +p { + margin-top: 0; } + + +/* Links +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +a { + color: #0085FF; } +a:hover { + color: #0085FF; } + + +/* Code +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +code { + padding: .2rem .5rem; + margin: 0 .2rem; + font-size: 90%; + color: #000000; + white-space: nowrap; + background: #F1F1F1; + border: 1px solid #E1E1E1; + border-radius: 4px; } +pre > code { + display: block; + padding: 1rem 1.5rem; + white-space: pre; } + +/* Spacing +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +button, +.button { + margin-bottom: 1rem; } +input, +textarea, +select, +fieldset { + margin-bottom: 1.5rem; } +pre, +blockquote, +dl, +figure, +p, +ol { + margin-bottom: 2.5rem; } + + +/* Utilities +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +.u-full-width { + width: 100%; + box-sizing: border-box; } +.u-max-full-width { + max-width: 100%; + box-sizing: border-box; } +.u-pull-right { + float: right; } +.u-pull-left { + float: left; } + + +/* Misc +–––––––––––––––––––––––––––––––––––––––––––––––––– */ +hr { + margin-top: 3rem; + margin-bottom: 3.5rem; + border-width: 0; + border-top: 1px solid #E1E1E1; } + diff --git a/css/skeleton-dark.css b/css/skeleton-dark.css index 19db79e..6961143 100644 --- a/css/skeleton-dark.css +++ b/css/skeleton-dark.css @@ -77,7 +77,7 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */ html { font-size: 100%; } body { - background-color: #292929; + background-color: #121212; font-size: 18px; line-height: 24px; font-weight: 400; diff --git a/index.html b/index.html index 34947ab..51456c3 100644 --- a/index.html +++ b/index.html @@ -17,12 +17,21 @@ –––––––––––––––––––––––––––––––––––––––––––––––––– --> + - + + + + + -

LittleLink is an open source DIY alternative to services like Linktree and many.link. LittleLink was built using Skeleton, a dead simple, responsive boilerplate—we’ve just created some branded buttons and stripped out the things you won't need. 😊

+

LittleLink is an open source DIY alternative to services like Linktree and many.link. LittleLink was built using Skeleton, a dead simple, responsive boilerplate—we've just created some branded buttons and stripped out the things you won't need. 😊

- GitHub LogoGitHub -
- + GitHub LogoGitHub +
+ - Twitter LogoTwitter -
+ Twitter LogoTwitter +
- Instagram LogoInstagram -
+ Instagram LogoInstagram +
- Facebook LogoFind us on Facebook -
+ Facebook LogoFind us on Facebook +
- Facebook Messenger LogoChat on Messenger -
+ Facebook Messenger LogoChat on Messenger +
- LinkedIn LogoLinkedIn -
+ LinkedIn LogoLinkedIn +
- YouTube LogoYouTube -
+ YouTube LogoYouTube +
- Discord LogoDiscord -
+ Discord LogoDiscord +
- Twitch LogoTwitch -
+ Twitch LogoTwitch +
- Product Hunt LogoProduct Hunt -
+ Product Hunt LogoProduct Hunt +
- Snapchat LogoSnapchat -
+ Snapchat LogoSnapchat +
- Spotify LogoSpotify -
- + Spotify LogoSpotify +
+ - Reddit LogoReddit -
+ Reddit LogoReddit +
- Mastodon LogoMastodon -
+ Mastodon LogoMastodon +
- Medium LogoMedium -
+ Medium LogoMedium +
- Pinterest LogoFollow on Pinterest -
+ Pinterest LogoFollow on Pinterest +
- TikTok LogoTikTok -
+ TikTok LogoTikTok +
- Email Iconhello@littlelink.io -
+ Email Iconhello@littlelink.io +
- Email Iconhello@littlelink.io -
+ Email Iconhello@littlelink.io +
- Blog IconBlog -
+ Blog IconBlog +
- SoundCloud LogoSoundCloud -
+ SoundCloud LogoSoundCloud +
- Figma LogoFigma -
+ Figma LogoFigma +
- Kit LogoKit -
+ Kit LogoKit +
- Telegram LogoTelegram -
+ Telegram LogoTelegram +
- Tumblr LogoTumblr -
+ Tumblr LogoTumblr +
- Steam LogoSteam -
+ Steam LogoSteam +
- Vimeo LogoVimeo -
+ Vimeo LogoVimeo +
- PayPal LogoPayPal + PayPal LogoPayPal
- WhatsApp LogoWhatsApp + WhatsApp LogoWhatsApp
- + - Wordpress LogoWordpress -
+ Wordpress LogoWordpress +
- Goodreads LogoGoodreads -
+ Goodreads LogoGoodreads +
- Skoob LogoSkoob -
+ Skoob LogoSkoob +
- GitLab LogoGitLab -
+ GitLab LogoGitLab +
- xing LogoXing -
+ xing LogoXing +
- Bandcamp LogoBandcamp -
+ Bandcamp LogoBandcamp +
- Patreon LogoPatreon + Patreon LogoPatreon
- Signal LogoSignal + Signal LogoSignal
- Venmo LogoVenmo + Venmo LogoVenmo
- Cash App LogoCash App Dollar + Cash App LogoCash App Dollar
- Cash App LogoCash App Pound + Cash App LogoCash App Pound
- Cash App LogoCash App Bitcoin - + Cash App LogoCash App Bitcoin
+

Build your own by forking LittleLink.

- + - +