From eacbfa5ef08cde22cd336b099cdf23d4a8e849cd Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Tue, 29 Jul 2025 15:49:42 +0530 Subject: [PATCH] dev: testing github pages dev: updated gitignore --- .gitignore | 3 +- docs/index.html | 194 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 196 insertions(+), 1 deletion(-) create mode 100644 docs/index.html diff --git a/.gitignore b/.gitignore index 2491807..9cde3ec 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,2 @@ -/tmp.txt \ No newline at end of file +/tmp.txt +/commits.csv \ No newline at end of file diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..057ce60 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,194 @@ + + + + + + ElegantFin Theme + + + + +
+ ElegantFin Theme for Jellyfin - Banner +
+ +
+

⭐ ElegantFin Theme

+

This is a Jellyfin theme inspired from Jellyseerr to improve the overall look and experience with various fixes to the UI/UX. It gives Jellyfin a fresh, modern look, and it aims to work on mobile, desktop, and TV, with just one import.

+

Author: lscambo13

+ +
+ +

✨ Key Features

+ + +
+ +

🖼️ Screenshots

+

Captured on ElegantFin v25.07.27

+ +
+ 💻 Desktop and 📱 Mobile previews + +
+
+ Desktop Homepage +

Desktop - Homepage

+
+
+ Mobile Homepage +

Mobile - Homepage

+
+
+ +
+ +
+ 📺 TV previews +
+
+ TV Homepage +

TV - Homepage

+
+
+
+ +
+ +

👇 How to Install/Setup

+

Paste the following in the Custom CSS code box:

+ @import url("https://cdn.jsdelivr.net/gh/lscambo13/ElegantFin@main/Theme/ElegantFin-jellyfin-theme-build-latest-minified.css"); + +
+ Detailed steps for server-side implementation +
    +
  1. Open Dashboard from Administration tab in Settings.
    2. +
  2. Select General tab from the side bar.
    3. +
  3. Scroll down to find Custom CSS code box under Branding section.
    4. +
  4. Paste the custom CSS in Custom CSS code box.
    5. +
  5. Click save.
    6. +
+
+ +
+ Detailed steps for client-side implementation +
    +
  1. Open Display tab in Settings.
    2. +
  2. Scroll down to find Custom CSS code box.
    3. +
  3. Paste the custom CSS in Custom CSS code box.
    4. +
  4. Click save.
    5. +
+
+ +
+

🧰 Customisation Options

+

Multiple details sections explaining custom background, card overlays, play button positions, hover effects, etc. can be added here. Each as a <details> with its own explanation and code snippets.

+ +
+

👌 Compatibility

+ + +
+

🛠️ Troubleshooting

+

Use <details> sections for FAQs like cache not clearing, visual bugs in media player, compatibility with AndroidTV/WebOS, etc.

+ +
+

📌 Contributing

+

Please read the Contributor Guidelines before opening pull requests.

+ +

🙏 Feedback Appreciated

+
+ +