From 54892b53a40ff4cc922a78268e99820c73496b22 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Sat, 12 Mar 2022 14:36:08 -0500 Subject: [PATCH 1/6] Update README.md --- README.md | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index ace4189..e0da665 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 2/6] 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 e0da665..fe6388b 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 1b551e2..801466c 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 0000000..e414e57 --- /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 0000000..075b10e --- /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 0000000..99953e4 --- /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 0000000..201f7bb --- /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 0000000..c0d516c --- /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 595db25..a5e640a 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 3/6] =?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 801466c..40713e5 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 0000000..1876bfc --- /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 a5e640a..bd3cbe3 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.

From d4bf9656cc473b0ce07f9b2931d6c89ff8324c8b Mon Sep 17 00:00:00 2001 From: kebin Date: Sat, 9 Apr 2022 23:49:47 -0700 Subject: [PATCH 4/6] Added VRChat Button --- css/brands.css | 13 ++++++++++++- images/icons/vrchat.svg | 1 + index.html | 5 +++++ 3 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 images/icons/vrchat.svg diff --git a/css/brands.css b/css/brands.css index 40713e5..31ef39f 100644 --- a/css/brands.css +++ b/css/brands.css @@ -114,6 +114,17 @@ button:hover, filter: brightness(90%); } +/* VRChat */ +.button.button-vrchat { + color: #000000; + background-color: #ffffff; + border: 2px solid black; +} +.button.button-vrchat:hover, +.button.button-vrchat:focus { + filter: brightness(90%); +} + /* Discord */ .button.button-discord { color: #ffffff; @@ -516,4 +527,4 @@ button:hover, .button.button-yt:hover, .button.button-yt:focus { filter: brightness(90%); -} \ No newline at end of file +} diff --git a/images/icons/vrchat.svg b/images/icons/vrchat.svg new file mode 100644 index 0000000..37a71df --- /dev/null +++ b/images/icons/vrchat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index bd3cbe3..0956728 100644 --- a/index.html +++ b/index.html @@ -340,6 +340,11 @@ src="images/icons/coffee.svg" alt="Buy Me a Coffee">Buy Me a Coffee
+ + VRChat LogoVRChat +
+

Build your own by forking LittleLink.

From 636b97756475688916ac04fea251a24ae2bce06b Mon Sep 17 00:00:00 2001 From: kebin Date: Sat, 9 Apr 2022 23:54:39 -0700 Subject: [PATCH 5/6] Update vrchat.svg --- images/icons/vrchat.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/icons/vrchat.svg b/images/icons/vrchat.svg index 37a71df..8433269 100644 --- a/images/icons/vrchat.svg +++ b/images/icons/vrchat.svg @@ -1 +1 @@ - \ No newline at end of file + From 2033eccd7e98d33e7df055be714b1f95bc8539f8 Mon Sep 17 00:00:00 2001 From: jawira Date: Tue, 19 Apr 2022 22:21:02 +0200 Subject: [PATCH 6/6] Fix gitlab href --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index bd3cbe3..50abe0f 100644 --- a/index.html +++ b/index.html @@ -286,7 +286,7 @@
- GitLab LogoGitLab