diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..feab4a3
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,28 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/alpine
+{
+ "name": "Alpine",
+ // Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
+ "image": "mcr.microsoft.com/devcontainers/base:alpine",
+
+ // Features to add to the dev container. More info: https://containers.dev/features.
+ // "features": {},
+
+ // Use 'forwardPorts' to make a list of ports inside the container available locally.
+ // "forwardPorts": [],
+
+ // Use 'postCreateCommand' to run commands after the container is created.
+ // "postCreateCommand": "uname -a",
+
+ "customizations": {
+ // Configure properties specific to VS Code.
+ "vscode": {
+ "extensions": [
+ "ritwickdey.liveserver"
+ ]
+ }
+ }
+
+ // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+ // "remoteUser": "root"
+}
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
new file mode 100644
index 0000000..fb7b138
--- /dev/null
+++ b/.github/FUNDING.yml
@@ -0,0 +1,6 @@
+# These are supported funding model platforms
+
+github: sethcottle
+patreon: sethcottle
+ko_fi: sethcottle
+custom: [https://buymeacoffee.com/seth, https://paypal.me/sethcottle]
diff --git a/README.md b/README.md
index caa7087..2a16536 100644
--- a/README.md
+++ b/README.md
@@ -31,32 +31,52 @@ Looking for more niche services to add to your copy of LittleLink? Check out [Li
#### 🎨 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
-[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)!
+[](https://www.figma.com/community/file/846568099968305613)
-[Drew](https://github.com/davisdre) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
+#### 🐋 Docker
+• [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) is building a [super simple Docker implementation of LittleLink](https://github.com/davisdre/littlelink).
#### 🗃️ Misc
-[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!
+• [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!
+• [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.
+You can support LittleLink by [buying me a coffee](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
-**[links.dev](https://github.com/fatih-yavuz/links.dev)**
+• **[links.dev](https://github.com/fatih-yavuz/links.dev)**
-[Add Your Company Name](https://www.buymeacoffee.com/seth/e/50574)
+[](https://www.buymeacoffee.com/seth/e/50574)
#### ✨ Individual Supporters
-**[Drew Davis](https://connect.davisdre.me)**
+• **[Drew Davis](https://connect.davisdre.me)**
-**[Robotter112](https://robotter112.de/)**
+• **[Robotter112](https://robotter112.de/)**
-[Add Your Name](https://www.buymeacoffee.com/seth/e/50573)
+[](https://www.buymeacoffee.com/seth/e/50573)
+
+#### 🐙 GitHub Sponsors
+• **[Your Name Here](https://github.com/sponsors/sethcottle)**
+
+[](https://github.com/sponsors/sethcottle)
+
+#### ❤️ Patreon Members
+• **[Your Name Here](https://www.patreon.com/sethcottle)**
+
+[](https://www.patreon.com/sethcottle)
+
+
+#### 🥰 More Ways to Support LittleLink
+[](https://www.buymeacoffee.com/seth/)
+
+[](https://ko-fi.com/sethcottle)
+
+[](https://paypal.me/sethcottle/)
---
@@ -68,3 +88,4 @@ To help build a more privacy focused product, we recommend using [Fathom Analyti
###### ** Analytics in this dashboard start May 03, 2022. View this [Google Sheets file](https://docs.google.com/spreadsheets/d/1GL4SroAdH-OZphBVR5z-BoSukHIEVJfao25q_e9-Ii8/edit?usp=sharing) with the generic unique pageview data from Google Analytics.
+[](https://usefathom.com/ref/EQVZMV)
diff --git a/css/brands.css b/css/brands.css
index b078cd7..8e170f2 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -474,6 +474,26 @@ button:hover,
filter: brightness(90%);
}
+/* Kick */
+.button.button-kick {
+ background-color:#000000;
+ color: #ffffff;
+ border: 1px solid #ffffff;
+}
+.button.button-kick:hover {
+ filter: brightness(90%);
+}
+
+/* Kick Alt */
+.button.button-kick-alt {
+ background-color:#01e701;
+ color: #000;
+}
+.button.button-kick-alt:hover {
+ filter: brightness(90%);
+}
+
+
/* Kickstarter */
.button.button-kickstarter {
color: #ffffff;
@@ -536,7 +556,6 @@ button:hover,
filter: brightness(90%);
}
-
/* LinkedIn */
.button.button-linked {
color: #ffffff;
@@ -579,6 +598,16 @@ button:hover,
filter: brightness(90%);
}
+/* NGL */
+.button.button-ngl {
+ color: #ffffff;
+ background-image: linear-gradient(-45deg, #ff8d10, #ec1187);
+}
+.button.button-ngl:hover,
+.button.button-ngl:focus {
+ filter: brightness(90%);
+}
+
/* Notion */
.button.button-notion {
color: #000000;
@@ -600,10 +629,22 @@ button:hover,
filter: brightness(90%);
}
+/* Partiful */
+.button.button-partiful {
+ color: #ffffff;
+ background-color: #000000;
+ border: 1px solid #FFFFFF;
+}
+.button.button-partiful:hover,
+.button.button-partiful:focus {
+ filter: brightness(90%);
+}
+
/* Patreon */
.button.button-patreon {
color: #ffffff;
- background-color: #ff424d;
+ background-color: #000000;
+ border: 1px solid #FFFFFF;
}
.button.button-patreon:hover,
.button.button-patreon:focus {
@@ -676,9 +717,8 @@ button:hover,
/* Reddit */
.button.button-reddit {
- color: #000000;
- background-color: #d7dfe2;
- border: 1px solid #212121;
+ color: #FFFFFF;
+ background-color: #FF4500;
}
.button.button-reddit:hover,
.button.button-reddit:focus {
@@ -778,6 +818,16 @@ button:hover,
filter: brightness(90%);
}
+/* Steam Dark */
+.button.button-steam-dark {
+ color: #ffffff;
+ background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085);
+}
+.button.button-steam-dark:hover,
+.button.button-steam-dark:focus {
+ filter: brightness(90%);
+}
+
/* Steam */
.button.button-steam {
color: #ffffff;
@@ -818,6 +868,17 @@ button:hover,
filter: brightness(90%);
}
+/* Threads */
+.button.button-threads {
+ color: #FFFFFF;
+ background-color: #000000;
+ border: 1px solid #FFFFFF;
+}
+.button.button-threads:hover,
+.button.button-threads:focus {
+ filter: brightness(90%);
+}
+
/* Threema */
.button.button-threema {
color: #000000;
@@ -839,6 +900,16 @@ button:hover,
filter: brightness(90%);
}
+/* Trakt */
+.button.button-trakt {
+ color: #ffffff;
+ background-color: #ED1C24;
+}
+.button.button-trakt:hover,
+.button.button-trakt:focus {
+ filter: brightness(90%);
+}
+
/* Trello */
.button.button-trello {
color: #ffffff;
@@ -870,7 +941,7 @@ button:hover,
filter: brightness(90%);
}
-/* Twitter */
+/* Twitter (archiving soon, see 'X') */
.button.button-twit {
color: #ffffff;
background-color: #1da1f2;
@@ -893,7 +964,7 @@ button:hover,
/* Untappd */
.button.button-untappd {
- color: #ffffff;
+ color: #000000;
background-color: #ffc000;
}
.button.button-untappd:hover,
@@ -984,6 +1055,17 @@ button:hover,
filter: brightness(90%);
}
+/* X */
+.button.button-x {
+ color: #FFFFFF;
+ background-color: #000000;
+ border: 1px solid #FFFFFF;
+}
+.button.button-x:hover,
+.button.button-x:focus {
+ filter: brightness(90%);
+}
+
/* Xing */
.button.button-xing {
color: #ffffff;
diff --git a/images/avatar-2x.webp b/images/avatar-2x.webp
index 041bb8e..dd36852 100644
Binary files a/images/avatar-2x.webp and b/images/avatar-2x.webp differ
diff --git a/images/avatar.webp b/images/avatar.webp
index 041bb8e..dd36852 100644
Binary files a/images/avatar.webp and b/images/avatar.webp differ
diff --git a/images/icons/kick-alt.svg b/images/icons/kick-alt.svg
new file mode 100644
index 0000000..e21eb88
--- /dev/null
+++ b/images/icons/kick-alt.svg
@@ -0,0 +1,27 @@
+
\ No newline at end of file
diff --git a/images/icons/kick.svg b/images/icons/kick.svg
new file mode 100644
index 0000000..8a8589f
--- /dev/null
+++ b/images/icons/kick.svg
@@ -0,0 +1,23 @@
+
\ No newline at end of file
diff --git a/images/icons/ngl.svg b/images/icons/ngl.svg
new file mode 100644
index 0000000..3c215b4
--- /dev/null
+++ b/images/icons/ngl.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/images/icons/partiful.svg b/images/icons/partiful.svg
new file mode 100644
index 0000000..83d5a9e
--- /dev/null
+++ b/images/icons/partiful.svg
@@ -0,0 +1,4 @@
+
diff --git a/images/icons/patreon.svg b/images/icons/patreon.svg
index 7bb28b7..31828a2 100644
--- a/images/icons/patreon.svg
+++ b/images/icons/patreon.svg
@@ -1,9 +1,9 @@