From e4141f4f7852d02067b0fd59a3c0a4726da20867 Mon Sep 17 00:00:00 2001
From: James Panther <4462786+jpanther@users.noreply.github.com>
Date: Mon, 27 Nov 2023 19:55:14 +1100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20Spotify=20support?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                  | 1 +
 assets/css/compiled/main.css  | 4 ++++
 assets/css/main.css           | 5 ++++-
 assets/icons/spotify.svg      | 1 +
 exampleSite/content/styles.md | 1 +
 5 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 assets/icons/spotify.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2ea6052..310a672 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - Support for X (Twitter) ([#107](https://github.com/jpanther/lynx/pull/107))
+- Support for Spotify
 
 ## [1.3.1] - 2023-09-10
 
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 950feb6..597f246 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1193,6 +1193,10 @@ video {
   background: linear-gradient(120deg, #ff8800, #ff3300);
 }
 
+.link-spotify {
+  background-color: #1db954;
+}
+
 .link-steam {
   background-color: #000;
 }
diff --git a/assets/css/main.css b/assets/css/main.css
index 710b0c1..e0ab178 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -11,7 +11,7 @@
 
 /* Links */
 .link {
-  @apply bg-primary-700 text-white hover:brightness-90;
+  @apply text-white bg-primary-700 hover:brightness-90;
 }
 
 .link-amazon {
@@ -103,6 +103,9 @@
   background-color: #ff8800;
   background: linear-gradient(120deg, #ff8800, #ff3300);
 }
+.link-spotify {
+  background-color: #1db954;
+}
 .link-steam {
   background-color: #000;
 }
diff --git a/assets/icons/spotify.svg b/assets/icons/spotify.svg
new file mode 100644
index 0000000..e1f123f
--- /dev/null
+++ b/assets/icons/spotify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
diff --git a/exampleSite/content/styles.md b/exampleSite/content/styles.md
index 8ec8fca..10e3cbd 100644
--- a/exampleSite/content/styles.md
+++ b/exampleSite/content/styles.md
@@ -35,6 +35,7 @@ These are all the built-in link styles available in Lynx. Don't forget that you
 {{< link slack >}}
 {{< link snapchat >}}
 {{< link soundcloud >}}
+{{< link spotify >}}
 {{< link stack-exchange >}}
 {{< link stack-overflow >}}
 {{< link steam >}}