diff --git a/README.md b/README.md index 65091f2..db7bae3 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,10 @@ # jellyfin-spicetify -WIP: Spicetify extension to integrate your Jellyfin music library into Spotify +> A Spicetify extension to integrate your Jellyfin music library into Spotify -## Downloads +### [Go to the website](https://jellyfin-spicetify.trafficlunar.net) -| Version | Description | Links | -| :------------- | :---------------------------------------- | :------------------------------------------------------------------------------------------------------- | -| ~~**Stable**~~ | ~~Latest release~~ No stable releases yet | [Download](https://github.com/trafficlunar/jellyfin-spicetify/releases/latest) | -| **Unstable** | Bleeding edge (latest commit) | [Download](https://nightly.link/trafficlunar/jellyfin-spicetify/workflows/build/main/jellyfin-spicetify) | - -## Features - -- Stream music from Jellyfin instead of Spotify -- Play tracks that exist on Jellyfin but aren't available on Spotify -- Easily toggle between Jellyfin and Spotify audio +Stable/beta downloads are on the site + releases (stable). ## Known Limitations diff --git a/site/index.html b/site/index.html index ca4d93d..48c7adf 100644 --- a/site/index.html +++ b/site/index.html @@ -21,6 +21,7 @@ --accent: #1db954; --text: #e8e8ea; + --text-secondary: #cdd0d6; --text-muted: #8a8a96; --border: #30303d; @@ -34,39 +35,81 @@ display: flex; justify-content: center; font-family: "Plus Jakarta Sans", sans-serif; - letter-spacing: -0.03em; + letter-spacing: -0.02em; background-image: radial-gradient(circle at 15% 15%, rgba(170, 92, 195, 0.21) 0%, transparent 50%), radial-gradient(circle at 85% 15%, rgba(29, 185, 84, 0.18) 0%, transparent 50%); } + svg { + fill: var(--accent); + width: 2.5rem; + height: 2.5rem; + } + main { background-color: var(--surface); border: 1px solid var(--border); max-width: 30rem; - padding: 1rem; + padding: 2rem; border-radius: 0.5rem; margin-top: 4rem; height: min-content; } + header { + display: flex; + align-items: center; + gap: 1rem; + } + h1 { margin: 0; font-weight: 900; + display: inline-block; + } + + #repo { + margin-left: auto; + color: var(--text-muted); + opacity: 0.5; + align-self: self-start; + } + + #repo:hover { + color: var(--text); + } + + #repo svg { + width: 1.75rem; + height: 1.75rem; } h3 { - margin-top: 1rem; - margin-bottom: 1rem; + margin: 0; } p { - color: var(--text-muted); + color: var(--text-secondary); + } + + ul { + margin-top: 0.25rem; + } + + li { + color: var(--text-secondary); + line-height: 1.75; + } + + li::marker { + color: var(--primary); } hr { border: none; border-top: 1px solid var(--border); + margin: 1rem 0; } .button { @@ -78,7 +121,7 @@ padding: 0.45rem 0.7rem; border-radius: 0.25rem; font-size: 0.925rem; - margin-right: 2px; + text-align: center; transition: transform 0.15s, background 0.15s; @@ -100,6 +143,24 @@ .marketplace-note { font-size: 0.875rem; font-style: italic; + color: var(--text-muted); + } + + .help-container { + display: flex; + justify-content: space-between; + align-items: center; + } + + .help-container h3 { + margin: 0; + margin-bottom: 0.5rem; + } + + .help-text-block p { + margin: 0; + font-size: 0.9rem; + color: var(--text-muted); } footer { @@ -111,28 +172,87 @@ #author { color: var(--text-muted); text-decoration: none; - font-size: 0.875rem; + font-size: 0.9rem; } #author:hover { color: #ffa258; } + + @media (max-width: 500px) { + main { + margin: 1rem; + padding: 1.5rem; + } + }
-

jellyfin-spicetify

-

A Spicetify plugin to allow playing Jellyfin songs on your Spotify client

+
+ + + + + + + + + + + +

jellyfin-spicetify

+ + + + + + + + + + +
+

A Spicetify extension to integrate your Jellyfin music library into Spotify

-

Downloads

- Stable +

Features

+ + +
+

Downloads

+ Stable Beta (latest commit)

Also available on the Spicetify Marketplace!

-
+
+
+
+

Need help?

+

Found a bug or want to request a feature?

+
+ + Report an Issue +
+ +