summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRoger Gonzalez <roger@rogs.me>2023-01-23 20:18:05 +0000
committerRoger Gonzalez <roger@rogs.me>2023-01-23 20:18:05 +0000
commitbc1d809dfa74863c6e6610cd7171f3fe4cafe9c9 (patch)
tree2ed86ac1b3fec2d29c81d3b124dd0d4092d42c4f
parent5171290b935a1530300f86cec87d7b6524d3c23d (diff)
parentf59149ea4cc6dae9f8df38958b6ece952f224919 (diff)
Merge branch 'add-jellyfin-plex' into 'master'
Add Jellyfin and Plex See merge request rogs/yams.media!1
-rw-r--r--content/config/bazarr.md5
-rw-r--r--content/config/emby.md2
-rw-r--r--content/config/jellyfin.md119
-rw-r--r--content/config/plex.md158
-rw-r--r--content/config/recommendations.md4
-rw-r--r--content/config/running-everything-together.md16
-rw-r--r--content/donate/_index.md4
-rw-r--r--content/install/description.md2
-rw-r--r--content/install/steps.md18
-rw-r--r--static/pics/jellyfin-1.pngbin0 -> 32729 bytes
-rw-r--r--static/pics/jellyfin-10.pngbin0 -> 47953 bytes
-rw-r--r--static/pics/jellyfin-11.pngbin0 -> 8429 bytes
-rw-r--r--static/pics/jellyfin-12.pngbin0 -> 48557 bytes
-rw-r--r--static/pics/jellyfin-13.pngbin0 -> 32366 bytes
-rw-r--r--static/pics/jellyfin-14.pngbin0 -> 6132 bytes
-rw-r--r--static/pics/jellyfin-15.pngbin0 -> 34274 bytes
-rw-r--r--static/pics/jellyfin-16.pngbin0 -> 47776 bytes
-rw-r--r--static/pics/jellyfin-17.pngbin0 -> 27035 bytes
-rw-r--r--static/pics/jellyfin-18.pngbin0 -> 29177 bytes
-rw-r--r--static/pics/jellyfin-19.pngbin0 -> 21735 bytes
-rw-r--r--static/pics/jellyfin-2.pngbin0 -> 58419 bytes
-rw-r--r--static/pics/jellyfin-3.pngbin0 -> 23889 bytes
-rw-r--r--static/pics/jellyfin-4.pngbin0 -> 23403 bytes
-rw-r--r--static/pics/jellyfin-5.pngbin0 -> 48766 bytes
-rw-r--r--static/pics/jellyfin-6.pngbin0 -> 8495 bytes
-rw-r--r--static/pics/jellyfin-7.pngbin0 -> 48931 bytes
-rw-r--r--static/pics/jellyfin-8.pngbin0 -> 29735 bytes
-rw-r--r--static/pics/jellyfin-9.pngbin0 -> 23787 bytes
-rw-r--r--static/pics/plex-1.pngbin0 -> 169289 bytes
-rw-r--r--static/pics/plex-10.pngbin0 -> 160446 bytes
-rw-r--r--static/pics/plex-11.pngbin0 -> 33340 bytes
-rw-r--r--static/pics/plex-12.pngbin0 -> 24354 bytes
-rw-r--r--static/pics/plex-13.pngbin0 -> 37253 bytes
-rw-r--r--static/pics/plex-14.pngbin0 -> 178173 bytes
-rw-r--r--static/pics/plex-15.pngbin0 -> 165412 bytes
-rw-r--r--static/pics/plex-16.pngbin0 -> 49931 bytes
-rw-r--r--static/pics/plex-17.pngbin0 -> 48998 bytes
-rw-r--r--static/pics/plex-2.pngbin0 -> 98424 bytes
-rw-r--r--static/pics/plex-3.pngbin0 -> 171944 bytes
-rw-r--r--static/pics/plex-4.pngbin0 -> 193642 bytes
-rw-r--r--static/pics/plex-5.pngbin0 -> 142717 bytes
-rw-r--r--static/pics/plex-6.pngbin0 -> 33382 bytes
-rw-r--r--static/pics/plex-7.pngbin0 -> 30198 bytes
-rw-r--r--static/pics/plex-8.pngbin0 -> 24088 bytes
-rw-r--r--static/pics/plex-9.pngbin0 -> 37672 bytes
-rw-r--r--static/pics/running-everything-together-11.pngbin0 -> 346603 bytes
-rw-r--r--static/pics/running-everything-together-12.pngbin0 -> 345181 bytes
47 files changed, 320 insertions, 8 deletions
diff --git a/content/config/bazarr.md b/content/config/bazarr.md
index becd6f0..d6677f4 100644
--- a/content/config/bazarr.md
+++ b/content/config/bazarr.md
@@ -171,4 +171,7 @@ After saving, you'll see how the "Movies" section appears on the left side menu!
### All done!
-Only one more step left! Continue with [Emby](/config/emby).
+Only one more step left! Continue with your media service. Depending on what you chose, you can move forward with:
+- [Jellyfin](/config/jellyfin).
+- [Emby](/config/emby).
+- [Plex](/config/plex).
diff --git a/content/config/emby.md b/content/config/emby.md
index 2f720f5..4a62e6f 100644
--- a/content/config/emby.md
+++ b/content/config/emby.md
@@ -2,7 +2,7 @@
title: "Emby"
date: 2023-01-10T19:07:29-03:00
draft: false
-weight: 7
+weight: 8
summary: Emby brings together your personal videos, music, photos, and live television. Emby Server automatically converts and streams your personal media on the fly to play on any device.
---
diff --git a/content/config/jellyfin.md b/content/config/jellyfin.md
new file mode 100644
index 0000000..b5820ca
--- /dev/null
+++ b/content/config/jellyfin.md
@@ -0,0 +1,119 @@
+---
+title: "Jellyfin"
+date: 2023-01-23T11:58:49-03:00
+draft: false
+weight: 7
+summary: Jellyfin is the volunteer-built media solution that puts you in control of your media. Stream to any device from your own server, with no strings attached. Your media, your server, your way.
+---
+
+# What is Jellyfin?
+
+From their [website](https://jellyfin.org/)
+
+> Jellyfin is the volunteer-built media solution that puts you in control of your media. Stream to any device from your own server, with no strings attached. Your media, your server, your way.
+
+On YAMS, Jellyfin is one of the most important parts: Jellyfin is going to be your "Netflix", "Hulu" or "Amazon Prime". This means you'll be able to stream your TV shows and movies to any device using Jellyfin. Best part: Is 100% open source!
+
+## Initial configuration
+
+In your browser, go to [http://{your-ip-address}:8096/]() and you'll see Jellyfin's setup page.
+
+Choose your display language and click on "Next".
+
+[![jellyfin-1](/pics/jellyfin-1.png)](/pics/jellyfin-1.png)
+
+Now, create your first user. When you are done, click on "Next".
+
+[![jellyfin-2](/pics/jellyfin-2.png)](/pics/jellyfin-2.png)
+
+Next, on the "Setup Media Libraries" page, click on "New Library".
+
+[![jellyfin-3](/pics/jellyfin-3.png)](/pics/jellyfin-3.png)
+
+### Setting the "TV Shows" library
+
+On the "New Library" modal, select "Shows" as your Content type and click on the big ➕ sign next to "Folders".
+
+[![jellyfin-4](/pics/jellyfin-4.png)](/pics/jellyfin-4.png)
+
+In "Select Path", select the folder `/data/tvshows` and click on "Ok"
+
+[![jellyfin-5](/pics/jellyfin-5.png)](/pics/jellyfin-5.png)
+
+**Note:** This is NOT on your filesystem! The `/data/tvshows/` folder exists inside the `docker` environment and maps to your server `/mediafolder/tv/` folder!
+
+
+You should see your recently added folder in the "New Library" modal.
+
+[![jellyfin-6](/pics/jellyfin-6.png)](/pics/jellyfin-6.png)
+
+Finally, set your metadata language to your favorite language. All the default settings that follow are fine, but you can change them if you want.
+
+Your "New Library" screen should look like this:
+
+[![jellyfin-7](/pics/jellyfin-7.png)](/pics/jellyfin-7.png)
+
+If you are okay with the settings, click on "Ok". Your library should be added now!
+
+[![jellyfin-8](/pics/jellyfin-8.png)](/pics/jellyfin-8.png)
+
+
+### Setting the "Movies" library
+
+Open the "New Library modal" again.
+
+On the "New Library" modal, select "Movies" as your Content type and click on the big ➕ sign next to "Folders".
+
+[![jellyfin-9](/pics/jellyfin-9.png)](/pics/jellyfin-9.png)
+
+In "Select Path", select the folder `/data/movies` and click on "Ok"
+
+[![jellyfin-10](/pics/jellyfin-10.png)](/pics/jellyfin-10.png)
+
+**Note:** This is NOT on your filesystem! The `/data/movies/` folder exists inside the `docker` environment and maps to your server `/mediafolder/movies/` folder!
+
+
+You should see your recently added folder in the "New Library" modal.
+
+[![jellyfin-11](/pics/jellyfin-11.png)](/pics/jellyfin-11.png)
+
+Finally, set your metadata language to your favorite language. All the default settings that follow are fine, but you can change them if you want.
+
+Your "New Library" screen should look like this:
+
+[![jellyfin-12](/pics/jellyfin-12.png)](/pics/jellyfin-12.png)
+
+If you are okay with the settings, click on "Ok". Your library should be added now!
+
+[![jellyfin-13](/pics/jellyfin-13.png)](/pics/jellyfin-13.png)
+
+To finish, click on the "Next" button.
+
+[![jellyfin-14](/pics/jellyfin-14.png)](/pics/jellyfin-14.png)
+
+### Continuing the setup
+
+On the "Preferred Metadata Language" page, you can choose the language and country of your metadata. Choose your preferred language and country and click "Next".
+
+[![jellyfin-15](/pics/jellyfin-15.png)](/pics/jellyfin-15.png)
+
+Next, on the "Set up Remote Access" page, disable "Allow remote connections to this server" and click on "Next".
+
+[![jellyfin-16](/pics/jellyfin-16.png)](/pics/jellyfin-16.png)
+
+And you are finally done! Click on "Finish" to go to your Jellyfin dashboard.
+[![jellyfin-17](/pics/jellyfin-17.png)](/pics/jellyfin-17.png)
+
+### Logging in to Jellyfin
+
+On the "Please Sign In" screen, log in with the username/password you set in the [Initial configuration](#initial-configuration) step.
+
+[![jellyfin-18](/pics/jellyfin-18.png)](/pics/jellyfin-18.png)
+
+And there it is! Your Jellyfin home page is up and running!
+
+[![jellyfin-19](/pics/jellyfin-19.png)](/pics/jellyfin-19.png)
+
+## That's all!
+
+YAMS is fully up and running! Now, let's add some content. Move on to [Running everything together](/config/running-everything-together).
diff --git a/content/config/plex.md b/content/config/plex.md
new file mode 100644
index 0000000..1b811c8
--- /dev/null
+++ b/content/config/plex.md
@@ -0,0 +1,158 @@
+---
+title: "Plex"
+date: 2023-01-23T13:59:59-03:00
+draft: false
+weight: 9
+---
+
+# What is Plex?
+
+From their [website](https://www.plex.tv/):
+
+> With our free app you can add, access, and share all the entertainment that matters to you, on almost any device—including your own personal media collection. Guess that makes us the hardest working app in show business.
+
+On YAMS, Plex is one of the most important parts: Plex is going to be your "Netflix", "Hulu" or "Amazon Prime". This means you'll be able to stream your TV shows and movies to any device using Plex.
+
+## First steps
+
+To start, you need to allow your IP range to access the Plex setup. In your server, first stop YAMS.
+
+```bash
+$ yams stop
+```
+
+Now, go to your Plex config in YAMS. For the purposes of this tutorial, I'm asuming your install location is `/opt/yams`.
+
+```bash
+$ cd /opt/yams/config/plex/Library/Application\ Support/Plex\ Media\ Server/
+```
+
+Inside that folder, open `Preferences.xml`.
+
+```bash
+/opt/yams/config/plex/Library/Application Support/Plex Media Server$ vim Preferences.xml
+```
+(you don't have to use `vim`, you can use `nano` if you want to).
+
+On the `Preferences.xml` file, add the following **after** the `<Preferences ` directive:
+
+```xml
+<Preferences allowedNetworks="<your_subnet_IP>/255.255.255.0" ...
+```
+
+The `...` is the rest of the XML file, you only have to add the `allowedNetworks` directive.
+
+### How do you find your subnet IP?
+
+This depends on your network configuration, but it _sometimes_ goes with the following rules:
+- If your server IP is `192.168.0.100`, your subnet is `192.168.0.0`.
+- If your server IP is `10.0.0.25`, your subnet is `10.0.0.0`.
+
+Finally, restart YAMS.
+
+```bash
+$ yams restart
+```
+
+To check if everything is working, you can try by running:
+
+```bash
+$ docker logs plex
+```
+
+If you see something like this:
+
+```bash
+Failed to load preferences at /config/Library/Application Support/Plex Media Server/Preferences.xml
+Failed to load preferences at /config/Library/Application Support/Plex Media Server/Preferences.xml
+```
+
+It means your `Preferences.xml` is badly formatted. Try to fix it and try again.
+
+Once you finish the Preferences config, you can continue.
+
+**Note:** You can read more about this fix here: https://www.truenas.com/community/threads/plex-not-authorized-you-do-not-have-access-to-this-server.96858/.
+
+## Initial configuration
+
+In your browser, go to [http://{your-ip-address}:32400/web]() and you'll see Plex's setup page. Click on "Got it!" to continue.
+
+[![plex-1](/pics/plex-1.png)](/pics/plex-1.png)
+
+After logging in, you'll see a modal that says "Plex Pass". You can close that.
+
+[![plex-2](/pics/plex-2.png)](/pics/plex-2.png)
+
+On the "Name" screen, select a name for your server and click on continue.
+
+[![plex-3](/pics/plex-3.png)](/pics/plex-3.png)
+
+On the "Sync Your Watch State and Ratings" screen, just click "No".
+
+[![plex-4](/pics/plex-4.png)](/pics/plex-4.png)
+
+Now on "Media Library", click on "Add Library".
+
+[![plex-5](/pics/plex-5.png)](/pics/plex-5.png)
+
+### Adding Movies
+
+On the "Add Library" modal, select "Movies" and click "Next".
+
+[![plex-6](/pics/plex-6.png)](/pics/plex-6.png)
+
+Now, click on "Browse For Media Folder".
+
+[![plex-7](/pics/plex-7.png)](/pics/plex-7.png)
+
+On the "Add Folder" modal, select the movies path (`/data/movies`) and click on "Add".
+
+[![plex-8](/pics/plex-8.png)](/pics/plex-8.png)
+
+Your "Add Library" modal should look like this. Finally, click on "Add Library".
+
+[![plex-9](/pics/plex-9.png)](/pics/plex-9.png)
+
+### Adding TV Shows
+
+On "Media Library", click on "Add Library".
+
+[![plex-10](/pics/plex-10.png)](/pics/plex-10.png)
+
+On the "Add Library" modal, select "TV Shows" and click "Next".
+
+[![plex-11](/pics/plex-11.png)](/pics/plex-11.png)
+
+Now, click on "Browse For Media Folder".
+
+[![plex-7](/pics/plex-7.png)](/pics/plex-7.png)
+
+On the "Add Folder" modal, select the TV Shows path (`/data/tvshows`) and click on "Add".
+
+[![plex-12](/pics/plex-12.png)](/pics/plex-12.png)
+
+Your "Add Library" modal should look like this. Finally, click on "Add Library".
+
+[![plex-13](/pics/plex-13.png)](/pics/plex-13.png)
+
+In the end, your "Media Library" screen should look like this. If it's okay, click on "Next".
+
+[![plex-14](/pics/plex-14.png)](/pics/plex-14.png)
+
+## Finish
+
+On the "Finish screen", click on "Done".
+
+[![plex-15](/pics/plex-15.png)](/pics/plex-15.png)
+
+You should see the Plex dashboard now! On the left side panel, click on "More".
+
+[![plex-16](/pics/plex-16.png)](/pics/plex-16.png)
+
+There, you should find your local "Movies" and "TV Shows".
+
+[![plex-17](/pics/plex-17.png)](/pics/plex-17.png)
+
+## That's all!
+
+YAMS is fully up and running! Now, let's add some content. Move on to [Running everything together](/config/running-everything-together).
diff --git a/content/config/recommendations.md b/content/config/recommendations.md
index 23b2a00..56163cc 100644
--- a/content/config/recommendations.md
+++ b/content/config/recommendations.md
@@ -14,6 +14,6 @@ To improve the experience, you can:
- **Add more indexers.** (instructions for [Prowlarr](/config/prowlarr/#indexers)). The more indexers you have, the easier it will be to find more obscure movies and TV shows.
- **Add more subtitles providers.** (instructions for [Bazarr](/config/bazarr/#providers)). The more providers you have, the easier it will be for Bazarr to find the best subtitles for your files.
-- **Install Emby on your devices!** Emby apps are available for Android TV, Amazon Fire TV, Chromecast, Roku, Xbox, Home Theater Computers, and more!
-- **Sign up for [Emby Premiere](https://emby.media/premiere.html) (optional, but VERY recommended!).** This way you will be able to have offline media, enable hardware transcoding, automatically convert your content, etc. I canceled all my streaming services, bought a 1 year license, and never looked back.
+- **Install Emby/Jellyfin/Plex on your devices!** Emby/Jellyfin/Plex apps are available for Android TV, Amazon Fire TV, Chromecast, Roku, Xbox, Home Theater Computers, and more!
+- **If you are using Emby, sign up for [Emby Premiere](https://emby.media/premiere.html) (optional, but VERY recommended!).** This way you will be able to have offline media, enable hardware transcoding, automatically convert your content, etc. I canceled all my streaming services, bought a 1 year license, and never looked back.
- **Configure and fine-tune all of the services.** You can always refer to this documentation if you mess up something. The key part of any good media server is that it should adapt to the user, and not the other way around.
diff --git a/content/config/running-everything-together.md b/content/config/running-everything-together.md
index 214a5f1..88a375a 100644
--- a/content/config/running-everything-together.md
+++ b/content/config/running-everything-together.md
@@ -2,7 +2,7 @@
title: "Running everything together"
date: 2023-01-12T18:06:44-03:00
draft: false
-weight: 8
+weight: 10
summary: So you finally got YAMS running? Let's add some movies and seeing everything working together!
---
@@ -50,12 +50,22 @@ This means it is working as expected. When they finish downloading, Radarr is go
[![running-everything-together-6](/pics/running-everything-together-6.png)](/pics/running-everything-together-6.png)
-## Emby
+## Media service
-If you wait for the movies to download, if you go to Emby at [http://{your-ip-address}:8096/](), you'll see your movies right there, waiting for you.
+After your movies have downloaded, if you go to your Media service (Jellyfin, Emby or Plex), you'll see your movies right there, waiting for you.
+
+Jellyfin:
+
+[![running-everything-together-12](/pics/running-everything-together-12.png)](/pics/running-everything-together-12.png)
+
+Emby:
[![running-everything-together-7](/pics/running-everything-together-7.png)](/pics/running-everything-together-7.png)
+Plex:
+
+[![running-everything-together-11](/pics/running-everything-together-11.png)](/pics/running-everything-together-11.png)
+
If you open the movie, you'll see it even has subtitles! This means [Bazarr](/config/bazarr) is working as well!
[![running-everything-together-8](/pics/running-everything-together-8.png)](/pics/running-everything-together-8.png)
diff --git a/content/donate/_index.md b/content/donate/_index.md
index a32f863..e65e831 100644
--- a/content/donate/_index.md
+++ b/content/donate/_index.md
@@ -13,7 +13,9 @@ Second, I would prefer you donate to any of the projects used in this script. Th
- [linuxserver.io donations page](https://www.linuxserver.io/donate).
- [Sonarr donations page](https://sonarr.tv/donate).
- [Radarr donations page](https://radarr.video/donate).
+- [Jellyfin donations page](https://opencollective.com/jellyfin).
- [Emby premier page](https://emby.media/premiere.html) (Recommended! I personally use this service).
+- [Plex pass page](https://www.plex.tv/plex-pass/).
- [qBittorrent donations page](https://www.qbittorrent.org/donate).
- [Bazarr donations page](https://www.paypal.com/donate/?cmd=_s-xclick&hosted_button_id=XHHRWXT9YB7WE&source=url).
- [Prowlarr donations page](https://opencollective.com/Prowlarr#sponsor)
@@ -33,7 +35,9 @@ I'm not doing this for the money, and thank God I don't need donations to keep t
- [linuxserver.io](https://info.linuxserver.io/) for their amazing docker images.
- [Sonarr](https://sonarr.tv/).
- [Radarr](https://radarr.video/).
+- [Jellyfin](https://jellyfin.org/).
- [Emby](https://emby.media/).
+- [Plex](https://www.plex.tv/).
- [qBittorrent](https://www.qbittorrent.org/).
- [Bazarr](https://www.bazarr.media/).
- [Prowlarr](https://github.com/Prowlarr/Prowlarr)
diff --git a/content/install/description.md b/content/install/description.md
index bbff602..bf19117 100644
--- a/content/install/description.md
+++ b/content/install/description.md
@@ -27,7 +27,7 @@ In no particular order:
- **Automatic shows/movies download:** Just add your shows and movies to the watch list and it should automatically download the files as soon as they are available.
- **Automatic classification and organization:** Your media files should be completely organized by default.
- **Automatic subtitles download:** Self-explanatory. Your media server should automatically download subtitles in the languages you choose if they are available.
-- **Support for Web, Android, iOS, Android TV, and whatever that can support Emby:** Since we are using Emby, you should be able to watch your favorite media almost anywhere.
+- **Support for Web, Android, iOS, Android TV, and whatever that can support Emby/Jellyfin/Plex:** Since we are using Emby/Jellyfin/Plex, you should be able to watch your favorite media almost anywhere.
## What's installed with YAMS?
diff --git a/content/install/steps.md b/content/install/steps.md
index ad9078d..f296b52 100644
--- a/content/install/steps.md
+++ b/content/install/steps.md
@@ -105,6 +105,24 @@ Are you sure your media folder is /srv/media? [y/N]:
Select `y` or `n` if you are happy with the folder you selected. Press `[ENTER]` to continue.
+#### Media service
+```bash
+Time to choose your media service.
+Your media service is the one responsible for serving your files to your network.
+By default, YAMS support 3 media services:
+- jellyfin (recommended, easier)
+- emby
+- plex (advanced, always online, slower)
+```
+It's time to configure the media service!
+
+By default, YAMS supports 3 big media services:
+- [Jellyfin](https://jellyfin.org) (recommended): In my opinion, Jellyfin is the best one. It's fast, easy to configure and Open Source.
+- [Emby](https://emby.media): Emby its the one I use on my local config. It's very similar to Jellyfin (Jellyfin is a fork of Emby), and it has almost the same funtionalities. The reason I'm not recommending it is because it has a paid plan and it's closed source. (I'm actually migrating to Jellyfin now!)
+- [Plex](https://plex.tv): I **do not** recommend Plex if you are setting your first media server, unless you really want to. It's alwasy online, super slow, it doesn't support Direct Stream and it's full of bloat. Also, it's the hardest to configure.
+
+Type one from the list and press [ENTER]. If you don't choose anything, the installer is going to default to Jellyfin.
+
#### VPN
```bash
Time to setup the VPN.
diff --git a/static/pics/jellyfin-1.png b/static/pics/jellyfin-1.png
new file mode 100644
index 0000000..121a9b9
--- /dev/null
+++ b/static/pics/jellyfin-1.png
Binary files differ
diff --git a/static/pics/jellyfin-10.png b/static/pics/jellyfin-10.png
new file mode 100644
index 0000000..1d07490
--- /dev/null
+++ b/static/pics/jellyfin-10.png
Binary files differ
diff --git a/static/pics/jellyfin-11.png b/static/pics/jellyfin-11.png
new file mode 100644
index 0000000..2a0f66f
--- /dev/null
+++ b/static/pics/jellyfin-11.png
Binary files differ
diff --git a/static/pics/jellyfin-12.png b/static/pics/jellyfin-12.png
new file mode 100644
index 0000000..417331e
--- /dev/null
+++ b/static/pics/jellyfin-12.png
Binary files differ
diff --git a/static/pics/jellyfin-13.png b/static/pics/jellyfin-13.png
new file mode 100644
index 0000000..8e4483d
--- /dev/null
+++ b/static/pics/jellyfin-13.png
Binary files differ
diff --git a/static/pics/jellyfin-14.png b/static/pics/jellyfin-14.png
new file mode 100644
index 0000000..42b880a
--- /dev/null
+++ b/static/pics/jellyfin-14.png
Binary files differ
diff --git a/static/pics/jellyfin-15.png b/static/pics/jellyfin-15.png
new file mode 100644
index 0000000..34e2cfd
--- /dev/null
+++ b/static/pics/jellyfin-15.png
Binary files differ
diff --git a/static/pics/jellyfin-16.png b/static/pics/jellyfin-16.png
new file mode 100644
index 0000000..f7ee574
--- /dev/null
+++ b/static/pics/jellyfin-16.png
Binary files differ
diff --git a/static/pics/jellyfin-17.png b/static/pics/jellyfin-17.png
new file mode 100644
index 0000000..427f153
--- /dev/null
+++ b/static/pics/jellyfin-17.png
Binary files differ
diff --git a/static/pics/jellyfin-18.png b/static/pics/jellyfin-18.png
new file mode 100644
index 0000000..213e5b3
--- /dev/null
+++ b/static/pics/jellyfin-18.png
Binary files differ
diff --git a/static/pics/jellyfin-19.png b/static/pics/jellyfin-19.png
new file mode 100644
index 0000000..3dc40a1
--- /dev/null
+++ b/static/pics/jellyfin-19.png
Binary files differ
diff --git a/static/pics/jellyfin-2.png b/static/pics/jellyfin-2.png
new file mode 100644
index 0000000..8ee8ee0
--- /dev/null
+++ b/static/pics/jellyfin-2.png
Binary files differ
diff --git a/static/pics/jellyfin-3.png b/static/pics/jellyfin-3.png
new file mode 100644
index 0000000..d3ac347
--- /dev/null
+++ b/static/pics/jellyfin-3.png
Binary files differ
diff --git a/static/pics/jellyfin-4.png b/static/pics/jellyfin-4.png
new file mode 100644
index 0000000..13b6932
--- /dev/null
+++ b/static/pics/jellyfin-4.png
Binary files differ
diff --git a/static/pics/jellyfin-5.png b/static/pics/jellyfin-5.png
new file mode 100644
index 0000000..ada9785
--- /dev/null
+++ b/static/pics/jellyfin-5.png
Binary files differ
diff --git a/static/pics/jellyfin-6.png b/static/pics/jellyfin-6.png
new file mode 100644
index 0000000..5148a64
--- /dev/null
+++ b/static/pics/jellyfin-6.png
Binary files differ
diff --git a/static/pics/jellyfin-7.png b/static/pics/jellyfin-7.png
new file mode 100644
index 0000000..b9a45b1
--- /dev/null
+++ b/static/pics/jellyfin-7.png
Binary files differ
diff --git a/static/pics/jellyfin-8.png b/static/pics/jellyfin-8.png
new file mode 100644
index 0000000..6cb2af0
--- /dev/null
+++ b/static/pics/jellyfin-8.png
Binary files differ
diff --git a/static/pics/jellyfin-9.png b/static/pics/jellyfin-9.png
new file mode 100644
index 0000000..df132ed
--- /dev/null
+++ b/static/pics/jellyfin-9.png
Binary files differ
diff --git a/static/pics/plex-1.png b/static/pics/plex-1.png
new file mode 100644
index 0000000..b5b45a0
--- /dev/null
+++ b/static/pics/plex-1.png
Binary files differ
diff --git a/static/pics/plex-10.png b/static/pics/plex-10.png
new file mode 100644
index 0000000..907b479
--- /dev/null
+++ b/static/pics/plex-10.png
Binary files differ
diff --git a/static/pics/plex-11.png b/static/pics/plex-11.png
new file mode 100644
index 0000000..d625d8a
--- /dev/null
+++ b/static/pics/plex-11.png
Binary files differ
diff --git a/static/pics/plex-12.png b/static/pics/plex-12.png
new file mode 100644
index 0000000..4f94efb
--- /dev/null
+++ b/static/pics/plex-12.png
Binary files differ
diff --git a/static/pics/plex-13.png b/static/pics/plex-13.png
new file mode 100644
index 0000000..7d073eb
--- /dev/null
+++ b/static/pics/plex-13.png
Binary files differ
diff --git a/static/pics/plex-14.png b/static/pics/plex-14.png
new file mode 100644
index 0000000..3f1e6b9
--- /dev/null
+++ b/static/pics/plex-14.png
Binary files differ
diff --git a/static/pics/plex-15.png b/static/pics/plex-15.png
new file mode 100644
index 0000000..d4970d7
--- /dev/null
+++ b/static/pics/plex-15.png
Binary files differ
diff --git a/static/pics/plex-16.png b/static/pics/plex-16.png
new file mode 100644
index 0000000..67670e1
--- /dev/null
+++ b/static/pics/plex-16.png
Binary files differ
diff --git a/static/pics/plex-17.png b/static/pics/plex-17.png
new file mode 100644
index 0000000..26da8d8
--- /dev/null
+++ b/static/pics/plex-17.png
Binary files differ
diff --git a/static/pics/plex-2.png b/static/pics/plex-2.png
new file mode 100644
index 0000000..2ac3430
--- /dev/null
+++ b/static/pics/plex-2.png
Binary files differ
diff --git a/static/pics/plex-3.png b/static/pics/plex-3.png
new file mode 100644
index 0000000..7ce0d4d
--- /dev/null
+++ b/static/pics/plex-3.png
Binary files differ
diff --git a/static/pics/plex-4.png b/static/pics/plex-4.png
new file mode 100644
index 0000000..969fdd3
--- /dev/null
+++ b/static/pics/plex-4.png
Binary files differ
diff --git a/static/pics/plex-5.png b/static/pics/plex-5.png
new file mode 100644
index 0000000..2a219ba
--- /dev/null
+++ b/static/pics/plex-5.png
Binary files differ
diff --git a/static/pics/plex-6.png b/static/pics/plex-6.png
new file mode 100644
index 0000000..a6f2dfa
--- /dev/null
+++ b/static/pics/plex-6.png
Binary files differ
diff --git a/static/pics/plex-7.png b/static/pics/plex-7.png
new file mode 100644
index 0000000..4d2fecd
--- /dev/null
+++ b/static/pics/plex-7.png
Binary files differ
diff --git a/static/pics/plex-8.png b/static/pics/plex-8.png
new file mode 100644
index 0000000..fa4af01
--- /dev/null
+++ b/static/pics/plex-8.png
Binary files differ
diff --git a/static/pics/plex-9.png b/static/pics/plex-9.png
new file mode 100644
index 0000000..e3b6ee3
--- /dev/null
+++ b/static/pics/plex-9.png
Binary files differ
diff --git a/static/pics/running-everything-together-11.png b/static/pics/running-everything-together-11.png
new file mode 100644
index 0000000..5b8ffc3
--- /dev/null
+++ b/static/pics/running-everything-together-11.png
Binary files differ
diff --git a/static/pics/running-everything-together-12.png b/static/pics/running-everything-together-12.png
new file mode 100644
index 0000000..93614f2
--- /dev/null
+++ b/static/pics/running-everything-together-12.png
Binary files differ