Move docs images

This commit is contained in:
Bill Thornton 2022-07-28 15:20:00 -04:00
parent ca4c8eb88f
commit 8dbc6f962b
40 changed files with 35 additions and 33 deletions

View File

@ -156,8 +156,10 @@ Steps to run Jellyfin using Podman are almost identical to Docker steps:
```sh
dnf install -y podman
```
Installing
podman volume create jellyfin-cache
```
Or create two directories on the host and use bind mounts:
@ -868,28 +870,28 @@ You need to replace the `<uid>:<gid>` placeholder below with the correct values
For [Synology](https://www.synology.com/en-us/dsm), Jellyfin is installed using Docker.
![Installing ynology](/img/docs/install-synology-1.png)
![Installing ynology](/images/docs/install-synology-1.png)
![Installing Synology](/img/docs/install-synology-2.png)
![Installing Synology](/images/docs/install-synology-2.png)
![Installing Synology](/img/docs/install-synology-3.png)
![Installing Synology](/images/docs/install-synology-3.png)
Create the container.
![Installing Synology](/img/docs/install-synology-4.png)
![Installing Synology](/images/docs/install-synology-4.png)
![Installing Synology](/img/docs/install-synology-5.png)
![Installing Synology](/images/docs/install-synology-5.png)
Use Advanced Settings to add mount points to your media and config.
![Installing Synology](/img/docs/install-synology-6.png)
![Installing Synology](/images/docs/install-synology-6.png)
![Installing Synology](/img/docs/install-synology-7.png)
![Installing Synology](/images/docs/install-synology-7.png)
Host Mode is required for HdHR and DLNA. Use bridge mode if running multiple instances.
![Installing Synology](/img/docs/install-synology-8.png)
![Installing Synology](/images/docs/install-synology-8.png)
![Installing Synology](/img/docs/install-synology-9.png)
![Installing Synology](/images/docs/install-synology-9.png)
Browse to `http://SERVER_IP:8096` to access the web client.

View File

@ -10,22 +10,22 @@ Click on the Admin Panel Icon in the top right corner (1)
Click 'Live TV' (2) under the 'Live TV' section
Click the '+' button (3) next to 'Tuner Devices'
![How to access the 'Tuner Devices' page](/img/docs/live-tv-setup-tuner1.png)
![How to access the 'Tuner Devices' page](/images/docs/live-tv-setup-tuner1.png)
Click 'Detect My Devices' from the 'Live TV Tuner Setup' page that opens
Jellyfin will search and hopefully find your tuner automatically:
![An example of detected TV tuner devices](/img/docs/live-tv-setup-tuner2.png)
![An example of detected TV tuner devices](/images/docs/live-tv-setup-tuner2.png)
Click on the device you'd like to set up then set any options then click 'Save'
![Saving TV tuner setup](/img/docs/live-tv-setup-tuner3.png)
![Saving TV tuner setup](/images/docs/live-tv-setup-tuner3.png)
## Add a TV Tuner to Jellyfin (Manual Setup)
You can set up your tuners manually if they were not automatically discovered. Click the 'Tuner Type' pull down. Choose between 'HD Homerun', 'M3U Tuner', and 'Other'
![Manually adding a TV tuner](/img/docs/live-tv-setup-tuner4.png)
![Manually adding a TV tuner](/images/docs/live-tv-setup-tuner4.png)
### HDHomeRun Specific Options
@ -37,7 +37,7 @@ You can set up your tuners manually if they were not automatically discovered.
To set a favorite, go to the [HDHomeRun website](http://my.hdhomerun.com), select your tuner and then click on the grey star next to the channel name to change the star to yellow. The yellow star indicates a favorited channel. In this example, only the channels with yellow stars will be imported into Jellyfin
![Selecting favorites in HDHomeRun](/img/docs/live-tv-setup-hdhr_opt1.png)
![Selecting favorites in HDHomeRun](/images/docs/live-tv-setup-hdhr_opt1.png)
### M3U Tuner Specific Options
@ -60,7 +60,7 @@ This tuner allows you to add IPTV channel to Jellyfin by using the appropriate M
Guide data is necessary for scheduling tv recordings and for browsing what's currently playing and what will air later. Follow these steps once you have a tuner device set up. Click on the Admin Panel Icon in the top right corner, Click 'Live TV' (2) under the 'Live TV' section, Click the '+' button next to 'TV Guide Data Providers' :
![How to add guide data](/img/docs/live-tv-setup-guide1.png)
![How to add guide data](/images/docs/live-tv-setup-guide1.png)
Choose between 'Schedules Direct' and 'XMLTV'. You currently cannot use both at the same time.
@ -76,10 +76,10 @@ This option allows for downloading of guide data in the [XMLTV](http://wiki.xmlt
Guide data from the 'TV Guide Data Providers' will need to be mapped to the physical channel from the tuner. Click the '...' next to the guide provider you set up and select 'Map Channels'
![Step 1 of mapping channels](/img/docs/live-tv-setup-channels1.png)
![Step 1 of mapping channels](/images/docs/live-tv-setup-channels1.png)
The list of physical channels will be displayed. Click the pencil icon to the right of the channel and then select the corresponding channel from the guide provider to map the channel. Do this for all channels. Click the left arrow at the top left of the window to exit and save the information.
![Step 2 of mapping channels](/img/docs/live-tv-setup-channels2.png)
![Step 2 of mapping channels](/images/docs/live-tv-setup-channels2.png)
The guide data will now automatically imported. You can check that the data has been imported correctly by going to the 'Live TV Guide' page from the main Jellyfin web page on your server.

View File

@ -11,7 +11,7 @@ In `Dashboard > General`, the "Custom CSS" field can be used to override current
If you have little or no experience with CSS, various resources and tutorials can be found online. Using the tweaks and examples below makes it quite easy to get started with making your own changes to your Jellyfin instance.
![Screenshot of the 'Custom CSS' setting in the administrator dashboard of the web client](/img/docs/custom-css-customcssfield.png)
![Screenshot of the 'Custom CSS' setting in the administrator dashboard of the web client](/images/docs/custom-css-customcssfield.png)
## General Information About CSS
@ -67,7 +67,7 @@ This will affect the played/watched indicator. Replace the hex color with any va
### Indicators Without Tweak
![Screenshot of the default watched indicators](/img/docs/custom-css-normalwatched.png)
![Screenshot of the default watched indicators](/images/docs/custom-css-normalwatched.png)
### Green Indicators
@ -75,7 +75,7 @@ This will affect the played/watched indicator. Replace the hex color with any va
.playedIndicator { background: #5dd000; }
```
![Screenshot of watched indicators with a custom green color applied](/img/docs/custom-css-greenwatched.png)
![Screenshot of watched indicators with a custom green color applied](/images/docs/custom-css-greenwatched.png)
### Transparent And Dark Indicators
@ -84,7 +84,7 @@ This will affect the played/watched indicator. Replace the hex color with any va
.playedIndicator {background: #00000058;}
```
![Screenshot of watched indicators with a custom transparent color applied](/img/docs/custom-css-transparentwatched.png)
![Screenshot of watched indicators with a custom transparent color applied](/images/docs/custom-css-transparentwatched.png)
### Remove Home Icon from Header
@ -195,7 +195,7 @@ Enlarges the tab buttons, suggested, genres, etc. By default they are really tin
**The enlarged tab buttons and transparent menu look like this:**
![Screenshot of enlarged tab buttons and transparent menu](/img/docs/custom-css-transparenttopbarenlargedtabs.png)
![Screenshot of enlarged tab buttons and transparent menu](/images/docs/custom-css-transparenttopbarenlargedtabs.png)
### Minimalistic Login Page
@ -214,7 +214,7 @@ This looks even better together with the transparent top menu!
#loginPage .raised.cancel.block.btnForgotPassword.emby-button {display: none}
```
![Screenshot of the minimalistic login page](/img/docs/custom-css-minimallogin.png)
![Screenshot of the minimalistic login page](/images/docs/custom-css-minimallogin.png)
### Stylized Episode Previews
@ -227,7 +227,7 @@ The episode previews in season view are sized based on horizontal resolution. Th
.secondary.listItem-overview.listItemBodyText {height: 61px; margin: 0;}
```
![Screenshot of a TV show page with stylized episode previews](/img/docs/custom-css-episodepreview.png)
![Screenshot of a TV show page with stylized episode previews](/images/docs/custom-css-episodepreview.png)
### Stylized and Smaller Cast & Crew Info
@ -253,7 +253,7 @@ This will drastically change the style of cast info into something very similar
#castContent .cardOverlayButton.cardOverlayButton-hover.itemAction.paper-icon-button-light {margin:auto;}
```
![Screenshot of stylized and smaller Cast & Crew info](/img/docs/custom-css-stylizedcast.png)
![Screenshot of stylized and smaller Cast & Crew info](/images/docs/custom-css-stylizedcast.png)
### Pictureless Cast & Crew
@ -273,7 +273,7 @@ div.personCard > :first-child > :first-child { display: none; }
.itemDetailPage .textActionButton { text-align: left; }
```
![Screenshot of Pictureless Cast & Crew info](/img/docs/custom-css-nopicturecast.png)
![Screenshot of Pictureless Cast & Crew info](/images/docs/custom-css-nopicturecast.png)
### Custom Background Color
@ -298,7 +298,7 @@ This modifies the colors of the cast, search and user buttons in the top right.
.headerRight { color: yellow; }
```
![Screenshot of a custom yellow color for the icon buttons in the top right of the screen](/img/docs/custom-css-rightheader.png)
![Screenshot of a custom yellow color for the icon buttons in the top right of the screen](/images/docs/custom-css-rightheader.png)
### Console Panel Custom Color
@ -308,7 +308,7 @@ Modifies the color of the left menu panel.
.mainDrawer-scrollContainer { color: yellow; }
```
![Screenshot of a custom yellow color on the left menu panel](/img/docs/custom-css-consolepanel.png)
![Screenshot of a custom yellow color on the left menu panel](/images/docs/custom-css-consolepanel.png)
### General Page Custom Color
@ -316,7 +316,7 @@ Modifies the color of the left menu panel.
.dashboardGeneralForm { color: yellow; }
```
![Screenshot of a custom yellow color on the General Page](/img/docs/custom-css-generalcolor.png)
![Screenshot of a custom yellow color on the General Page](/images/docs/custom-css-generalcolor.png)
### Custom Border Color
@ -332,7 +332,7 @@ This will affect the border color of highlighted (selected) text fields and drop
.emby-input:focus, .emby-textarea:focus, .emby-select-withcolor { border-color: #ffffff !important; }
```
![Screenshot of a custom red border color](/img/docs/custom-css-bordercolor.png)
![Screenshot of a custom red border color](/images/docs/custom-css-bordercolor.png)
### Full Header Tweak
@ -340,7 +340,7 @@ This will affect the border color of highlighted (selected) text fields and drop
.skinHeader, .mainDrawer, .emby-input, .emby-textarea, .emby-select, .navMenuOption-selected, .cardBox, .paperList { background: #ff9475; }
```
![Screenshot of the full header tweak](/img/docs/custom-css-full-header-mod.png)
![Screenshot of the full header tweak](/images/docs/custom-css-full-header-mod.png)
### Disable Image Carousel for Libraries
@ -383,7 +383,7 @@ This will make it so libraries and media fit neatly onto the homepage with no le
An example of a color theme.
![Screenshot of the "Hotdogs and Catsup" color theme](/img/docs/custom-css-hotdog-and-catsup.png)
![Screenshot of the "Hotdogs and Catsup" color theme](/images/docs/custom-css-hotdog-and-catsup.png)
```css
.skinHeader, .mainDrawer, .emby-input, .emby-textarea, .emby-select, .navMenuOption-selected, .cardBox, .paperList {
@ -423,7 +423,7 @@ An example of a color theme.
### Floating Now Playing Controls
![Screenshot of the floating "Now Playing" controls](/img/docs/custom-css-floatingnowplaying.png)
![Screenshot of the floating "Now Playing" controls](/images/docs/custom-css-floatingnowplaying.png)
```css
/* fixed height for the bottom row */

View File

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View File

Before

Width:  |  Height:  |  Size: 195 KiB

After

Width:  |  Height:  |  Size: 195 KiB

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

View File

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

View File

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

View File

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 172 KiB

After

Width:  |  Height:  |  Size: 172 KiB

View File

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 138 KiB

View File

Before

Width:  |  Height:  |  Size: 421 KiB

After

Width:  |  Height:  |  Size: 421 KiB

View File

Before

Width:  |  Height:  |  Size: 776 KiB

After

Width:  |  Height:  |  Size: 776 KiB

View File

Before

Width:  |  Height:  |  Size: 177 KiB

After

Width:  |  Height:  |  Size: 177 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 2.5 MiB

After

Width:  |  Height:  |  Size: 2.5 MiB

View File

Before

Width:  |  Height:  |  Size: 422 KiB

After

Width:  |  Height:  |  Size: 422 KiB

View File

Before

Width:  |  Height:  |  Size: 171 KiB

After

Width:  |  Height:  |  Size: 171 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

Before

Width:  |  Height:  |  Size: 117 KiB

After

Width:  |  Height:  |  Size: 117 KiB

View File

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 29 KiB

View File

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

View File

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

View File

Before

Width:  |  Height:  |  Size: 48 KiB

After

Width:  |  Height:  |  Size: 48 KiB

View File

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

View File

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

View File

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View File

Before

Width:  |  Height:  |  Size: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

View File

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

Before

Width:  |  Height:  |  Size: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 21 KiB

View File

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB