diff --git a/README.md b/README.md
index 0d9b4e4..800603f 100644
--- a/README.md
+++ b/README.md
@@ -13,20 +13,17 @@ This plugin is based on my manual mod (see the [legacy branch](https://github.co
- [Table of Contents](#table-of-contents)
- [Features](#features)
- [Overview](#overview)
+ - [Ideas for additional seasonals](#ideas-for-additional-seasonals)
- [Installation](#installation)
- [Client Compatibility](#client-compatibility)
- [Configuration](#configuration)
- [Automatic Theme Selection](#automatic-theme-selection)
- [Theme Settings](#theme-settings)
- - [Build The Plugin By Yourself](#build-the-plugin-by-yourself)
+ - [Build the plugin by yourself](#build-the-plugin-by-yourself)
- [Troubleshooting](#troubleshooting)
- [Effects Not Showing](#effects-not-showing)
- [Docker Permission Issues](#docker-permission-issues)
- [Contributing](#contributing)
- - [Legacy Manual Installation](#legacy-manual-installation)
- - [Installation](#installation-1)
- - [Usage](#usage)
- - [Additional Directory: Separate Single Seasonals](#additional-directory-separate-single-seasonals)
---
@@ -34,39 +31,75 @@ This plugin is based on my manual mod (see the [legacy branch](https://github.co
- **Automatic Theme Selection**: Dynamically updates the theme based on the date (e.g., snowflakes in December, fireworks for new year's eve).
- **Easy Integration**: No manual file editing required. The plugin injects everything automatically.
-- **Configuration UI**: Configure settings directly in the Jellyfin Dashboard (very basic for now, needs some work in the future).
+- **Configuration UI**: Configure settings directly in the Jellyfin Dashboard.
+- **User Toggle**: Optionally allow users to enable/disable seasonal effects from their client.
## Overview
+Click on the following themes to expand them and see the theme in action:
+
+
+Easter
-**Easter**
+
+
+
+Autumn
-**Autumn**
+
+
+
+Santa
-**Santa**
+
+
+
+Christmas
-**Christmas**
+
+
+
+Fireworks
-**Fireworks**
+
+
+
+Halloween
-**Halloween**
+
+
+
+Hearts
-**Hearts**
+
+
+
+Snowfall
-**Snowfall**
+
+
+
+Snowflakes
-**Snowflakes**
+
+
+
+Snowstorm
-**Snowstorm**
+
+
+
+## Ideas for additional seasonals
+If you have any (specific) ideas for additional seasonals, feel free to open an issue or create a pull request.
## Installation
@@ -135,7 +168,7 @@ If automatic selection is enabled, the following themes are applied based on the
## Theme Settings
Each theme contains additional settings to customize its behavior. Expand the advanced configuration section to configure each theme, adjust parameters like particle count, animation speed etc.
-## Build The Plugin By Yourself
+## Build the plugin by yourself
If you want to build the plugin yourself:
@@ -203,116 +236,3 @@ volumes:
Feel free to contribute to this project by creating pull requests or reporting issues.
----
-
-## Legacy Manual Installation
-
-
-Click to expand instructions for the old manual installation method (without plugin)
-
-### Installation
-
-> [!TIP]
-> Take a look at [CodeDevMLH/Jellyfin-Mods-Automated-Script](https://github.com/CodeDevMLH/Jellyfin-Mods-Automated-Script)
-
-1. **Add Seasonal Container to `index.html`**
- Edit the `index.html` file of your Jellyfin web instance. Add the following code inside the `` tag:
-
- ```html
-
-
- ```
-2. **Deploy Files**
- Place the seasonals folder (including seasonals.js, CSS, and additional JavaScript files for each theme [this one](https://github.com/CodeDevMLH/Jellyfin-Seasonals/tree/legacy/seasonals)) inside the Jellyfin web server directory (labeld with "web").
-
-3. **Configure Themes**
- Customize the theme-configs.js file to modify or add new themes. The default configuration is shown below:
-
- ```javascript
- const automateThemeSelection = true; // Set to false to disable automatic theme selection based on current date
- const defaultTheme = 'none'; // Default theme if automatic selection is off
-
- const themeConfigs = {
- snowflakes: {
- css: 'seasonals/snowflakes.css',
- js: 'seasonals/snowflakes.js',
- containerClass: 'snowflakes'
- },
- snowfall: {
- css: 'seasonals/snowfall.css',
- js: 'seasonals/snowfall.js',
- containerClass: 'snowfall-container'
- },
-
- // more configs...
-
- none: {
- containerClass: 'none'
- },
- };
- ```
-
-4. **Reload the web interface**
- After making these changes, restart your Jellyfin server and/or refresh the web interface (ctrl+F5, sometimes you need to clear the browsers temp files/cache (every time with firefox ;-()) to see the changes.
-
-### Theme Settings
-Each theme's JavaScript file contains additional settings to customize its behavior. Here are examples for the `autumn` and `snowflakes` themes:
-
-**Autumn Theme Settings**
-```javascript
-const leaves = true; // Enable/disable leaves
-const randomLeaves = true; // Enable random leaves
-const randomLeavesMobile = false; // Enable random leaves on mobile devices
-const enableDiffrentDuration = true; // Enable different animation duration for random leaves
-const leafCount = 25; // Number of random extra leaves
-```
-
-**Snowflakes Theme Settings**
-```javascript
-const snowflakes = true; // Enable/disable snowflakes
-const randomSnowflakes = true; // Enable random snowflakes
-const randomSnowflakesMobile = false; // Enable random snowflakes on mobile devices
-const enableColoredSnowflakes = true; // Enable colored snowflakes on mobile devices
-const enableDiffrentDuration = true; // Enable different animation duration for random snowflakes
-const snowflakeCount = 25; // Number of random extra snowflakes
-```
-
-### Usage
-**Automatic Theme Selection**
-By default, the theme is automatically selected based on the date. For example:
-
- Snowfall: January
- Hearts: February (Valentine's Day)
- Halloween: October
-
-Modify the determineCurrentTheme() function in seasonals.js to adjust date-based logic.
-
-**Manual Theme Selection**
-To use a fixed theme, set automateThemeSelection to false in the theme-configs.js file and specify a defaultTheme.
-
-**Custom Themes**
-1. Add your CSS and JavaScript files to the seasonals folder.
-
-2. Extend the themeConfigs object with your theme details:
- ```javascript
- myTheme: {
- css: 'seasonals/my-theme.css',
- js: 'seasonals/my-theme.js',
- containerClass: 'my-theme-container',
- }
- ```
-
-
-### Additional Directory: Separate Single Seasonals
-For users who prefer not to use the automatic seasonal theme selection, individual seasonals are available in the `separate single seasonals` folder. Each seasonal theme can be independently loaded and used without relying on the main automatic selection system.
-
-but this requires to the modify of the `index.html` with adding the html in `add_to_index_html`.
-
-To use a single seasonal theme, include its specific CSS and JS files in your `index.html` inside the ` ` tags provided by `add_to_index_html.html` in the sub-theme-folders as shown below:
-
-```html
-
-
-
-
-