Added Microsoft Store

Stack Overflow + Tweaks
Added Stack Overflow, renamed Steam Dark to Steam Alt to match the defined pattern we're already using for alternate buttons. Added stroke for accessibility.
2024-03-06 12:04:16 -05:00 · 2024-03-04 10:41:31 -05:00 · 2024-02-26 12:25:40 -05:00 · 2024-02-26 11:06:50 -06:00 · 2024-02-24 17:03:50 -08:00 · 2024-02-24 18:48:29 -06:00
21 changed files with 538 additions and 57 deletions
--- a/.devcontainer/devcontainer.json
+++ 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"
+}
--- a/.github/FUNDING.yml
+++ 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]
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 .DS_Store
+.idea
--- 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)!
+[![Figma Community](https://cdn.cottle.cloud/littlelink/button-figma-community.svg)](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)
+[![Add Your Company Name](https://cdn.cottle.cloud/littlelink/button-buy-me-a-coffee-company.svg)](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)
+[![Buy Me A Coffee](https://cdn.cottle.cloud/littlelink/button-buy-me-a-coffee-individual.svg)](https://www.buymeacoffee.com/seth/e/50573)
+
+#### 🐙 GitHub Sponsors
+• **[Your Name Here](https://github.com/sponsors/sethcottle)**
+
+[![GitHub Sponsors](https://cdn.cottle.cloud/littlelink/button-github-sponsors.svg)](https://github.com/sponsors/sethcottle)
+
+#### ❤️ Patreon Members
+• **[Your Name Here](https://www.patreon.com/sethcottle)**
+
+[![Patreon](https://cdn.cottle.cloud/littlelink/button-patreon.svg)](https://www.patreon.com/sethcottle)
+
+
+#### 🥰 More Ways to Support LittleLink
+[![Buy Me A Coffee](https://cdn.cottle.cloud/littlelink/button-buy-me-a-coffee.svg)](https://www.buymeacoffee.com/seth/)
+
+[![Ko-Fi](https://cdn.cottle.cloud/littlelink/button-ko-fi.svg)](https://ko-fi.com/sethcottle)
+
+[![PayPal](https://cdn.cottle.cloud/littlelink/button-paypal.svg)](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.

+[![PayPal](https://cdn.cottle.cloud/littlelink/button-fathom-analytics.svg)](https://usefathom.com/ref/EQVZMV)
--- a/css/brands.css
+++ b/css/brands.css
@@ -192,17 +192,39 @@ button:hover,
  filter: brightness(90%);
 }

+/* BeReal */
+.button.button-bereal {
+  color: #ffffff;
+  background-color: #000000;
+  border: 1px solid #ffffff;
+}
+.button.button-bereal:hover,
+.button.button-bereal:focus {
+  filter: brightness(90%);
+}
+
 /* Bluesky */
 .button.button-bluesky {
-  color: #000000;
-  background-color: #F3F9FF;
-  border: 1px solid #212121;
+  color: #FFFFFF;
+  background-color: #1185FE;
 }
+
 .button.button-bluesky:hover,
 .button.button-bluesky:focus {
  filter: brightness(90%);
 }

+/* Bluesky Alt */
+.button.button-bluesky-alt {
+  color: #000000;
+  background-color: #FFFFFF;
+  border: 1px solid #000000;
+}
+.button.button-bluesky-alt:hover,
+.button.button-bluesky-alt:focus {
+  filter: brightness(90%);
+}
+
 /* Buy Me a Coffee */
 .button.button-coffee {
  color: #000000;
@@ -266,6 +288,28 @@ button:hover,
  filter: brightness(90%);
 }

+/* Discogs */
+.button.button-discogs {
+  color: #000000;
+  background-color: #FFFFFF;
+  border: 1px solid #000000
+}
+.button.button-discogs:hover,
+.button.button-discogs:focus {
+  filter: brightness(90%);
+}
+
+/* Discogs_alt */
+.button.button-discogs_alt {
+  color: #FFFFFF;
+  background-color: #000000;
+  border: 1px solid #FFFFFF
+}
+.button.button-discogs:hover,
+.button.button-discogs:focus {
+  filter: brightness(90%);
+}
+
 /* Discord */
 .button.button-discord {
  color: #ffffff;
@@ -556,7 +600,6 @@ button:hover,
  filter: brightness(90%);
 }

-
 /* LinkedIn */
 .button.button-linked {
  color: #ffffff;
@@ -599,6 +642,17 @@ button:hover,
  filter: brightness(90%);
 }

+/* Microsoft */
+.button.button-microsoft {
+  color: #ffffff;
+  background-color: #000000;
+  border: 1px solid #FFFFFF;
+}
+.button.button-microsoft:hover,
+.button.button-microsoft:focus {
+  filter: brightness(90%);
+}
+
 /* NGL */
 .button.button-ngl {
  color: #ffffff;
@@ -630,10 +684,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 {
@@ -682,6 +748,17 @@ button:hover,
  filter: brightness(90%);
 }

+/* QQ */
+.button.button-qq {
+  color: #000000;
+  background-color: #FFFFFF;
+  border: 3px solid #4D94FF;
+}
+.button.button-qq:hover,
+.button.button-qq:focus {
+  filter: brightness(90%);
+}
+
 /* Read.cv */
 .button.button-read-cv {
  color: #FFFFFF;
@@ -706,15 +783,25 @@ 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 {
  filter: brightness(90%);
 }

+/* Revolut */
+.button.button-revolut {
+  color: #000000;
+  background-color: #ffffff;
+  border: 1px solid black;
+}
+.button.button-rev:hover,
+.button.button-rev:focus {
+  filter: brightness(90%);
+}
+
 /* Shop */
 .button.button-shop {
  color: #ffffff;
@@ -808,6 +895,17 @@ button:hover,
  filter: brightness(90%);
 }

+/* Stack Overflow */
+.button.button-stack-overflow {
+  color: #000000;
+  background-color: #FFFFFF;
+  border: 1px solid #000000;
+}
+.button.button-stack-overflow:hover,
+.button.button-stack-overflow:focus {
+  filter: brightness(90%);
+}
+
 /* Steam */
 .button.button-steam {
  color: #ffffff;
@@ -818,6 +916,17 @@ button:hover,
  filter: brightness(90%);
 }

+/* Steam Alt */
+.button.button-steam-alt {
+  color: #ffffff;
+  background-image: linear-gradient(90deg, #09172a, #072a57, #0c5085);
+  border: 1px solid #FFFFFF;
+}
+.button.button-steam-alt:hover,
+.button.button-steam-alt:focus {
+  filter: brightness(90%);
+}
+
 /* Strava */
 .button.button-strava {
  color: #ffffff;
@@ -880,6 +989,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;
@@ -911,7 +1030,7 @@ button:hover,
  filter: brightness(90%);
 }

-/* Twitter */
+/* Twitter (archiving soon, see 'X') */
 .button.button-twit {
  color: #ffffff;
  background-color: #1da1f2;
@@ -1025,6 +1144,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;
@@ -1056,3 +1186,6 @@ button:hover,
  filter: brightness(90%);
 }

+
+
+
--- a/images/icons/bereal.svg
+++ b/images/icons/bereal.svg
@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_2)">
+<g clip-path="url(#clip1_1_2)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2164 3C12.0707 3 13.5782 3.40669 14.7399 4.22008C15.9008 5.03377 16.4818 6.40343 16.4818 8.32906C16.4818 9.03991 16.3176 9.68033 15.9901 10.2503C15.6623 10.8209 15.2359 11.3118 14.7118 11.7228C15.5731 12.1716 16.2805 12.7796 16.833 13.5459C17.3853 14.3129 17.6618 15.2849 17.6618 16.4629C17.6618 18.2209 17.0481 19.5952 15.8216 20.5862C14.5944 21.5772 12.9601 22.0724 10.9188 22.0724H3.08V3H10.2164ZM10.8907 13.7142H6.70439V19.0713H10.6378C11.6115 19.0713 12.3938 18.8472 12.9839 18.3982C13.5739 17.9494 13.8689 17.314 13.8689 16.4909C13.8689 15.5934 13.597 14.9062 13.0541 14.4294C12.5106 13.9529 11.7898 13.7142 10.8907 13.7142ZM9.68257 6.02915H6.70439V10.7692H9.40161C10.4131 10.7692 11.2041 10.5779 11.7757 10.1942C12.347 9.81122 12.6327 9.2082 12.6327 8.38515C12.6327 7.48794 12.3701 6.87089 11.846 6.53401C11.3212 6.19744 10.6001 6.02915 9.68257 6.02915Z" fill="white"/>
+<path d="M22.8461 22.0724V18.3327H19.1V22.0724H22.8461Z" fill="white"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_1_2">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+<clipPath id="clip1_1_2">
+<rect width="86.4" height="19.44" fill="white" transform="translate(2 3)"/>
+</clipPath>
+</defs>
+</svg>
--- a/images/icons/bluesky-alt.svg
+++ b/images/icons/bluesky-alt.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="bluesky.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="16.586324"
+     inkscape:cx="11.786819"
+     inkscape:cy="14.499898"
+     inkscape:window-width="1920"
+     inkscape:window-height="991"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M 5.4201605,3.1496791 C 8.0835248,5.1491646 10.948277,9.2032895 12.000069,11.378968 13.05194,9.20345 15.91653,5.1491243 18.579975,3.1496791 c 1.921743,-1.4427495 5.035464,-2.55906665 5.035464,0.9931141 0,0.7094188 -0.406738,5.9594878 -0.645295,6.8118128 -0.829217,2.963282 -3.850854,3.719083 -6.538653,3.261638 4.698219,0.799617 5.893401,3.448243 3.312265,6.096867 -4.902088,5.030256 -7.045724,-1.26211 -7.595252,-2.874443 -0.100692,-0.295579 -0.147811,-0.433854 -0.148503,-0.316275 -6.99e-4,-0.117584 -0.04781,0.0207 -0.148506,0.316275 -0.549286,1.612333 -2.6928836,7.904861 -7.5952504,2.874443 C 1.6750691,17.664487 2.8702105,15.015701 7.5685074,14.216244 4.8806308,14.673689 1.8589521,13.917885 1.0298554,10.954606 0.79129152,10.1022 0.38456104,4.8521314 0.38456104,4.1427932 c 0,-3.55218075 3.11380046,-2.4358636 5.03546366,-0.9931141 z"
+     fill="#1185fe"
+     id="path1"
+     style="stroke-width:0.040053" />
+</svg>
--- a/images/icons/bluesky.svg
+++ b/images/icons/bluesky.svg
@@ -1,14 +1,38 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1432_8560)">
-<path d="M20 0H4C1.79086 0 0 1.79086 0 4V20C0 22.2091 1.79086 24 4 24H20C22.2091 24 24 22.2091 24 20V4C24 1.79086 22.2091 0 20 0Z" fill="url(#paint0_linear_1432_8560)"/>
-</g>
-<defs>
-<linearGradient id="paint0_linear_1432_8560" x1="12" y1="0" x2="12" y2="24" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0066FF"/>
-<stop offset="1" stop-color="#71C0FF"/>
-</linearGradient>
-<clipPath id="clip0_1432_8560">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="bluesky-alt.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="16.586324"
+     inkscape:cx="11.786819"
+     inkscape:cy="14.499898"
+     inkscape:window-width="1920"
+     inkscape:window-height="991"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M 5.4201605,3.1496791 C 8.0835248,5.1491646 10.948277,9.2032895 12.000069,11.378968 13.05194,9.20345 15.91653,5.1491243 18.579975,3.1496791 c 1.921743,-1.4427495 5.035464,-2.55906665 5.035464,0.9931141 0,0.7094188 -0.406738,5.9594878 -0.645295,6.8118128 -0.829217,2.963282 -3.850854,3.719083 -6.538653,3.261638 4.698219,0.799617 5.893401,3.448243 3.312265,6.096867 -4.902088,5.030256 -7.045724,-1.26211 -7.595252,-2.874443 -0.100692,-0.295579 -0.147811,-0.433854 -0.148503,-0.316275 -6.99e-4,-0.117584 -0.04781,0.0207 -0.148506,0.316275 -0.549286,1.612333 -2.6928836,7.904861 -7.5952504,2.874443 C 1.6750691,17.664487 2.8702105,15.015701 7.5685074,14.216244 4.8806308,14.673689 1.8589521,13.917885 1.0298554,10.954606 0.79129152,10.1022 0.38456104,4.8521314 0.38456104,4.1427932 c 0,-3.55218075 3.11380046,-2.4358636 5.03546366,-0.9931141 z"
+     fill="#1185fe"
+     id="path1"
+     style="stroke-width:0.040053;fill:#ffffff;fill-opacity:1" />
 </svg>
--- a/images/icons/discogs.svg
+++ b/images/icons/discogs.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 108.4 108.5;" xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+	.st0{fill:#231F20;}
+</style>
+  <path class="st0" d="M 11.96 0.022 C 11.915 0.022 11.893 0.022 11.85 0 C 11.893 0.022 11.937 0.022 11.96 0.022 Z" style=""/>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path d="M34.3,54.2c0-11.1,9-20.1,20.1-20.1c3.7,0,7.1,1,10,2.7l4-7.2c-4.1-2.4-8.9-3.7-14-3.7c-7.8,0-14.9,3.2-20,8.3 c-5.1,5.1-8.3,12.2-8.3,20c0,7.8,3.1,14.9,8.3,20c0.1,0.1,0.3,0.3,0.4,0.4l5.6-6c0,0,0,0,0.1,0.1C36.6,65,34.3,59.9,34.3,54.2z"/>
+    <path d="M74.4,34.4l-5.6,6c3.4,3.6,5.5,8.5,5.5,13.8c0,11.1-9,20.1-20,20.1c-3.4,0-6.5-0.8-9.3-2.3l0,0l-4,7.2 c4,2.1,8.5,3.3,13.3,3.3c7.8,0,14.9-3.2,20-8.3c5.1-5.1,8.3-12.2,8.3-20C82.6,46.5,79.5,39.5,74.4,34.4z"/>
+  </g>
+  <path d="M 8.584 11.96 C 8.584 10.083 10.105 8.562 11.982 8.562 C 13.857 8.562 15.38 10.083 15.38 11.96 C 15.38 13.835 13.857 15.358 11.982 15.358 C 10.105 15.358 8.584 13.835 8.584 11.96 Z M 8.738 11.96 C 8.738 13.747 10.195 15.203 11.982 15.203 C 13.77 15.203 15.226 13.747 15.226 11.96 C 15.226 10.173 13.77 8.716 11.982 8.716 C 10.195 8.716 8.738 10.173 8.738 11.96 Z" style=""/>
+  <path d="M 12.512 11.96 C 12.512 12.246 12.268 12.49 11.982 12.49 C 11.694 12.49 11.452 12.246 11.452 11.96 C 11.452 11.673 11.694 11.43 11.982 11.43 C 12.29 11.43 12.512 11.673 12.512 11.96 Z" style=""/>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path d="M28.8,81.1l5.7-6.2c-5.4-5.2-8.8-12.5-8.8-20.7c0-15.9,12.8-28.7,28.7-28.7c5.2,0,10,1.4,14.2,3.8l4-7.4 c-5.4-3-11.6-4.8-18.2-4.8c-10.2,0-19.5,4.2-26.2,10.9c-6.7,6.7-10.9,16-10.9,26.2c0,10.2,4.1,19.5,10.9,26.2 C28.3,80.6,28.5,80.9,28.8,81.1z"/>
+    <path d="M80.5,28C80.5,28,80.5,27.9,80.5,28l-5.8,6.1c5.1,5.2,8.3,12.3,8.3,20.1c0,15.8-12.8,28.7-28.7,28.7 c-4.9,0-9.5-1.2-13.5-3.4l-4.1,7.3c5.3,2.9,11.3,4.5,17.7,4.5c10.2,0,19.5-4.2,26.2-10.9c6.7-6.7,10.9-16,10.9-26.2 C91.4,44,87.2,34.7,80.5,28z"/>
+  </g>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path d="M86.8,21.7c-0.1-0.1-0.2-0.2-0.3-0.3l-5.7,6.2c6.8,6.8,11.1,16.2,11.1,26.6c0,20.7-16.8,37.5-37.5,37.5 c-6.5,0-12.6-1.6-17.9-4.5l-4.1,7.3c6.5,3.6,14,5.6,22,5.6c12.7,0,24.2-5.1,32.5-13.5c8.3-8.3,13.4-19.8,13.4-32.5 C100.2,41.5,95.1,30,86.8,21.7z"/>
+    <path d="M22.7,87.6l5.7-6.2c-7.2-6.8-11.7-16.5-11.7-27.2c0-20.7,16.8-37.5,37.5-37.5c6.7,0,13,1.8,18.4,4.8l4-7.4 c-6.6-3.7-14.3-5.9-22.5-5.9c-12.7,0-24.2,5.1-32.5,13.5C13.5,30,8.4,41.5,8.4,54.2c0,12.7,5.2,24.2,13.5,32.5 C22.1,87,22.4,87.3,22.7,87.6z"/>
+  </g>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path class="st0" d="M17.1,93.7"/>
+    <path class="st0" d="M28.2,101.8"/>
+    <path d="M92,15.5l-5.2,5.6c8.6,8.4,13.9,20.1,13.9,33.1c0,25.6-20.8,46.4-46.4,46.4c-8.1,0-15.6-2.1-22.2-5.7l-3.9,6.9 c7.7,4.2,16.6,6.7,26,6.7c29.9,0,54.2-24.3,54.2-54.2C108.4,39.1,102.1,25.3,92,15.5z"/>
+  </g>
+  <path d="M 12.159 0.022 L 11.96 0.022 C 5.407 0.022 0.066 5.317 0 11.871 L 0 11.982 C 0 15.402 1.457 18.49 3.774 20.675 L 4.964 19.395 C 2.978 17.52 1.743 14.894 1.743 11.96 C 1.743 6.312 6.334 1.72 11.982 1.72 C 13.792 1.72 15.512 2.207 16.991 3.023 L 17.807 1.544 C 16.13 0.596 14.21 0.044 12.159 0.022 Z" style=""/>
+</svg>
--- a/images/icons/discogs_alt.svg
+++ b/images/icons/discogs_alt.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 108.4 108.5;" xmlns="http://www.w3.org/2000/svg">
+  <style type="text/css">
+	.st0{fill:#231F20;}
+</style>
+  <path class="st0" d="M 11.96 0.022 C 11.915 0.022 11.893 0.022 11.85 0 C 11.893 0.022 11.937 0.022 11.96 0.022 Z" style=""/>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path d="M34.3,54.2c0-11.1,9-20.1,20.1-20.1c3.7,0,7.1,1,10,2.7l4-7.2c-4.1-2.4-8.9-3.7-14-3.7c-7.8,0-14.9,3.2-20,8.3 c-5.1,5.1-8.3,12.2-8.3,20c0,7.8,3.1,14.9,8.3,20c0.1,0.1,0.3,0.3,0.4,0.4l5.6-6c0,0,0,0,0.1,0.1C36.6,65,34.3,59.9,34.3,54.2z" style="fill: rgb(255, 255, 255);"/>
+    <path d="M74.4,34.4l-5.6,6c3.4,3.6,5.5,8.5,5.5,13.8c0,11.1-9,20.1-20,20.1c-3.4,0-6.5-0.8-9.3-2.3l0,0l-4,7.2 c4,2.1,8.5,3.3,13.3,3.3c7.8,0,14.9-3.2,20-8.3c5.1-5.1,8.3-12.2,8.3-20C82.6,46.5,79.5,39.5,74.4,34.4z" style="fill: rgb(255, 255, 255);"/>
+  </g>
+  <path d="M 8.584 11.96 C 8.584 10.083 10.105 8.562 11.982 8.562 C 13.857 8.562 15.38 10.083 15.38 11.96 C 15.38 13.835 13.857 15.358 11.982 15.358 C 10.105 15.358 8.584 13.835 8.584 11.96 Z M 8.738 11.96 C 8.738 13.747 10.195 15.203 11.982 15.203 C 13.77 15.203 15.226 13.747 15.226 11.96 C 15.226 10.173 13.77 8.716 11.982 8.716 C 10.195 8.716 8.738 10.173 8.738 11.96 Z" style="fill: rgb(255, 255, 255);"/>
+  <path d="M 12.512 11.96 C 12.512 12.246 12.268 12.49 11.982 12.49 C 11.694 12.49 11.452 12.246 11.452 11.96 C 11.452 11.673 11.694 11.43 11.982 11.43 C 12.29 11.43 12.512 11.673 12.512 11.96 Z" style="fill: rgb(255, 255, 255);"/>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path d="M28.8,81.1l5.7-6.2c-5.4-5.2-8.8-12.5-8.8-20.7c0-15.9,12.8-28.7,28.7-28.7c5.2,0,10,1.4,14.2,3.8l4-7.4 c-5.4-3-11.6-4.8-18.2-4.8c-10.2,0-19.5,4.2-26.2,10.9c-6.7,6.7-10.9,16-10.9,26.2c0,10.2,4.1,19.5,10.9,26.2 C28.3,80.6,28.5,80.9,28.8,81.1z" style="fill: rgb(255, 255, 255);"/>
+    <path d="M80.5,28C80.5,28,80.5,27.9,80.5,28l-5.8,6.1c5.1,5.2,8.3,12.3,8.3,20.1c0,15.8-12.8,28.7-28.7,28.7 c-4.9,0-9.5-1.2-13.5-3.4l-4.1,7.3c5.3,2.9,11.3,4.5,17.7,4.5c10.2,0,19.5-4.2,26.2-10.9c6.7-6.7,10.9-16,10.9-26.2 C91.4,44,87.2,34.7,80.5,28z" style="fill: rgb(255, 255, 255);"/>
+  </g>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path d="M86.8,21.7c-0.1-0.1-0.2-0.2-0.3-0.3l-5.7,6.2c6.8,6.8,11.1,16.2,11.1,26.6c0,20.7-16.8,37.5-37.5,37.5 c-6.5,0-12.6-1.6-17.9-4.5l-4.1,7.3c6.5,3.6,14,5.6,22,5.6c12.7,0,24.2-5.1,32.5-13.5c8.3-8.3,13.4-19.8,13.4-32.5 C100.2,41.5,95.1,30,86.8,21.7z" style="fill: rgb(255, 255, 255);"/>
+    <path d="M22.7,87.6l5.7-6.2c-7.2-6.8-11.7-16.5-11.7-27.2c0-20.7,16.8-37.5,37.5-37.5c6.7,0,13,1.8,18.4,4.8l4-7.4 c-6.6-3.7-14.3-5.9-22.5-5.9c-12.7,0-24.2,5.1-32.5,13.5C13.5,30,8.4,41.5,8.4,54.2c0,12.7,5.2,24.2,13.5,32.5 C22.1,87,22.4,87.3,22.7,87.6z" style="fill: rgb(255, 255, 255);"/>
+  </g>
+  <g style="" transform="matrix(0.220656, 0, 0, 0.220656, 0, 0)">
+    <path class="st0" d="M17.1,93.7"/>
+    <path class="st0" d="M28.2,101.8"/>
+    <path d="M92,15.5l-5.2,5.6c8.6,8.4,13.9,20.1,13.9,33.1c0,25.6-20.8,46.4-46.4,46.4c-8.1,0-15.6-2.1-22.2-5.7l-3.9,6.9 c7.7,4.2,16.6,6.7,26,6.7c29.9,0,54.2-24.3,54.2-54.2C108.4,39.1,102.1,25.3,92,15.5z" style="fill: rgb(255, 255, 255);"/>
+  </g>
+  <path d="M 12.159 0.022 L 11.96 0.022 C 5.407 0.022 0.066 5.317 0 11.871 L 0 11.982 C 0 15.402 1.457 18.49 3.774 20.675 L 4.964 19.395 C 2.978 17.52 1.743 14.894 1.743 11.96 C 1.743 6.312 6.334 1.72 11.982 1.72 C 13.792 1.72 15.512 2.207 16.991 3.023 L 17.807 1.544 C 16.13 0.596 14.21 0.044 12.159 0.022 Z" style="fill: rgb(255, 255, 255);"/>
+</svg>
--- a/images/icons/microsoft.svg
+++ b/images/icons/microsoft.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.54346 1.54346H11.9782V11.9782H1.54346V1.54346Z" fill="#F35325"/>
+<path d="M13.022 1.54346H23.4568V11.9782H13.022V1.54346Z" fill="#81BC06"/>
+<path d="M1.54346 13.0217H11.9782V23.4565H1.54346V13.0217Z" fill="#05A6F0"/>
+<path d="M13.022 13.0217H23.4568V23.4565H13.022V13.0217Z" fill="#FFBA08"/>
+</svg>
--- a/images/icons/partiful.svg
+++ b/images/icons/partiful.svg
@@ -0,0 +1,4 @@
+<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.494 3.478C21.2973 2.55267 22.0474 1.80289 22.9713 0C23.8968 1.80289 24.6468 2.55267 26.45 3.478C24.6468 4.40178 23.8968 5.15155 22.9713 6.956C22.0474 5.15155 21.2973 4.40178 19.494 3.478Z" fill="white"/>
+<path d="M0 4.79675H3.51867V8.97434C4.976 6.88475 8.52178 4.79675 12.2877 4.79675C17.8407 4.79675 21.7437 8.45234 21.7437 12.5196C21.7437 16.8615 17.9778 19.8289 12.5619 19.8289C9.07177 19.8289 5.03012 17.6022 3.51867 15.4599V26.0226H0V4.79675ZM11.6005 17.9183C15.8335 17.9183 18.225 15.57 18.225 12.5866C18.225 9.27124 15.4492 6.75864 11.2434 6.75864C6.84455 6.75864 3.51867 10.0166 3.51867 12.2275C3.51867 14.4926 7.12033 17.9183 11.6005 17.9183Z" fill="white"/>
+</svg>
--- a/images/icons/patreon.svg
+++ b/images/icons/patreon.svg
@@ -1,9 +1,9 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1432_8721)">
-<path d="M15.3778 0C13.0883 0.00237968 10.8933 0.952381 9.27437 2.64152C7.65547 4.33066 6.74497 6.62094 6.74269 9.00974C6.73981 13.9625 10.6166 17.9925 15.3778 17.9925C17.6646 17.9925 19.8576 17.0447 21.4746 15.3576C23.0916 13.6704 24 11.3822 24 8.99625C24 6.6103 23.0916 4.32207 21.4746 2.63494C19.8576 0.947817 17.6646 0 15.3778 0V0ZM0.00287163 24H4.22136V0H0" fill="white"/>
+<g clip-path="url(#clip0_4_229)">
+<path d="M22.9566 7.21C22.9524 4.14556 20.5658 1.634 17.7655 0.72778C14.2882 -0.397554 9.70198 -0.234443 6.38154 1.33222C2.35709 3.23134 1.09287 7.39133 1.04576 11.5402C1.00709 14.9513 1.34754 23.9356 6.41509 23.9996C10.1804 24.0473 10.7411 19.1956 12.4833 16.8589C13.7229 15.1964 15.3189 14.7269 17.2835 14.2407C20.6602 13.4049 22.9615 10.74 22.9566 7.21Z" fill="white"/>
 </g>
 <defs>
-<clipPath id="clip0_1432_8721">
+<clipPath id="clip0_4_229">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
 </defs>
--- a/images/icons/qq.svg
+++ b/images/icons/qq.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.165 23.655c-2.127 0-4.081-.693-5.339-1.726-.638.186-1.456.483-1.971.853-.441.317-.387.64-.307.77.349.573 5.989.366 7.617.188zm0 0c2.129 0 4.082-.693 5.341-1.726.638.186 1.455.483 1.97.853.443.317.387.64.308.77-.35.573-5.99.366-7.619.188zm0 0" fill="#faab07"/><path d="m12.177 11.256c3.515-.023 6.333-.685 7.287-.937.227-.061.349-.169.349-.169.001-.032.015-.558.015-.827 0-4.561-2.215-9.145-7.663-9.145-5.447 0-7.662 4.584-7.662 9.145 0 .269.013.795.014.827 0 0 .099.101.28.15.882.238 3.752.933 7.355.956zm9.551 3.8c-.217-.682-.514-1.477-.816-2.24 0 0-.173-.02-.261.005-2.702.763-5.976 1.248-8.474 1.219h-.025c-2.482.028-5.735-.451-8.428-1.207-.104-.029-.306-.017-.306-.017-.301.763-.598 1.558-.816 2.24-1.04 3.25-.703 4.594-.446 4.624.549.065 2.14-2.446 2.14-2.446 0 2.552 2.37 6.47 7.798 6.506h.143c5.427-.036 7.796-3.954 7.796-6.506 0 0 1.592 2.511 2.142 2.447.256-.031.592-1.376-.447-4.625"/><path d="m10.227 6.917c-.739.032-1.371-.786-1.411-1.826-.04-1.041.528-1.911 1.266-1.944.738-.031 1.369.786 1.41 1.827.04 1.041-.527 1.91-1.265 1.943m5.286-1.826c-.04 1.04-.67 1.858-1.41 1.826-.739-.033-1.304-.902-1.264-1.943s.672-1.858 1.41-1.827c.739.033 1.304.903 1.264 1.944" fill="#fff"/><path d="m16.827 8.385c-.197-.424-2.186-.899-4.648-.899h-.027c-2.462 0-4.451.475-4.649.899-.009.02-.014.041-.015.062.001.029.012.057.028.08.167.237 2.375 1.402 4.636 1.402h.027c2.26 0 4.469-1.165 4.634-1.402.019-.023.028-.053.028-.081 0-.02-.005-.041-.014-.061" fill="#faab07"/><path d="m11.135 5.106c.034.41-.198.776-.518.816-.318.041-.605-.26-.639-.672-.034-.411.199-.777.516-.816.321-.04.607.26.641.672m2.03.138c.066-.114.51-.712 1.431-.495.242.057.354.141.378.175.034.049.044.118.009.212-.071.186-.214.181-.294.145-.053-.024-.694-.44-1.284.18-.041.043-.114.056-.183.007-.069-.052-.097-.153-.057-.224"/><path d="m12.177 13.891h-.025c-1.698.02-3.756-.199-5.748-.58-.171.959-.274 2.166-.186 3.606.224 3.639 2.447 5.925 5.878 5.959h.139c3.432-.034 5.654-2.32 5.879-5.959.088-1.44-.016-2.647-.186-3.606-1.994.381-4.052.6-5.751.58" fill="#fff"/><g fill="#eb1923"><path d="m7.343 13.587v3.58s1.688.33 3.379.102v-3.302c-1.072-.06-2.227-.191-3.379-.38"/><path d="m19.813 10.15s-3.282 1.007-7.636 1.036h-.025c-4.345-.029-7.624-1.033-7.635-1.036l-1.099 2.665c2.75.808 6.158 1.327 8.734 1.295h.025c2.579.032 5.985-.487 8.735-1.295zm0 0"/></g></svg>
--- a/images/icons/reddit.svg
+++ b/images/icons/reddit.svg
@@ -1,11 +1,104 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1432_8748)">
-<path d="M11.6159 23.424C17.9782 23.424 23.1359 18.2663 23.1359 11.904C23.1359 5.54171 17.9782 0.384033 11.6159 0.384033C5.25351 0.384033 0.0958252 5.54171 0.0958252 11.904C0.0958252 18.2663 5.25351 23.424 11.6159 23.424Z" fill="#FF4500"/>
-<path d="M19.2959 11.904C19.2959 10.9743 18.5413 10.2198 17.6116 10.2198C17.1535 10.2198 16.7493 10.395 16.4529 10.6913C15.3076 9.86948 13.7177 9.33053 11.9662 9.26316L12.7342 5.66568L15.2268 6.19116C15.2537 6.82442 15.7792 7.33643 16.4259 7.33643C17.0861 7.33643 17.6251 6.79748 17.6251 6.13727C17.6251 5.47705 17.0861 4.93811 16.4259 4.93811C15.9544 4.93811 15.5501 5.20758 15.3615 5.61179L12.5725 5.01895C12.4916 5.00548 12.4107 5.01895 12.3434 5.05938C12.2761 5.09979 12.2356 5.16717 12.2087 5.24801L11.3598 9.26316C9.56782 9.31705 7.96445 9.8425 6.80571 10.6913C6.50929 10.4084 6.09161 10.2198 5.64698 10.2198C4.71729 10.2198 3.96277 10.9743 3.96277 11.904C3.96277 12.5912 4.36698 13.1705 4.95982 13.44C4.93288 13.6017 4.9194 13.7769 4.9194 13.952C4.9194 16.539 7.92404 18.6274 11.6427 18.6274C15.3615 18.6274 18.3661 16.539 18.3661 13.952C18.3661 13.7769 18.3527 13.6152 18.3257 13.4534C18.8782 13.184 19.2959 12.5912 19.2959 11.904ZM7.77582 13.1031C7.77582 12.4429 8.31476 11.904 8.97498 11.904C9.63519 11.904 10.1741 12.4429 10.1741 13.1031C10.1741 13.7633 9.63519 14.3023 8.97498 14.3023C8.31476 14.3023 7.77582 13.7633 7.77582 13.1031ZM14.4722 16.2695C13.6504 17.0914 12.0874 17.1453 11.6293 17.1453C11.1712 17.1453 9.59477 17.0779 8.78635 16.2695C8.66508 16.1483 8.66508 15.9461 8.78635 15.8248C8.90761 15.7036 9.10971 15.7036 9.23098 15.8248C9.743 16.3368 10.8479 16.5254 11.6427 16.5254C12.4377 16.5254 13.529 16.3368 14.0545 15.8248C14.1758 15.7036 14.378 15.7036 14.4992 15.8248C14.5935 15.9596 14.5935 16.1483 14.4722 16.2695ZM14.2566 14.3023C13.5964 14.3023 13.0575 13.7633 13.0575 13.1031C13.0575 12.4429 13.5964 11.904 14.2566 11.904C14.9169 11.904 15.4559 12.4429 15.4559 13.1031C15.4559 13.7633 14.9169 14.3023 14.2566 14.3023Z" fill="white"/>
-</g>
+<path d="M20.4989 15.4701C22.4325 15.4701 24 13.9027 24 11.9691C24 10.0355 22.4325 8.46808 20.4989 8.46808C18.5654 8.46808 16.9979 10.0355 16.9979 11.9691C16.9979 13.9027 18.5654 15.4701 20.4989 15.4701Z" fill="url(#paint0_radial_4_250)"/>
+<path d="M3.50102 15.4701C5.43459 15.4701 7.00205 13.9027 7.00205 11.9691C7.00205 10.0355 5.43459 8.46808 3.50102 8.46808C1.56746 8.46808 0 10.0355 0 11.9691C0 13.9027 1.56746 15.4701 3.50102 15.4701Z" fill="url(#paint1_radial_4_250)"/>
+<path d="M12.0082 22.4734C17.5281 22.4734 22.0029 19.1171 22.0029 14.977C22.0029 10.8369 17.5281 7.48067 12.0082 7.48067C6.48822 7.48067 2.01343 10.8369 2.01343 14.977C2.01343 19.1171 6.48822 22.4734 12.0082 22.4734Z" fill="url(#paint2_radial_4_250)"/>
+<path d="M9.05304 14.2485C8.99447 15.5182 8.15113 15.9796 7.17075 15.9796C6.19037 15.9796 5.44074 15.3296 5.4993 14.0599C5.55787 12.7902 6.40121 11.9492 7.38159 11.9492C8.36197 11.9492 9.1116 12.9788 9.05304 14.2485Z" fill="#842123"/>
+<path d="M18.5172 14.0587C18.5757 15.3284 17.8273 15.9785 16.8457 15.9785C15.8642 15.9785 15.0208 15.5182 14.9634 14.2473C14.9049 12.9776 15.6533 11.948 16.6349 11.948C17.6164 11.948 18.4598 12.7878 18.5172 14.0587Z" fill="#842123"/>
+<path d="M14.9634 14.3586C15.0184 15.5474 15.8067 15.9785 16.725 15.9785C17.6433 15.9785 18.3437 15.3331 18.2887 14.1442C18.2336 12.9553 17.4454 12.1776 16.5271 12.1776C15.6087 12.1776 14.9083 13.1697 14.9634 14.3586Z" fill="url(#paint3_radial_4_250)"/>
+<path d="M9.05419 14.3586C8.99914 15.5474 8.21086 15.9785 7.29255 15.9785C6.37425 15.9785 5.67381 15.3331 5.72887 14.1442C5.78392 12.9553 6.5722 12.1776 7.49051 12.1776C8.40881 12.1776 9.10925 13.1697 9.05419 14.3586Z" fill="url(#paint4_radial_4_250)"/>
+<path d="M12.0082 16.8265C10.769 16.8265 9.58127 16.8862 8.48258 16.9952C8.29518 17.0139 8.1757 17.2048 8.24832 17.3758C8.86326 18.8177 10.3145 19.8309 12.0082 19.8309C13.7019 19.8309 15.152 18.8177 15.7681 17.3758C15.8407 17.2048 15.7224 17.0139 15.5338 16.9952C14.4351 16.8862 13.2474 16.8265 12.0082 16.8265Z" fill="#BBCFDA"/>
+<path d="M12.0082 17.1018C10.7725 17.1018 9.5883 17.1627 8.49313 17.2739C8.30573 17.2927 8.18742 17.4871 8.26005 17.6605C8.87381 19.1258 10.3204 20.1542 12.007 20.1542C13.6937 20.1542 15.1415 19.1246 15.7552 17.6605C15.8278 17.4871 15.7095 17.2927 15.5221 17.2739C14.427 17.1627 13.2428 17.1018 12.007 17.1018H12.0082Z" fill="white"/>
+<path d="M12.0082 16.9589C10.7924 16.9589 9.62693 17.0186 8.54816 17.1275C8.36426 17.1463 8.24713 17.3372 8.31858 17.5082C8.9218 18.9501 10.3461 19.9632 12.0082 19.9632C13.6703 19.9632 15.0934 18.9501 15.6978 17.5082C15.7692 17.3372 15.6521 17.1463 15.4682 17.1275C14.3906 17.0186 13.2252 16.9589 12.0082 16.9589Z" fill="url(#paint5_radial_4_250)"/>
+<path d="M17.4829 6.46164C18.853 6.46164 19.9637 5.35094 19.9637 3.98082C19.9637 2.6107 18.853 1.5 17.4829 1.5C16.1128 1.5 15.0021 2.6107 15.0021 3.98082C15.0021 5.35094 16.1128 6.46164 17.4829 6.46164Z" fill="url(#paint6_radial_4_250)"/>
+<path d="M11.9731 7.79692C11.6755 7.79692 11.4354 7.67277 11.4354 7.48067C11.4354 5.25754 13.2439 3.45022 15.4659 3.45022C15.7634 3.45022 16.0035 3.69151 16.0035 3.98785C16.0035 4.28419 15.7622 4.52547 15.4659 4.52547C13.8366 4.52547 12.5107 5.85139 12.5107 7.48067C12.5107 7.67277 12.2694 7.79692 11.9731 7.79692Z" fill="url(#paint7_radial_4_250)"/>
+<path d="M8.40062 14.9466C8.40062 15.4069 7.91101 15.613 7.30779 15.613C6.70457 15.613 6.21497 15.4069 6.21497 14.9466C6.21497 14.4862 6.70457 14.1138 7.30779 14.1138C7.91101 14.1138 8.40062 14.4862 8.40062 14.9466Z" fill="#FF6101"/>
+<path d="M17.8026 14.9466C17.8026 15.4069 17.313 15.613 16.7098 15.613C16.1065 15.613 15.6169 15.4069 15.6169 14.9466C15.6169 14.4862 16.1065 14.1138 16.7098 14.1138C17.313 14.1138 17.8026 14.4862 17.8026 14.9466Z" fill="#FF6101"/>
+<path d="M8.06209 13.6979C8.27686 13.6979 8.45096 13.5081 8.45096 13.2739C8.45096 13.0398 8.27686 12.8499 8.06209 12.8499C7.84732 12.8499 7.67322 13.0398 7.67322 13.2739C7.67322 13.5081 7.84732 13.6979 8.06209 13.6979Z" fill="#FFC49C"/>
+<path d="M17.3049 13.6979C17.5197 13.6979 17.6938 13.5081 17.6938 13.2739C17.6938 13.0398 17.5197 12.8499 17.3049 12.8499C17.0901 12.8499 16.916 13.0398 16.916 13.2739C16.916 13.5081 17.0901 13.6979 17.3049 13.6979Z" fill="#FFC49C"/>
 <defs>
-<clipPath id="clip0_1432_8748">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
+<radialGradient id="paint0_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.3529 10.0842) scale(7.01628 6.12058)">
+<stop stop-color="#FEFFFF"/>
+<stop offset="0.4" stop-color="#FEFFFF"/>
+<stop offset="0.51" stop-color="#F9FCFC"/>
+<stop offset="0.62" stop-color="#EDF3F5"/>
+<stop offset="0.7" stop-color="#DEE9EC"/>
+<stop offset="0.72" stop-color="#D8E4E8"/>
+<stop offset="0.76" stop-color="#CCD8DF"/>
+<stop offset="0.8" stop-color="#C8D5DD"/>
+<stop offset="0.83" stop-color="#CCD6DE"/>
+<stop offset="0.85" stop-color="#D8DBE2"/>
+<stop offset="0.88" stop-color="#EDE3E9"/>
+<stop offset="0.9" stop-color="#FFEBEF"/>
+</radialGradient>
+<radialGradient id="paint1_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(3.50117 26.208) scale(0.0275256 0.0240117)">
+<stop stop-color="#FEFFFF"/>
+<stop offset="0.4" stop-color="#FEFFFF"/>
+<stop offset="0.51" stop-color="#F9FCFC"/>
+<stop offset="0.62" stop-color="#EDF3F5"/>
+<stop offset="0.7" stop-color="#DEE9EC"/>
+<stop offset="0.72" stop-color="#D8E4E8"/>
+<stop offset="0.76" stop-color="#CCD8DF"/>
+<stop offset="0.8" stop-color="#C8D5DD"/>
+<stop offset="0.83" stop-color="#CCD6DE"/>
+<stop offset="0.85" stop-color="#D8DBE2"/>
+<stop offset="0.88" stop-color="#EDE3E9"/>
+<stop offset="0.9" stop-color="#FFEBEF"/>
+</radialGradient>
+<radialGradient id="paint2_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0759 9.10245) scale(21.1639 14.8598)">
+<stop stop-color="#FEFFFF"/>
+<stop offset="0.4" stop-color="#FEFFFF"/>
+<stop offset="0.51" stop-color="#F9FCFC"/>
+<stop offset="0.62" stop-color="#EDF3F5"/>
+<stop offset="0.7" stop-color="#DEE9EC"/>
+<stop offset="0.72" stop-color="#D8E4E8"/>
+<stop offset="0.76" stop-color="#CCD8DF"/>
+<stop offset="0.8" stop-color="#C8D5DD"/>
+<stop offset="0.83" stop-color="#CCD6DE"/>
+<stop offset="0.85" stop-color="#D8DBE2"/>
+<stop offset="0.88" stop-color="#EDE3E9"/>
+<stop offset="0.9" stop-color="#FFEBEF"/>
+</radialGradient>
+<radialGradient id="paint3_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5661 15.1693) rotate(180) scale(1.76825 2.59594)">
+<stop stop-color="#FF6600"/>
+<stop offset="0.5" stop-color="#FF4500"/>
+<stop offset="0.7" stop-color="#FC4301"/>
+<stop offset="0.82" stop-color="#F43F07"/>
+<stop offset="0.92" stop-color="#E53812"/>
+<stop offset="1" stop-color="#D4301F"/>
+</radialGradient>
+<radialGradient id="paint4_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.37184 15.1693) scale(1.76825 2.59594)">
+<stop stop-color="#FF6600"/>
+<stop offset="0.5" stop-color="#FF4500"/>
+<stop offset="0.7" stop-color="#FC4301"/>
+<stop offset="0.82" stop-color="#F43F07"/>
+<stop offset="0.92" stop-color="#E53812"/>
+<stop offset="1" stop-color="#D4301F"/>
+</radialGradient>
+<radialGradient id="paint5_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.8436 20.3155) scale(6.23511 4.11251)">
+<stop stop-color="#172E35"/>
+<stop offset="0.29" stop-color="#0E1C21"/>
+<stop offset="0.73" stop-color="#030708"/>
+<stop offset="1"/>
+</radialGradient>
+<radialGradient id="paint6_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.3427 1.4808) scale(5.47319 5.47319)">
+<stop stop-color="#FEFFFF"/>
+<stop offset="0.4" stop-color="#FEFFFF"/>
+<stop offset="0.51" stop-color="#F9FCFC"/>
+<stop offset="0.62" stop-color="#EDF3F5"/>
+<stop offset="0.7" stop-color="#DEE9EC"/>
+<stop offset="0.72" stop-color="#D8E4E8"/>
+<stop offset="0.76" stop-color="#CCD8DF"/>
+<stop offset="0.8" stop-color="#C8D5DD"/>
+<stop offset="0.83" stop-color="#CCD6DE"/>
+<stop offset="0.85" stop-color="#D8DBE2"/>
+<stop offset="0.88" stop-color="#EDE3E9"/>
+<stop offset="0.9" stop-color="#FFEBEF"/>
+</radialGradient>
+<radialGradient id="paint7_radial_4_250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.0614 7.4474) scale(4.48613)">
+<stop offset="0.48" stop-color="#7A9299"/>
+<stop offset="0.67" stop-color="#172E35"/>
+<stop offset="0.75"/>
+<stop offset="0.82" stop-color="#172E35"/>
+</radialGradient>
 </defs>
 </svg>
--- a/images/icons/revolut.svg
+++ b/images/icons/revolut.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.2666 6.42627H3.11865V22.9696H7.2666V6.42627Z" fill="black" stroke="#191C1F"/>
+<path d="M20.2745 7.37234C20.2745 3.86196 17.3762 1.00598 13.8136 1.00598H3.11865V4.53895H13.3051C14.9173 4.53895 16.2528 5.78825 16.2824 7.32371C16.2971 8.09253 16.0045 8.81814 15.4586 9.36679C14.9124 9.91567 14.1827 10.2181 13.4039 10.2181H9.43579C9.2949 10.2181 9.18021 10.331 9.18021 10.47V13.6099C9.18021 13.6634 9.19693 13.7144 9.22842 13.7574L15.961 22.9697H20.8893L14.1411 13.7322C17.5395 13.5639 20.2745 10.7477 20.2745 7.37234Z" fill="black" stroke="#191C1F"/>
+</svg>
--- a/images/icons/stack-overflow.svg
+++ b/images/icons/stack-overflow.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4003_8711)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9487 15.4707H21.081V24H1.89001V15.4707H4.02235V21.8677H18.9487V15.4707Z" fill="#BBBBBB"/>
+<path d="M6.34616 14.8368L16.8188 17.0379L17.2591 14.9444L6.78639 12.7422L6.34616 14.8368ZM7.73199 9.82211L17.4333 14.3403L18.3371 12.4001L8.63552 7.88188L7.73199 9.82211ZM10.4164 5.06255L18.641 11.9114L20.0107 10.2666L11.7861 3.41794L10.4164 5.06255ZM15.7253 0L14.0078 1.27746L20.3948 9.86495L22.1123 8.58769L15.7253 0ZM6.15466 19.7353H16.8163V17.603H6.15466V19.7353Z" fill="#F58025"/>
+</g>
+<defs>
+<clipPath id="clip0_4003_8711">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/images/icons/trakt.svg
+++ b/images/icons/trakt.svg
@@ -0,0 +1,13 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4_221)">
+<path d="M5.28955 18.9304C7.04646 20.853 9.58237 22.0464 12.4 22.0464C13.842 22.0464 15.2012 21.7315 16.4277 21.168L9.73154 14.4884L5.28955 18.9304Z" fill="white"/>
+<path d="M9.69839 10.4442L4.62656 15.4995L3.94701 14.8199L9.28402 9.48287L15.5161 3.25083C14.5382 2.91934 13.494 2.73702 12.4 2.73702C7.06303 2.73702 2.73706 7.06299 2.73706 12.4C2.73706 14.5713 3.44977 16.5768 4.67629 18.2011L9.73154 13.1459L10.0796 13.4774L17.3227 20.7204C17.4719 20.6376 17.6045 20.5547 17.7371 20.4553L9.73154 12.4497L4.87518 17.3061L4.19562 16.6265L9.73154 11.0906L10.0796 11.4221L18.5326 19.8586C18.6652 19.7591 18.7813 19.6431 18.8973 19.5436L9.78126 10.4276L9.69839 10.4442Z" fill="white"/>
+<path d="M19.5768 18.8641C21.1183 17.1569 22.063 14.8862 22.063 12.4C22.063 8.52155 19.7757 5.19006 16.4939 3.64862L10.4111 9.71492L19.5768 18.8641ZM12.7481 11.4718L12.0685 10.7923L16.8586 6.00221L17.5381 6.68177L12.7481 11.4718ZM17.2895 4.89171L11.7702 10.4111L11.0906 9.73149L16.61 4.21216L17.2895 4.89171Z" fill="white"/>
+<path d="M12.4 24.4C5.78676 24.4 0.400024 19.0133 0.400024 12.4C0.400024 5.78674 5.78676 0.400002 12.4 0.400002C19.0133 0.400002 24.4 5.78674 24.4 12.4C24.4 19.0133 19.0133 24.4 12.4 24.4ZM12.4 1.60995C6.44975 1.60995 1.60997 6.44973 1.60997 12.4C1.60997 18.3503 6.44975 23.1901 12.4 23.1901C18.3503 23.1901 23.1901 18.3503 23.1901 12.4C23.1901 6.44973 18.3503 1.60995 12.4 1.60995Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_4_221">
+<rect width="24" height="24" fill="white" transform="translate(0.400024 0.400002)"/>
+</clipPath>
+</defs>
+</svg>
--- a/images/icons/vrchat.svg
+++ b/images/icons/vrchat.svg
@@ -1,12 +1,2 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1432_8803)">
-<path d="M20.1002 24.4478C19.4853 24.2853 19.0602 23.8752 18.6844 23.3895C17.4343 21.7773 16.1773 20.1683 14.9263 18.5542C14.8211 18.418 14.7074 18.3875 14.5477 18.3875C10.8353 18.3912 7.12267 18.392 3.40969 18.3898C1.95344 18.3898 0.797365 17.5137 0.483566 16.1604C0.420677 15.8865 0.38869 15.6065 0.388205 15.3256C0.382568 11.3796 0.381159 7.43364 0.383978 3.48766C0.382568 1.71056 1.65092 0.450195 3.436 0.450195H21.2709C23.0254 0.450195 24.2773 1.69647 24.2773 3.44867V15.3829C24.2773 16.9716 23.3007 18.1122 21.7261 18.3663C21.6989 18.3749 21.6725 18.3857 21.6471 18.3988V18.6543C21.649 20.0689 21.6504 21.4835 21.6514 22.8981C21.6514 23.3777 21.5306 23.8221 21.1412 24.1322C20.9636 24.2731 20.7316 24.3464 20.5244 24.4502L20.1002 24.4478ZM20.6047 17.3456H21.2516C22.4598 17.339 23.2298 16.5672 23.2302 15.3594V3.47451C23.2302 2.26394 22.4594 1.494 21.2507 1.494H5.41509C4.71046 1.494 4.00582 1.48695 3.30118 1.494C2.25409 1.50762 1.45221 2.30105 1.45127 3.34203C1.44657 7.39105 1.44657 11.4393 1.45127 15.4867C1.44655 15.8491 1.55223 16.2043 1.75426 16.5052C2.16201 17.1107 2.74639 17.3507 3.46184 17.3479C7.33077 17.3432 11.1997 17.3412 15.0686 17.3418C15.1446 17.3364 15.2206 17.351 15.2892 17.3839C15.3578 17.4169 15.4167 17.4671 15.4599 17.5297C16.7903 19.2487 18.125 20.9641 19.4642 22.6759C19.6125 22.8776 19.7826 23.0622 19.9715 23.2265C20.0838 23.3176 20.2971 23.4008 20.4023 23.3524C20.5075 23.304 20.5432 23.0888 20.6094 22.9456C20.6151 22.9227 20.616 22.8988 20.6123 22.8756C20.6104 21.6332 20.6088 20.3908 20.6076 19.1485C20.6043 18.5571 20.6047 17.9652 20.6047 17.3456Z" fill="black"/>
-<path d="M17.3531 9.99857C17.9248 11.0574 18.4806 12.0881 19.0382 13.1178C19.2045 13.4255 19.2054 13.6345 18.9611 13.8811C18.7983 14.0475 18.6042 14.18 18.3899 14.271C17.9883 14.4364 17.6707 14.2978 17.4701 13.9112C16.8768 12.7669 16.284 11.6235 15.7015 10.473C15.6183 10.3091 15.5286 10.2433 15.3445 10.2546C15.0715 10.2715 14.7972 10.2593 14.4914 10.2593C14.4867 10.3584 14.4787 10.4472 14.4787 10.5374V13.5617C14.4787 13.9694 14.3429 14.1451 13.9394 14.2273C13.7789 14.2612 13.6143 14.2715 13.4509 14.2579C12.9214 14.2076 12.7401 13.999 12.7401 13.4743V5.29252C12.7401 4.73727 12.9135 4.56299 13.4692 4.56346C14.3697 4.56346 15.2707 4.55594 16.1708 4.5752C16.5071 4.58377 16.8416 4.62817 17.1685 4.70767C18.2147 4.96087 18.862 5.61055 19.0363 6.6863C19.1353 7.24264 19.1083 7.81409 18.9574 8.35864C18.7225 9.17649 18.1921 9.72047 17.3531 9.99857ZM14.4904 8.89886H15.9467C16.9398 8.8937 17.4283 8.3624 17.3522 7.37215C17.348 7.31812 17.3409 7.26363 17.3348 7.20961C17.2611 6.55195 16.8956 6.15641 16.2379 6.11084C15.6705 6.07138 15.0983 6.0944 14.5285 6.09158C14.5172 6.09158 14.5055 6.1099 14.4881 6.12447L14.4904 8.89886Z" fill="black"/>
-<path d="M8.00394 12.0688C8.14487 11.5694 8.2703 11.1292 8.39478 10.6853C8.92718 8.79877 9.45769 6.91237 9.98633 5.02613C10.0836 4.6818 10.2334 4.55168 10.5904 4.57094C10.8005 4.58276 11.0071 4.63043 11.2011 4.71186C11.6624 4.90588 11.7568 5.14263 11.6103 5.62085C10.7929 8.29347 9.97677 10.9664 9.1619 13.6396C9.05432 13.9952 8.83824 14.224 8.48967 14.2762C8.17518 14.3238 7.8555 14.3263 7.54029 14.2837C7.17482 14.2315 6.94511 13.9957 6.83143 13.6227C6.01217 10.9266 5.18539 8.2324 4.3511 5.54005C4.24071 5.18115 4.29896 4.95896 4.63296 4.79642C4.88362 4.67571 5.15429 4.60199 5.43155 4.57892C5.76601 4.55074 5.90694 4.69073 6.00089 5.01627L7.92174 11.7968C7.93959 11.8686 7.96355 11.9396 8.00394 12.0688Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0_1432_8803">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 508.66 510.9" xmlns="http://www.w3.org/2000/svg"><g data-name="Layer 2"><g id="VRChat"><path d="m0.03 64.66c-0.02-43.107-0.01-21.553 0 0zm430.45 295h13.77c25.72-0.14 42.11-16.57 42.12-42.28v-253c0-25.77-16.41-42.16-42.14-42.16h-337.1c-15 0-30-0.15-45 0-22.29 0.29-39.36 17.18-39.38 39.34-0.1 86.193-0.1 172.37 0 258.53-0.10051 7.7138 2.1492 15.276 6.45 21.68 8.68 12.89 21.12 18 36.35 17.94 82.36-0.1 164.72-0.14333 247.08-0.13 3.2883-0.23188 6.455 1.2887 8.33 4 28.32 36.593 56.733 73.11 85.24 109.55 3.1567 4.293 6.7788 8.2236 10.8 11.72 2.39 1.94 6.93 3.71 9.17 2.68s3-5.61 4.41-8.66c0.11982-0.4876 0.14022-0.99434 0.06-1.49-0.04-26.447-0.0733-52.893-0.1-79.34-0.07-12.59-0.06-25.19-0.06-38.38z" fill="#fff"/><g><path id="Bubble" d="m419.74 510.85c-13.09-3.46-22.14-12.19-30.14-22.53-26.61-34.32-53.37-68.57-80-102.93-2.24-2.9-4.66-3.55-8.06-3.55q-118.54 0.12-237.1 0.05c-31 0-55.61-18.65-62.29-47.46a80 80 0 0 1-2.03-17.77q-0.18-126-0.09-252c-0.03-37.83 26.97-64.66 64.97-64.66h379.66c37.35 0 64 26.53 64 63.83v254.05c0 33.82-20.79 58.1-54.31 63.51a10.6 10.6 0 0 0-1.68 0.69v5.44q0.06 45.17 0.09 90.34c0 10.21-2.57 19.67-10.86 26.27-3.78 3-8.72 4.56-13.13 6.77zm10.74-151.19h13.77c25.72-0.14 42.11-16.57 42.12-42.28v-253c0-25.77-16.41-42.16-42.14-42.16h-337.1c-15 0-30-0.15-45 0-22.29 0.29-39.36 17.18-39.38 39.34q-0.15 129.29 0 258.53a38 38 0 0 0 6.45 21.68c8.68 12.89 21.12 18 36.35 17.94q123.54-0.15 247.08-0.13a9.33 9.33 0 0 1 8.33 4q42.48 54.89 85.24 109.55a72.24 72.24 0 0 0 10.8 11.72c2.39 1.94 6.93 3.71 9.17 2.68s3-5.61 4.41-8.66a3.74 3.74 0 0 0 0.06-1.49q-0.06-39.67-0.1-79.34c-0.07-12.59-0.06-25.19-0.06-38.38z"/><path id="R" d="M361.26,203.26c12.17,22.54,24,44.48,35.87,66.4,3.54,6.55,3.56,11-1.64,16.25a37.58,37.58,0,0,1-12.16,8.3c-8.55,3.52-15.31.57-19.58-7.66-12.63-24.36-25.25-48.7-37.65-73.19-1.77-3.49-3.68-4.89-7.6-4.65-5.81.36-11.65.1-18.16.1-.1,2.11-.27,4-.27,5.92v64.38c0,8.68-2.89,12.42-11.48,14.17a35.94,35.94,0,0,1-10.4.65c-11.27-1.07-15.13-5.51-15.13-16.68V103.08c0-11.82,3.69-15.53,15.52-15.52,19.17,0,38.35-.16,57.51.25a100.75,100.75,0,0,1,21.24,2.82c22.27,5.39,36.05,19.22,39.76,42.12a80.5,80.5,0,0,1-1.68,35.6C390.41,185.76,379.12,197.34,361.26,203.26Zm-60.94-23.41h31c21.14-.11,31.54-11.42,29.92-32.5-.09-1.15-.24-2.31-.37-3.46-1.57-14-9.35-22.42-23.35-23.39-12.08-.84-24.26-.35-36.39-.41-.24,0-.49.39-.86.7Z"/><path id="V" d="m162.24 247.33c3-10.63 5.67-20 8.32-29.45q17-60.24 33.88-120.47c2.07-7.33 5.26-10.1 12.86-9.69a39.3 39.3 0 0 1 13 3c9.82 4.13 11.83 9.17 8.71 19.35q-26.1 85.34-52.12 170.7c-2.29 7.57-6.89 12.44-14.31 13.55a71.27 71.27 0 0 1-20.21 0.16c-7.78-1.11-12.67-6.13-15.09-14.07q-26.16-86.09-52.8-172.06c-2.35-7.64-1.11-12.37 6-15.83a48.44 48.44 0 0 1 17-4.63c7.12-0.6 10.12 2.38 12.12 9.31l40.89 144.34c0.38 1.53 0.89 3.04 1.75 5.79z"/></g></g></g></svg>
--- a/images/icons/x.svg
+++ b/images/icons/x.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.9014 1.16016H22.5816L14.5415 10.3493L24 22.8537H16.5941L10.7935 15.2699L4.15631 22.8537H0.473926L9.07356 13.0249L0 1.16016H7.59394L12.8372 8.09208L18.9014 1.16016ZM17.6098 20.651H19.649L6.48589 3.24719H4.29759L17.6098 20.651Z" fill="white"/>
+</svg>
--- a/index.html
+++ b/index.html
@@ -130,9 +130,15 @@
        <!-- Behance -->
        <a class="button button-behance" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/behance.svg" alt="">Behance</a><br> 

+        <!-- BeReal -->
+        <a class="button button-bereal" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/bereal.svg" alt=""> BeReal</a><br>
+        
        <!-- Bluesky -->
        <a class="button button-bluesky" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/bluesky.svg" alt="">Bluesky</a><br> 

+        <!-- Bluesky Alt -->
+        <a class="button button-bluesky-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/bluesky-alt.svg" alt="">Bluesky</a><br> 
+
        <!-- Buy Me A Coffee -->
        <a class="button button-coffee" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/buy-me-a-coffee.svg" alt="">Buy Me A Coffee</a><br>

@@ -151,6 +157,12 @@
        <!-- Dev.to -->
        <a class="button button-dev-to" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/dev-to.svg" alt="">Dev.to</a><br>

+        <!-- Discogs -->
+        <a class="button button-discogs" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/discogs.svg" alt="">Discogs</a><br>
+
+        <!-- Discogs_alt -->
+        <a class="button button-discogs_alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/discogs_alt.svg" alt="">Discogs</a><br>
+
        <!-- Discord -->
        <a class="button button-discord" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/discord.svg" alt="">Discord</a><br>

@@ -243,6 +255,9 @@

        <!-- Medium -->
        <a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/medium.svg" alt="">Medium</a><br>
+
+        <!-- Microsoft Store -->
+        <a class="button button-microsoft" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/microsoft.svg" alt="">Get it from Microsoft</a><br>
        
        <!-- NGL -->
        <a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/ngl.svg" alt="">NGL</a><br>
@@ -253,6 +268,9 @@
        <!-- OnlyFans -->
        <a class="button button-onlyfans" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/onlyfans.svg" alt="">OnlyFans (18+)</a><br>

+        <!-- Partiful -->
+        <a class="button button-partiful" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/partiful.svg" alt="">Partiful</a><br>
+
        <!-- Patreon -->
        <a class="button button-patreon" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/patreon.svg" alt="">Patreon</a><br>

@@ -268,6 +286,9 @@
        <!-- Product Hunt -->
        <a class="button button-product-hunt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/product-hunt.svg" alt="">Product Hunt</a><br>

+        <!-- QQ -->
+        <a class="button button-qq" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/qq.svg" alt="">QQ</a><br>
+
        <!-- Read.cv -->
        <a class="button button-read-cv" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/read-cv.svg" alt="">Read.cv</a><br>

@@ -277,6 +298,9 @@
        <!-- Reddit -->
        <a class="button button-reddit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/reddit.svg" alt="">Reddit</a><br>

+        <!-- Revolut -->
+        <a class="button button-revolut" href="" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/revolut.svg" alt="">Revolut</a><br>
+        
        <!-- Shop -->
        <a class="button button-shop" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/shop.svg" alt="">Buy with Shop</a><br>

@@ -304,9 +328,15 @@
        <!-- Square -->
        <a class="button button-square" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/square.svg" alt="">Buy with Square</a><br>

+        <!-- Stack Overflow -->
+        <a class="button button-stack-overflow" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/stack-overflow.svg" alt="">Stack Overflow</a><br>
+
        <!-- Steam -->
        <a class="button button-steam" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>

+        <!-- Steam Alt -->
+        <a class="button button-steam-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/steam.svg" alt="">Steam</a><br>
+
        <!-- Strava -->
        <a class="button button-strava" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/strava.svg" alt="">Strava</a><br>

@@ -325,6 +355,9 @@
        <!-- TikTok -->
        <a class="button button-tiktok" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/tiktok.svg" alt="">TikTok</a><br>

+        <!-- Trakt -->
+        <a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trakt.svg" alt="">Trakt</a><br>
+
        <!-- Trello -->
        <a class="button button-trello" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trello.svg" alt="">Trello</a><br>

@@ -334,7 +367,7 @@
        <!-- Twitch -->
        <a class="button button-twitch" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/twitch.svg" alt="">Twitch</a><br>

-        <!-- Twitter -->
+        <!-- Twitter (archiving soon, see 'X') -->
        <a class="button button-twit" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/twitter.svg" alt="">Twitter</a><br>

        <!-- Unsplash -->
@@ -364,6 +397,9 @@
        <!-- WordPress -->
        <a class="button button-wordpress" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/wordpress.svg" alt="">WordPress</a><br>

+        <!-- X -->
+        <a class="button button-x" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/x.svg" alt="">Follow on X</a><br>
+
        <!-- Xing -->
        <a class="button button-xing" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/xing.svg" alt="">Xing</a><br>

@@ -423,7 +459,6 @@

        <!-- Generic Website -->
        <a class="button button-default" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/generic-website.svg" alt="">Visit Website</a><br>
-
        <br>
        <!-- 
            Footer:
Author	SHA1	Message	Date
Seth Cottle	df1f9e6075	Added Microsoft Store	2024-03-06 12:04:16 -05:00
Seth Cottle	18d46bd04d	Stack Overflow + Tweaks Added Stack Overflow, renamed Steam Dark to Steam Alt to match the defined pattern we're already using for alternate buttons. Added stroke for accessibility.	2024-03-04 10:41:31 -05:00
Seth Cottle	4b55e9b85f	Merge pull request #116 from ImaTimekeeperReadingRaptor/main Update BlueSky logo	2024-02-26 12:25:40 -05:00
ITRR	87b38d2224	Fix: Border to Bluesky Alt button for light mode accessibility	2024-02-26 11:06:50 -06:00
ITRR	a2160ebe79	Update index.html	2024-02-24 17:03:50 -08:00
ITRR	18d913b499	bluesky.svg and bluesky-alt.svg Changed the Bluesky svg to their new logo, and added an alt	2024-02-24 18:48:29 -06:00
ITRR	5a32dfed19	Update brands.css	2024-02-24 16:47:04 -08:00
ITRR	241ed8c9e6	Update index.html	2024-02-24 16:45:14 -08:00
ITRR	deff9bea0f	Update index.html	2024-02-24 16:44:28 -08:00
Seth Cottle	1e4997c997	Merge pull request #114 from lbr-dev/main	2024-02-23 19:57:50 -05:00
Lbr	bdfe3198c2	Final touches Small fix and logo changes	2024-02-24 00:25:10 +01:00
Lbr	015af70be1	BeReal and Revolut fixes Added border around Bereal, adjusted color and switched Revolut logo for the latest version	2024-02-21 23:12:45 +01:00
Seth Cottle	15540656cd	Merge pull request #109 from HLEndman/main add QQ	2024-02-21 10:16:59 -05:00
Lbr	34e7578610	Adding Revolut	2024-02-13 11:11:25 +01:00
Lbr	94c32d2cd6	Adding Bereal I would like to add BeReal as a very popular site mostly in EU.	2024-02-13 11:04:02 +01:00
HLEndman	7d77917859	add a alt version of discogs	2024-01-10 18:20:43 +08:00
HLEndman	8367641d19	Add Discogs	2024-01-10 17:59:35 +08:00
HLEndman	6c393aec17	fix error	2023-12-28 19:43:09 +08:00
HLEndman	4d7dcfb99b	fix colour error	2023-12-28 19:41:02 +08:00
HLEndman	067fca908b	Add 'QQ' by Tencent	2023-12-27 21:26:47 +08:00
Seth Cottle	3abea3d199	Merge pull request #106 from SimonHaas/main devcontainer with live server	2023-12-18 09:50:07 -05:00
Simon Haas	710de6a5af	devcontainer with live server	2023-12-15 12:02:05 +00:00
Seth Cottle	4b494b4b3a	Fixed Partiful	2023-11-30 09:53:05 -05:00
Seth Cottle	c041270a2c	Brand Updates Updated Trakt to reflect more accurate branding and to use the SVG provided by them. Also placed corrected its alphabetical ordering for easier wayfinding. Updated Patreon to reflect their new branding guidelines. Updated Reddit to reflect their new branding guidelines. Added Partiful.	2023-11-30 09:45:59 -05:00
Seth Cottle	ca1e4077b5	Merge pull request #101 from jothi-prasath/trakt.tv added trakt	2023-10-28 21:34:40 -04:00
Seth Cottle	e9bf197c5a	Merge pull request #102 from LukaTV939/steam-dark Made a dark Steam button	2023-10-28 21:33:54 -04:00
Luka tv	5d8ef86b23	Made a dark Steam button Didn't like the light one so I made it dark that resembles the steam logo	2023-09-21 19:43:10 +02:00
Jothi Prasath	fda2ba721d	added trakt	2023-09-11 18:58:54 +05:30
Seth Cottle	5af538f6dd	Merge pull request #100 from tsacks/bugfix-icon-vrchat Update vrchat.svg	2023-08-23 18:37:15 -04:00
Trevor Sacks	f09bb478ee	Update vrchat.svg Adding a background element to the VRChat svg icon, to fix an issue where the hover effect causes the icon to vanish.	2023-08-23 12:35:47 -04:00
Seth Cottle	093aaa0a29	Added "X" 👎	2023-07-31 10:36:04 -04:00
Seth Cottle	57e61be9cd	Update README.md	2023-07-06 16:04:37 -04:00
Seth Cottle	9ea8125fef	Created FUNDING.yml	2023-07-06 15:40:52 -04:00
				`@@ -0,0 +1 @@`
				<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.165 23.655c-2.127 0-4.081-.693-5.339-1.726-.638.186-1.456.483-1.971.853-.441.317-.387.64-.307.77.349.573 5.989.366 7.617.188zm0 0c2.129 0 4.082-.693 5.341-1.726.638.186 1.455.483 1.97.853.443.317.387.64.308.77-.35.573-5.99.366-7.619.188zm0 0" fill="#faab07"/><path d="m12.177 11.256c3.515-.023 6.333-.685 7.287-.937.227-.061.349-.169.349-.169.001-.032.015-.558.015-.827 0-4.561-2.215-9.145-7.663-9.145-5.447 0-7.662 4.584-7.662 9.145 0 .269.013.795.014.827 0 0 .099.101.28.15.882.238 3.752.933 7.355.956zm9.551 3.8c-.217-.682-.514-1.477-.816-2.24 0 0-.173-.02-.261.005-2.702.763-5.976 1.248-8.474 1.219h-.025c-2.482.028-5.735-.451-8.428-1.207-.104-.029-.306-.017-.306-.017-.301.763-.598 1.558-.816 2.24-1.04 3.25-.703 4.594-.446 4.624.549.065 2.14-2.446 2.14-2.446 0 2.552 2.37 6.47 7.798 6.506h.143c5.427-.036 7.796-3.954 7.796-6.506 0 0 1.592 2.511 2.142 2.447.256-.031.592-1.376-.447-4.625"/><path d="m10.227 6.917c-.739.032-1.371-.786-1.411-1.826-.04-1.041.528-1.911 1.266-1.944.738-.031 1.369.786 1.41 1.827.04 1.041-.527 1.91-1.265 1.943m5.286-1.826c-.04 1.04-.67 1.858-1.41 1.826-.739-.033-1.304-.902-1.264-1.943s.672-1.858 1.41-1.827c.739.033 1.304.903 1.264 1.944" fill="#fff"/><path d="m16.827 8.385c-.197-.424-2.186-.899-4.648-.899h-.027c-2.462 0-4.451.475-4.649.899-.009.02-.014.041-.015.062.001.029.012.057.028.08.167.237 2.375 1.402 4.636 1.402h.027c2.26 0 4.469-1.165 4.634-1.402.019-.023.028-.053.028-.081 0-.02-.005-.041-.014-.061" fill="#faab07"/><path d="m11.135 5.106c.034.41-.198.776-.518.816-.318.041-.605-.26-.639-.672-.034-.411.199-.777.516-.816.321-.04.607.26.641.672m2.03.138c.066-.114.51-.712 1.431-.495.242.057.354.141.378.175.034.049.044.118.009.212-.071.186-.214.181-.294.145-.053-.024-.694-.44-1.284.18-.041.043-.114.056-.183.007-.069-.052-.097-.153-.057-.224"/><path d="m12.177 13.891h-.025c-1.698.02-3.756-.199-5.748-.58-.171.959-.274 2.166-.186 3.606.224 3.639 2.447 5.925 5.878 5.959h.139c3.432-.034 5.654-2.32 5.879-5.959.088-1.44-.016-2.647-.186-3.606-1.994.381-4.052.6-5.751.58" fill="#fff"/><g fill="#eb1923"><path d="m7.343 13.587v3.58s1.688.33 3.379.102v-3.302c-1.072-.06-2.227-.191-3.379-.38"/><path d="m19.813 10.15s-3.282 1.007-7.636 1.036h-.025c-4.345-.029-7.624-1.033-7.635-1.036l-1.099 2.665c2.75.808 6.158 1.327 8.734 1.295h.025c2.579.032 5.985-.487 8.735-1.295zm0 0"/></g></svg>