60 files changed, 38 insertions, 33 deletions

diff --git a/.gitignore b/.gitignore
index 2a5d5cd..87f9c74 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,4 +17,4 @@ hugo.linux
 
 # Temporary lock file while building
 /.hugo_build.lock
-*.png
+*.webp
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 50f2e6c..4092d75 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -11,6 +11,6 @@ deploy:
     - ssh-keyscan $SSH_HOST >> ~/.ssh/known_hosts
     - chmod 644 ~/.ssh/known_hosts
   script:
-    - ssh -p $SSH_PORT $SSH_USER@$SSH_HOST "cd repo && git stash && git pull --force origin master && rm -rf /var/www/yams.media/* && hugo -s . -d /var/www/yams.media/"
+    - ssh -p $SSH_PORT $SSH_USER@$SSH_HOST "cd repo && git stash && git pull --force origin master && rm -rf /var/www/yams.media/* && ./build.sh"
   only:
     - master
diff --git a/build.sh b/build.sh
new file mode 100755
index 0000000..cefaf9c
--- /dev/null
+++ b/build.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+
+find ./ -type f -name '*.png' -not -path '*/.git/*' -exec sh -c 'cwebp -lossless $1 -o "${1%.png}.png"' _ {} \;
+find . -type f -not -path '*/.git/*' \( ! -iname ".gitignore" ! -iname "pre-commit" \) -exec sed -i -e 's/\.png/\.png/g' {} \;
+hugo -s . -d /var/www/yams.media/
diff --git a/config.toml b/config.toml
index 4eaaadf..4e6e42d 100644
--- a/config.toml
+++ b/config.toml
@@ -48,9 +48,9 @@ summaryLength = 30
     meta_og_title = "YAMS - Yet Another Media Server"
     meta_og_type = "website"
     meta_og_url = "https://yams.media"
-    meta_og_image = "/pics/logo.webp"
+    meta_og_image = "/pics/logo.png"
     meta_og_description = "YAMS is a basic but powerful media server, easy to install in a bash script"
 
   [params.logo]
-      standard  = "/pics/logo.webp"
-      mobile  = "/pics/logo.webp"
+      standard  = "/pics/logo.png"
+      mobile  = "/pics/logo.png"
diff --git a/content/config/jackett.md b/content/config/jackett.md
index e20c272..5415127 100644
--- a/content/config/jackett.md
+++ b/content/config/jackett.md
@@ -18,25 +18,25 @@ So basically, we are going to use Jackett to **search for torrents**, so we can
 
 In your browser, go to [http://{your-ip-address}:9117/]() and you'll see the empty Jackett screen.
 
-[![jackett-1](/pics/jackett-1.webp)](/pics/jackett-1.webp)
+[![jackett-1](/pics/jackett-1.png)](/pics/jackett-1.png)
 
 Here, you can add as many indexers as you need. To add indexers, click on "Add indexer":
 
-[![jackett-2](/pics/jackett-2.webp)](/pics/jackett-2.webp)
+[![jackett-2](/pics/jackett-2.png)](/pics/jackett-2.png)
 
 For this example, I'm going to add 2 indexers: YTS (for movies) and eztv (for tv shows). To look for an indexer, just type its name on the search box and click on the big ➕ sign 
 
-[![jackett-3](/pics/jackett-3.webp)](/pics/jackett-3.webp)
+[![jackett-3](/pics/jackett-3.png)](/pics/jackett-3.png)
 
 In the end, you should have a screen like this:
 
-[![jackett-4](/pics/jackett-4.webp)](/pics/jackett-4.webp)
+[![jackett-4](/pics/jackett-4.png)](/pics/jackett-4.png)
 
 ## Don't forget to grab your API Key!
 
 You'll need the API Key later. You can grab it from here:
 
-[![jackett-5](/pics/jackett-5.webp)](/pics/jackett-5.webp)
+[![jackett-5](/pics/jackett-5.png)](/pics/jackett-5.png)
 
 For now, just keep it handy. You'll need it for [Sonarr](/config/sonarr) and [Radarr](/config/radarr).
 
diff --git a/content/config/qbittorrent.md b/content/config/qbittorrent.md
index d74b7b0..69ff6ca 100644
--- a/content/config/qbittorrent.md
+++ b/content/config/qbittorrent.md
@@ -24,11 +24,11 @@ password: adminadmin
 ```
 I know, super safe.
 
-[![qbittorrent-1](/pics/qbittorrent-1.webp)](/pics/qbittorrent-1.webp)
+[![qbittorrent-1](/pics/qbittorrent-1.png)](/pics/qbittorrent-1.png)
 
 After logging in, you'll see the empty qBittorrent window. Here, you have to click on the gear icon to enter the settings.
 
-[![qbittorrent-2](/pics/qbittorrent-2.webp)](/pics/qbittorrent-2.webp)
+[![qbittorrent-2](/pics/qbittorrent-2.png)](/pics/qbittorrent-2.png)
 
 You'll notice qBitorrent has A TON of settings you can change. First, go to the "BitTorrent" tab, check the "When ratio reaches" checkbox and set it to 0
 
@@ -40,11 +40,11 @@ In case you don't know, the BitTorrent protocol works by sharing (seeding) files
 
 For the purposes of this tutorial we'll leave it at 0, but if you want you can change it later to a less dickish setting.
 
-[![qbittorrent-3](/pics/qbittorrent-3.webp)](/pics/qbittorrent-3.webp)
+[![qbittorrent-3](/pics/qbittorrent-3.png)](/pics/qbittorrent-3.png)
 
 Then, we'll continue to the "Web UI" tab. There, we can set it so it won't ask for a password if we are accesing it from the same subnet. This is not required, but recommended.
 
-[![qbittorreft-4](/pics/qbittorrent-4.webp)](/pics/qbittorrent-4.webp)
+[![qbittorreft-4](/pics/qbittorrent-4.png)](/pics/qbittorrent-4.png)
 
 ## That's done!
 
diff --git a/content/config/radarr.md b/content/config/radarr.md
index 2a60e7e..183acc7 100644
--- a/content/config/radarr.md
+++ b/content/config/radarr.md
@@ -18,7 +18,7 @@ In YAMS, Radarr is going to manage all our movies, download them, sort them, etc
 
 In your browser, go to [http://{your-ip-address}:7878/]() and you'll see Radarr's empty page. You'll also notice you have 3 messages on the system tab, but we'll deal with them later.
 
-[![radarr-1](/pics/radarr-1.webp)](/pics/radarr-1.webp)
+[![radarr-1](/pics/radarr-1.png)](/pics/radarr-1.png)
 
 ### Media management
 
@@ -27,21 +27,21 @@ First, go to "Settings" and then "Media management". On this screen:
 - Check the "Rename Movies" box.
 - Change the default "Standard Movie Format" from `{Movie Title} ({Release Year}) {Quality Full}` to `{Movie Title} ({Release Year})`.
 
-[![radarr-2](/pics/radarr-2.webp)](/pics/radarr-2.webp)
+[![radarr-2](/pics/radarr-2.png)](/pics/radarr-2.png)
 
 At the bottom of the same screen, go to "Root folders" and click on "Add Root Folder".
 
-[![radarr-3](/pics/radarr-3.webp)](/pics/radarr-3.webp)
+[![radarr-3](/pics/radarr-3.png)](/pics/radarr-3.png)
 
 And add the `/movies/` folder
 
-[![radarr-4](/pics/radarr-4.webp)](/pics/radarr-4.webp)
+[![radarr-4](/pics/radarr-4.png)](/pics/radarr-4.png)
 
 **Note:** This is NOT on your filesystem! The `/movies/` folder exists inside the `docker` environment and maps to your server `/mediafolder/movies/` folder!
 
 Finally, click on "Save Changes".
 
-[![radarr-5](/pics/radarr-5.webp)](/pics/radarr-5.webp)
+[![radarr-5](/pics/radarr-5.png)](/pics/radarr-5.png)
 
 ### Indexers
 
@@ -49,15 +49,15 @@ Here, you'll add all the indexers you want to use to get your movies. This is wh
 
 In "Settings", go to "Indexers" and click on the ➕ button.
 
-[![radarr-6](/pics/radarr-6.webp)](/pics/radarr-6.webp)
+[![radarr-6](/pics/radarr-6.png)](/pics/radarr-6.png)
 
 On the "Add Indexer" screen, click on "Torznab".
 
-[![radarr-7](/pics/radarr-7.webp)](/pics/radarr-7.webp)
+[![radarr-7](/pics/radarr-7.png)](/pics/radarr-7.png)
 
 For this step, you'll need to go back to Jackett and click on the "Copy Torznab Feed" button of your desired indexer. Since on [Jackett](/config/jackett) I configured "YTS", I'll be grabbing its Torznab Feed link.
 
-[![radarr-9](/pics/radarr-9.webp)](/pics/radarr-9.webp)
+[![radarr-9](/pics/radarr-9.png)](/pics/radarr-9.png)
 
 Then back at Radarr, add all the information to the "Add Indexer" screen. 
 
@@ -65,16 +65,16 @@ Then back at Radarr, add all the information to the "Add Indexer" screen.
 - On "URL", paste the Torznab Feed URL for your indexer. Notice how I'm replacing [http://{your-ip-address}:9117]() with [http://jackett:9117](). This is so Radarr makes use of the internal docker network instead of the outside bridge. You should make this change too.
 - On "API Key", paste your Jackett API key (Remember how I told you that [you'll need it later](/config/jackett/#dont-forget-to-grab-your-api-key)? Well, this is the moment hehe).
 
-[![radarr-8](/pics/radarr-8.webp)](/pics/radarr-8.webp)
+[![radarr-8](/pics/radarr-8.png)](/pics/radarr-8.png)
 
 At the bottom, you can click on "Test" and if everything is OK you should see a ✅.
 
-[![radarr-10](/pics/radarr-10.webp)](/pics/radarr-10.webp)
-[![radarr-11](/pics/radarr-11.webp)](/pics/radarr-11.webp)
+[![radarr-10](/pics/radarr-10.png)](/pics/radarr-10.png)
+[![radarr-11](/pics/radarr-11.png)](/pics/radarr-11.png)
 
 If everything is fine, click on "Save". You should see your indexer added to the "Indexers" page now!
 
-[![radarr-12](/pics/radarr-12.webp)](/pics/radarr-12.webp)
+[![radarr-12](/pics/radarr-12.png)](/pics/radarr-12.png)
 
 ### Download Clients
 
@@ -82,31 +82,31 @@ Here, you'll add the download clients for Radarr. That's where you'll tie in Rad
 
 In "Settings", go to "Download Clients" and click on the ➕ button.
 
-[![radarr-13](/pics/radarr-13.webp)](/pics/radarr-13.webp)
+[![radarr-13](/pics/radarr-13.png)](/pics/radarr-13.png)
 
 On the "Add Download Client" screen, scroll down and click on "qBittorrent".
 
-[![radarr-14](/pics/radarr-14.webp)](/pics/radarr-14.webp)
+[![radarr-14](/pics/radarr-14.png)](/pics/radarr-14.png)
 
 - In Name, add the name of your download client (qBittorrent).
 - On Host, add `qbittorrent`.
 - On Username, add `admin`.
 - On Password, add `adminadmin`.
-[![radarr-15](/pics/radarr-15.webp)](/pics/radarr-15.webp)
+[![radarr-15](/pics/radarr-15.png)](/pics/radarr-15.png)
 
 At the bottom, you can click on "Test" and if everything is OK you should see a ✅ 
-[![radarr-10](/pics/radarr-10.webp)](/pics/radarr-10.webp)
-[![radarr-11](/pics/radarr-11.webp)](/pics/radarr-11.webp)
+[![radarr-10](/pics/radarr-10.png)](/pics/radarr-10.png)
+[![radarr-11](/pics/radarr-11.png)](/pics/radarr-11.png)
 
 If everything is fine, click on "Save". You should see your download client added to the "Download Clients" page now!
 
-[![radarr-16](/pics/radarr-16.webp)](/pics/radarr-16.webp)
+[![radarr-16](/pics/radarr-16.png)](/pics/radarr-16.png)
 
 ### Checking if everything worked
 
 To check If everything is working corrently, In "System" go to "Status". In "Health", you should see "No issues with configuration". If you don't see that message, go back in the tutorial and try to fix it!
 
-[![radarr-17](/pics/radarr-17.webp)](/pics/radarr-17.webp)
+[![radarr-17](/pics/radarr-17.png)](/pics/radarr-17.png)
 
 ## Moving forward!
 
diff --git a/static/pics/jackett-1.png b/static/pics/jackett-1.png
new file mode 100644
index 0000000..87e26b1
--- /dev/null
+++ b/static/pics/jackett-1.png
diff --git a/static/pics/jackett-1.webp b/static/pics/jackett-1.webp
deleted file mode 100644
index 5a30646..0000000
--- a/static/pics/jackett-1.webp
+++ /dev/null
diff --git a/static/pics/jackett-2.png b/static/pics/jackett-2.png
new file mode 100644
index 0000000..0a475cb
--- /dev/null
+++ b/static/pics/jackett-2.png
diff --git a/static/pics/jackett-2.webp b/static/pics/jackett-2.webp
deleted file mode 100644
index ae48bcc..0000000
--- a/static/pics/jackett-2.webp
+++ /dev/null
diff --git a/static/pics/jackett-3.png b/static/pics/jackett-3.png
new file mode 100644
index 0000000..4ae9ade
--- /dev/null
+++ b/static/pics/jackett-3.png
diff --git a/static/pics/jackett-3.webp b/static/pics/jackett-3.webp
deleted file mode 100644
index 23dfc12..0000000
--- a/static/pics/jackett-3.webp
+++ /dev/null
diff --git a/static/pics/jackett-4.png b/static/pics/jackett-4.png
new file mode 100644
index 0000000..33b3738
--- /dev/null
+++ b/static/pics/jackett-4.png
diff --git a/static/pics/jackett-4.webp b/static/pics/jackett-4.webp
deleted file mode 100644
index f224816..0000000
--- a/static/pics/jackett-4.webp
+++ /dev/null
diff --git a/static/pics/jackett-5.png b/static/pics/jackett-5.png
new file mode 100644
index 0000000..3820ecc
--- /dev/null
+++ b/static/pics/jackett-5.png
diff --git a/static/pics/jackett-5.webp b/static/pics/jackett-5.webp
deleted file mode 100644
index 7f2bff7..0000000
--- a/static/pics/jackett-5.webp
+++ /dev/null
diff --git a/static/pics/logo.webp b/static/pics/logo.webp
deleted file mode 100644
index 85be691..0000000
--- a/static/pics/logo.webp
+++ /dev/null
diff --git a/static/pics/qbittorrent-1.png b/static/pics/qbittorrent-1.png
new file mode 100644
index 0000000..87d9da5
--- /dev/null
+++ b/static/pics/qbittorrent-1.png
diff --git a/static/pics/qbittorrent-1.webp b/static/pics/qbittorrent-1.webp
deleted file mode 100644
index bf59551..0000000
--- a/static/pics/qbittorrent-1.webp
+++ /dev/null
diff --git a/static/pics/qbittorrent-2.png b/static/pics/qbittorrent-2.png
new file mode 100644
index 0000000..c004840
--- /dev/null
+++ b/static/pics/qbittorrent-2.png
diff --git a/static/pics/qbittorrent-2.webp b/static/pics/qbittorrent-2.webp
deleted file mode 100644
index c406058..0000000
--- a/static/pics/qbittorrent-2.webp
+++ /dev/null
diff --git a/static/pics/qbittorrent-3.png b/static/pics/qbittorrent-3.png
new file mode 100644
index 0000000..9101bfc
--- /dev/null
+++ b/static/pics/qbittorrent-3.png
diff --git a/static/pics/qbittorrent-3.webp b/static/pics/qbittorrent-3.webp
deleted file mode 100644
index f1acd9a..0000000
--- a/static/pics/qbittorrent-3.webp
+++ /dev/null
diff --git a/static/pics/qbittorrent-4.png b/static/pics/qbittorrent-4.png
new file mode 100644
index 0000000..0fb9055
--- /dev/null
+++ b/static/pics/qbittorrent-4.png
diff --git a/static/pics/qbittorrent-4.webp b/static/pics/qbittorrent-4.webp
deleted file mode 100644
index 626fa9e..0000000
--- a/static/pics/qbittorrent-4.webp
+++ /dev/null
diff --git a/static/pics/radarr-1.png b/static/pics/radarr-1.png
new file mode 100644
index 0000000..3e072bd
--- /dev/null
+++ b/static/pics/radarr-1.png
diff --git a/static/pics/radarr-1.webp b/static/pics/radarr-1.webp
deleted file mode 100644
index 7ef7f73..0000000
--- a/static/pics/radarr-1.webp
+++ /dev/null
diff --git a/static/pics/radarr-10.png b/static/pics/radarr-10.png
new file mode 100644
index 0000000..4de5fec
--- /dev/null
+++ b/static/pics/radarr-10.png
diff --git a/static/pics/radarr-10.webp b/static/pics/radarr-10.webp
deleted file mode 100644
index ad6d22e..0000000
--- a/static/pics/radarr-10.webp
+++ /dev/null
diff --git a/static/pics/radarr-11.png b/static/pics/radarr-11.png
new file mode 100644
index 0000000..3953355
--- /dev/null
+++ b/static/pics/radarr-11.png
diff --git a/static/pics/radarr-11.webp b/static/pics/radarr-11.webp
deleted file mode 100644
index c9ee75b..0000000
--- a/static/pics/radarr-11.webp
+++ /dev/null
diff --git a/static/pics/radarr-12.png b/static/pics/radarr-12.png
new file mode 100644
index 0000000..20cefb3
--- /dev/null
+++ b/static/pics/radarr-12.png
diff --git a/static/pics/radarr-12.webp b/static/pics/radarr-12.webp
deleted file mode 100644
index dddafbe..0000000
--- a/static/pics/radarr-12.webp
+++ /dev/null
diff --git a/static/pics/radarr-13.png b/static/pics/radarr-13.png
new file mode 100644
index 0000000..f4f847f
--- /dev/null
+++ b/static/pics/radarr-13.png
diff --git a/static/pics/radarr-13.webp b/static/pics/radarr-13.webp
deleted file mode 100644
index ff57786..0000000
--- a/static/pics/radarr-13.webp
+++ /dev/null
diff --git a/static/pics/radarr-14.png b/static/pics/radarr-14.png
new file mode 100644
index 0000000..91b3276
--- /dev/null
+++ b/static/pics/radarr-14.png
diff --git a/static/pics/radarr-14.webp b/static/pics/radarr-14.webp
deleted file mode 100644
index 7bbdfcc..0000000
--- a/static/pics/radarr-14.webp
+++ /dev/null
diff --git a/static/pics/radarr-15.png b/static/pics/radarr-15.png
new file mode 100644
index 0000000..f046982
--- /dev/null
+++ b/static/pics/radarr-15.png
diff --git a/static/pics/radarr-15.webp b/static/pics/radarr-15.webp
deleted file mode 100644
index f15b842..0000000
--- a/static/pics/radarr-15.webp
+++ /dev/null
diff --git a/static/pics/radarr-16.png b/static/pics/radarr-16.png
new file mode 100644
index 0000000..95876d6
--- /dev/null
+++ b/static/pics/radarr-16.png
diff --git a/static/pics/radarr-16.webp b/static/pics/radarr-16.webp
deleted file mode 100644
index aa85872..0000000
--- a/static/pics/radarr-16.webp
+++ /dev/null
diff --git a/static/pics/radarr-17.png b/static/pics/radarr-17.png
new file mode 100644
index 0000000..f85820a
--- /dev/null
+++ b/static/pics/radarr-17.png
diff --git a/static/pics/radarr-17.webp b/static/pics/radarr-17.webp
deleted file mode 100644
index fb77621..0000000
--- a/static/pics/radarr-17.webp
+++ /dev/null
diff --git a/static/pics/radarr-2.png b/static/pics/radarr-2.png
new file mode 100644
index 0000000..a9f0f69
--- /dev/null
+++ b/static/pics/radarr-2.png
diff --git a/static/pics/radarr-2.webp b/static/pics/radarr-2.webp
deleted file mode 100644
index 473dd47..0000000
--- a/static/pics/radarr-2.webp
+++ /dev/null
diff --git a/static/pics/radarr-3.png b/static/pics/radarr-3.png
new file mode 100644
index 0000000..1373597
--- /dev/null
+++ b/static/pics/radarr-3.png
diff --git a/static/pics/radarr-3.webp b/static/pics/radarr-3.webp
deleted file mode 100644
index 8304456..0000000
--- a/static/pics/radarr-3.webp
+++ /dev/null
diff --git a/static/pics/radarr-4.png b/static/pics/radarr-4.png
new file mode 100644
index 0000000..342a0b4
--- /dev/null
+++ b/static/pics/radarr-4.png
diff --git a/static/pics/radarr-4.webp b/static/pics/radarr-4.webp
deleted file mode 100644
index 9aee0c8..0000000
--- a/static/pics/radarr-4.webp
+++ /dev/null
diff --git a/static/pics/radarr-5.png b/static/pics/radarr-5.png
new file mode 100644
index 0000000..3199037
--- /dev/null
+++ b/static/pics/radarr-5.png
diff --git a/static/pics/radarr-5.webp b/static/pics/radarr-5.webp
deleted file mode 100644
index b2fea0d..0000000
--- a/static/pics/radarr-5.webp
+++ /dev/null
diff --git a/static/pics/radarr-6.png b/static/pics/radarr-6.png
new file mode 100644
index 0000000..b77e349
--- /dev/null
+++ b/static/pics/radarr-6.png
diff --git a/static/pics/radarr-6.webp b/static/pics/radarr-6.webp
deleted file mode 100644
index 9630a4e..0000000
--- a/static/pics/radarr-6.webp
+++ /dev/null
diff --git a/static/pics/radarr-7.png b/static/pics/radarr-7.png
new file mode 100644
index 0000000..1c5fff5
--- /dev/null
+++ b/static/pics/radarr-7.png
diff --git a/static/pics/radarr-7.webp b/static/pics/radarr-7.webp
deleted file mode 100644
index 89f0b54..0000000
--- a/static/pics/radarr-7.webp
+++ /dev/null
diff --git a/static/pics/radarr-8.png b/static/pics/radarr-8.png
new file mode 100644
index 0000000..85aac84
--- /dev/null
+++ b/static/pics/radarr-8.png
diff --git a/static/pics/radarr-8.webp b/static/pics/radarr-8.webp
deleted file mode 100644
index d7e7504..0000000
--- a/static/pics/radarr-8.webp
+++ /dev/null
diff --git a/static/pics/radarr-9.png b/static/pics/radarr-9.png
new file mode 100644
index 0000000..d0cd754
--- /dev/null
+++ b/static/pics/radarr-9.png
diff --git a/static/pics/radarr-9.webp b/static/pics/radarr-9.webp
deleted file mode 100644
index 829abb9..0000000
--- a/static/pics/radarr-9.webp
+++ /dev/null