New Brands

Added Etsy, Kickstarter, LittleLink, Notion, and Trello. Reorganized the brands.css to be in alphabetical order.
lnatero · Mar 17, 2022 · a30127a · a30127a
1 parent 54892b5
commit a30127a
Show file tree

Hide file tree

Showing 8 changed files with 155 additions and 54 deletions.
diff --git 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
@@ -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,33 +438,23 @@ button:hover,
   filter: brightness(90%);
 }
 
-/* Vimeo */
-.button.button-vimeo {
-  color: #ffffff;
-  background-color: #1ab7ea;
-}
-.button.button-vimeo:hover,
-.button.button-vimeo:focus {
-  filter: brightness(90%);
-}
-
-/* PayPal */
-.button.button-paypal {
+/* Venmo */
+.button.button-venmo {
   color: #ffffff;
-  background-color: #003087;
+  background-color: #008CFF;
 }
-.button.button-paypal:hover,
-.button.button-paypal:focus {
+.button.button-venmo:hover,
+.button.button-venmo:focus {
   filter: brightness(90%);
 }
 
-/* YouTube */
-.button.button-yt {
+/* Vimeo */
+.button.button-vimeo {
   color: #ffffff;
-  background-color: #000000;
+  background-color: #1ab7ea;
 }
-.button.button-yt:hover,
-.button.button-yt:focus {
+.button.button-vimeo:hover,
+.button.button-vimeo:focus {
   filter: brightness(90%);
 }
 
@@ -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%);
+}
diff --git a/images/icons/etsy.svg b/images/icons/etsy.svg
diff --git a/images/icons/kickstarter.svg b/images/icons/kickstarter.svg
diff --git a/images/icons/littlelink.svg b/images/icons/littlelink.svg