From 17f57f6755a304022922aad4d78ce1e5d67b914d Mon Sep 17 00:00:00 2001 From: Samuel Hoskin <66562886+Samuel-Hoskin@users.noreply.github.com> Date: Wed, 2 Feb 2022 13:48:07 +0000 Subject: [PATCH 01/14] Added generic blog button --- images/icons/blog.svg | 37 +++++++++++++++++++++++++++++++++++++ index.html | 4 ++++ 2 files changed, 41 insertions(+) create mode 100644 images/icons/blog.svg diff --git a/images/icons/blog.svg b/images/icons/blog.svg new file mode 100644 index 00000000..cd54c19a --- /dev/null +++ b/images/icons/blog.svg @@ -0,0 +1,37 @@ + + + + + + + diff --git a/index.html b/index.html index 6db6961a..5b1a69f2 100644 --- a/index.html +++ b/index.html @@ -165,6 +165,10 @@ Email Iconhello@littlelink.io
+ + Blog IconBlog +
+ SoundCloud LogoSoundCloud
From 47dd8317b112f52ba759a90fe114e0e571e194ae Mon Sep 17 00:00:00 2001 From: kebin Date: Mon, 7 Feb 2022 18:51:17 -0800 Subject: [PATCH 02/14] 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 5c57cf29..accef346 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 00000000..d324cf42 --- /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 00000000..b0579fff --- /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 00000000..da43d7b0 --- /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 5b1a69f2..84edf0a7 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 03/14] 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 d324cf42..1fd7efe8 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 04/14] 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 b0579fff..976ad086 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 05/14] 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 da43d7b0..1bdd2774 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 06/14] Update index.html --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 84edf0a7..34947ab4 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 07/14] 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 1fd7efe8..8c4a6d7c 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 976ad086..8075ef5c 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 1bdd2774..70d3f3ea 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 08/14] 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 00000000..3ded1d34 --- /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 19db79e2..6961143c 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 34947ab4..51456c3e 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.

- + - + From d3671417ecb1d114ecf1b27b77c2c3316e68078c Mon Sep 17 00:00:00 2001 From: Satish Surath Date: Fri, 25 Feb 2022 00:01:07 -0500 Subject: [PATCH 10/14] added support for generic website Signed-off-by: Satish Surath --- .DS_Store | Bin 0 -> 6148 bytes css/brands.css | 10 ++++++++++ images/.DS_Store | Bin 0 -> 6148 bytes images/icons/.DS_Store | Bin 0 -> 6148 bytes images/icons/web.svg | 16 ++++++++++++++++ index.html | 5 +++++ 6 files changed, 31 insertions(+) create mode 100644 .DS_Store create mode 100644 images/.DS_Store create mode 100644 images/icons/.DS_Store create mode 100644 images/icons/web.svg diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..e8686a5fa26be87f476232eef2fac1e0bad4c11d GIT binary patch literal 6148 zcmeHK%}T>S5Z-NT(@=yQ6nb3nTCgqBTD*i>U%-eSRBA#(4W`-BwDwR6IqM7gBtDNb zyPHF>;7!EN!0tCYKf9R^vOkP5K3auc#vI020~#VnWrv`7r>kOu5xJTpVp*`x=0PHZ z9TWXU6MlQ0#calWHf81S{|M$uoGm+@PhP3k4(gU=TTScHdzNc&=`UB=$Y0#!=tjyU zD0Dx#jidF%Il7eT(vQ<&Z(pOXZs;k^|>T4ht+S5Z<+|X(&Pu3Oz1(E!Y-mEnY&cFJMFuDz!01gK@VssXdfJ&iX<=iO=KA z?gm;69!2a7?0&QJvzz%K`@s z{7n;ndxb^pfhi{0`uBeX(>O}fR_l}Rl**M|$8nvSbLT&)g`bYoc`_K!Zg6y|R2<~` zIJk-?i&1_5Ov!W{$;nJ7MBxNNZm%O5s>MLfWtiw(-#A>i>W=D-<+6X$Z;JMDXVnzT zZm-o8y-s(va;pc2N2eE~=lDgcH$x-`#H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 \ No newline at end of file diff --git a/index.html b/index.html index f2f2e142..595db25b 100644 --- a/index.html +++ b/index.html @@ -305,6 +305,11 @@ src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin
+ + Web LogoWebsite +
+

Build your own by forking LittleLink.

From fe32270fdd5052e1692b2b847413188c2f3f361d Mon Sep 17 00:00:00 2001 From: Satish Surath Date: Fri, 25 Feb 2022 00:02:51 -0500 Subject: [PATCH 11/14] added gitignore Signed-off-by: Satish Surath --- .DS_Store | Bin 6148 -> 0 bytes .gitignore | 1 + images/.DS_Store | Bin 6148 -> 0 bytes images/icons/.DS_Store | Bin 6148 -> 0 bytes 4 files changed, 1 insertion(+) delete mode 100644 .DS_Store create mode 100644 .gitignore delete mode 100644 images/.DS_Store delete mode 100644 images/icons/.DS_Store diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index e8686a5fa26be87f476232eef2fac1e0bad4c11d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6148 zcmeHK%}T>S5Z-NT(@=yQ6nb3nTCgqBTD*i>U%-eSRBA#(4W`-BwDwR6IqM7gBtDNb zyPHF>;7!EN!0tCYKf9R^vOkP5K3auc#vI020~#VnWrv`7r>kOu5xJTpVp*`x=0PHZ z9TWXU6MlQ0#calWHf81S{|M$uoGm+@PhP3k4(gU=TTScHdzNc&=`UB=$Y0#!=tjyU zD0Dx#jidF%Il7eT(vQ<&Z(pOXZs;k^|>T4ht+S5Z<+|X(&Pu3Oz1(E!Y-mEnY&cFJMFuDz!01gK@VssXdfJ&iX<=iO=KA z?gm;69!2a7?0&QJvzz%K`@s z{7n;ndxb^pfhi{0`uBeX(>O}fR_l}Rl**M|$8nvSbLT&)g`bYoc`_K!Zg6y|R2<~` zIJk-?i&1_5Ov!W{$;nJ7MBxNNZm%O5s>MLfWtiw(-#A>i>W=D-<+6X$Z;JMDXVnzT zZm-o8y-s(va;pc2N2eE~=lDgcH$x-`#H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3 zem<@ulZcFPQ@L2!n>{z**++&mCkOWA81W14cNZlEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ zLs35+`xjp>T0 Date: Sat, 12 Mar 2022 14:36:08 -0500 Subject: [PATCH 12/14] Update README.md --- README.md | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index ace4189a..e0da665e 100644 --- a/README.md +++ b/README.md @@ -7,7 +7,7 @@ and [many.link](https://many.link/). LittleLink was built using [Skeleton](http: ![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 20 company button styles you can use and we'll be throwing more in soon. You'll also find a light and dark theme ready to go. Not a fan of the colors? Update `skeleton-light.css` or `skeleton-dark.css` to the HEX values of your choosing. You can also set your CSS to `skeleton-auto.css`, which will use the system theme of the device you visit on. ![Performance](https://cdn.cottle.cloud/littlelink/performance.png) @@ -19,18 +19,21 @@ 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.) -#### Community Extras +#### 🤝 Community Extras -##### Figma +##### 🎨 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 +##### 🐋 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)! [Drew](https://github.com/davisdre) built 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! -#### 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. +#### 💖 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. + +##### ✨ Individual Supporters +[Drew Davis](https://connect.davisdre.me) From a30127a14fc988d98b283ab8fdc5932609fd5c74 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Thu, 17 Mar 2022 00:04:15 -0400 Subject: [PATCH 13/14] New Brands Added Etsy, Kickstarter, LittleLink, Notion, and Trello. Reorganized the brands.css to be in alphabetical order. --- README.md | 15 +++- css/brands.css | 143 +++++++++++++++++++++++------------ images/icons/etsy.svg | 3 + images/icons/kickstarter.svg | 10 +++ images/icons/littlelink.svg | 3 + images/icons/notion.svg | 9 +++ images/icons/trello.svg | 1 + index.html | 25 ++++++ 8 files changed, 155 insertions(+), 54 deletions(-) create mode 100644 images/icons/etsy.svg create mode 100644 images/icons/kickstarter.svg create mode 100644 images/icons/littlelink.svg create mode 100644 images/icons/notion.svg create mode 100644 images/icons/trello.svg diff --git a/README.md b/README.md index e0da665e..fe6388bd 100644 --- a/README.md +++ b/README.md @@ -25,15 +25,22 @@ No need for gulp, npm, or anything else to make LittleLink work—it uses the ba 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) 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 -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) +**[Drew Davis](https://connect.davisdre.me)** + +[Add Your Name](https://www.buymeacoffee.com/seth/e/50573) diff --git a/css/brands.css b/css/brands.css index 1b551e20..801466ca 100644 --- a/css/brands.css +++ b/css/brands.css @@ -94,36 +94,6 @@ button:hover, filter: brightness(90%); } -/* Patreon */ -.button.button-patreon { - color: #ffffff; - background-color: #ff424d; -} -.button.button-patreon:hover, -.button.button-patreon:focus { - filter: brightness(90%); -} - -/* Signal */ -.button.button-signal { - color: #ffffff; - background-color: #3a76f0; -} -.button.button-signal:hover, -.button.button-signal:focus { - filter: brightness(90%); -} - -/* Venmo */ -.button.button-venmo { - color: #ffffff; - background-color: #3d95ce; -} -.button.button-venmo:hover, -.button.button-venmo:focus { - filter: brightness(90%); -} - /* Cash App */ .button.button-cashapp { color: #ffffff; @@ -144,6 +114,16 @@ button:hover, filter: brightness(90%); } +/* Etsy */ +.button.button-etsy { + color: #ffffff; + background-color: #F45800; +} +.button.button-etsy:hover, +.button.button-etsy:focus { + filter: brightness(90%); +} + /* Facebook */ .button.button-faceb { color: #ffffff; @@ -222,6 +202,16 @@ button:hover, filter: brightness(90%); } +/* kickstarter */ +.button.button-kickstarter { + color: #ffffff; + background-color: #05ce78; +} +.button.button-kickstarter:hover, +.button.button-kickstarter:focus { + filter: brightness(90%); +} + /* Kit */ .button.button-kit { color: #ffffff; @@ -262,6 +252,39 @@ button:hover, 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%); +} + +/* 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 */ .button.button-pinterest { color: #000000; @@ -295,6 +318,16 @@ button:hover, filter: brightness(90%); } +/* Signal */ +.button.button-signal { + color: #ffffff; + background-color: #3a76f0; +} +.button.button-signal:hover, +.button.button-signal:focus { + filter: brightness(90%); +} + /* Skoob */ .button.button-skoob { color: #ffffff; @@ -365,6 +398,16 @@ button:hover, filter: brightness(90%); } +/* Trello */ +.button.button-trello { + color: #ffffff; + background-color: #0065ff; +} +.button.button-trello:hover, +.button.button-trello:focus { + filter: brightness(90%); +} + /* Tumblr */ .button.button-tumb { color: #ffffff; @@ -395,6 +438,16 @@ button:hover, filter: brightness(90%); } +/* Venmo */ +.button.button-venmo { + color: #ffffff; + background-color: #008CFF; +} +.button.button-venmo:hover, +.button.button-venmo:focus { + filter: brightness(90%); +} + /* Vimeo */ .button.button-vimeo { color: #ffffff; @@ -405,26 +458,6 @@ button:hover, filter: brightness(90%); } -/* PayPal */ -.button.button-paypal { - color: #ffffff; - background-color: #003087; -} -.button.button-paypal:hover, -.button.button-paypal:focus { - filter: brightness(90%); -} - -/* YouTube */ -.button.button-yt { - color: #ffffff; - background-color: #000000; -} -.button.button-yt:hover, -.button.button-yt:focus { - filter: brightness(90%); -} - /* Website */ .button.button-web { color: #ffffff; @@ -464,3 +497,13 @@ button:hover, .button.button-xing:focus { filter: brightness(90%); } + +/* YouTube */ +.button.button-yt { + color: #ffffff; + background-color: #000000; +} +.button.button-yt:hover, +.button.button-yt:focus { + filter: brightness(90%); +} \ No newline at end of file diff --git a/images/icons/etsy.svg b/images/icons/etsy.svg new file mode 100644 index 00000000..e414e573 --- /dev/null +++ b/images/icons/etsy.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/kickstarter.svg b/images/icons/kickstarter.svg new file mode 100644 index 00000000..075b10e3 --- /dev/null +++ b/images/icons/kickstarter.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/icons/littlelink.svg b/images/icons/littlelink.svg new file mode 100644 index 00000000..99953e4a --- /dev/null +++ b/images/icons/littlelink.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/icons/notion.svg b/images/icons/notion.svg new file mode 100644 index 00000000..201f7bb6 --- /dev/null +++ b/images/icons/notion.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/images/icons/trello.svg b/images/icons/trello.svg new file mode 100644 index 00000000..c0d516ce --- /dev/null +++ b/images/icons/trello.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 595db25b..a5e640a3 100644 --- a/index.html +++ b/index.html @@ -220,6 +220,31 @@ src="images/icons/telegram.svg" alt="Telegram Logo">Telegram
+ + LittleLink LogoLittleLink +
+ + + Trello LogoTrello +
+ + + Notion LogoNotion +
+ + + Kickstarter LogoKickstarter +
+ + + Etsy LogoEtsy +
+ Tumblr LogoTumblr From 333970af11bfbc7bb2e8760936e1a7fa419b2bc0 Mon Sep 17 00:00:00 2001 From: Julian Prieber <60265788+JulianPrieber@users.noreply.github.com> Date: Thu, 17 Mar 2022 20:20:34 +0100 Subject: [PATCH 14/14] =?UTF-8?q?Added=C2=A0Buy=20Me=20A=20Coffee=20button?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added new Buy Me A Coffee button using the color palette and assets from the official  Buy Me A Coffee creator kit. --- css/brands.css | 10 ++++++++++ images/icons/coffee.svg | 1 + index.html | 5 +++++ 3 files changed, 16 insertions(+) create mode 100644 images/icons/coffee.svg diff --git a/css/brands.css b/css/brands.css index 801466ca..40713e5c 100644 --- a/css/brands.css +++ b/css/brands.css @@ -94,6 +94,16 @@ button:hover, filter: brightness(90%); } +/* Buy Me a Coffee */ +.button.button-coffee { + color: #100a26; + background-color: #ffdd00; +} +.button.button-coffee:hover, +.button.button-coffee:focus { + filter: brightness(90%); +} + /* Cash App */ .button.button-cashapp { color: #ffffff; diff --git a/images/icons/coffee.svg b/images/icons/coffee.svg new file mode 100644 index 00000000..1876bfc4 --- /dev/null +++ b/images/icons/coffee.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index a5e640a3..bd3cbe36 100644 --- a/index.html +++ b/index.html @@ -335,6 +335,11 @@ src="images/icons/web.svg" alt="Web Logo">Website
+ + Buy Me a CoffeeBuy Me a Coffee +
+

Build your own by forking LittleLink.