Add Signal, Venmo, Patreon

lnatero · Nov 10, 2021 · e85a054 · e85a054
1 parent 9f76bf8
commit e85a054
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 0 deletions.
diff --git a/css/brands.css b/css/brands.css
@@ -91,6 +91,30 @@ button:hover,
 .button.button-bandcamp:focus {
   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%) }
+
 /* Discord */
 .button.button-discord {
   color: #FFFFFF;

diff --git a/icons/patreon.svg b/icons/patreon.svg
diff --git a/icons/signal.svg b/icons/signal.svg
diff --git a/icons/venmo.svg b/icons/venmo.svg
diff --git a/index.html b/index.html
@@ -221,6 +221,15 @@ <h1>LittleLink</h1>
         <!-- Bandcamp -->
         <a class="button button-bandcamp" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/bandcamp.svg" alt="Bandcamp Logo">Bandcamp</a>
 
+        <!-- Patreon -->
+        <a class="button button-patreon" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/patreon.svg" alt="Patreon Logo">Patreon</a>
+
+        <!-- Signal -->
+        <a class="button button-signal" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/signal.svg" alt="Signal Logo">Signal</a>
+
+        <!-- Venmo -->
+        <a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" src="icons/venmo.svg" alt="Venmo Logo">Venmo</a>
+
         <br>
         <br>
         <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>