From a30127a14fc988d98b283ab8fdc5932609fd5c74 Mon Sep 17 00:00:00 2001 From: Seth Cottle Date: Thu, 17 Mar 2022 00:04:15 -0400 Subject: [PATCH] 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