Host tutorials on our end

link to those first on the download page

_config.yml

@@ -82,9 +82,9 @@ github_url: https://github.com/safing
 youtube_channel_url: https://www.youtube.com/c/SafingIO
 invidious_channel_url: https://invidious.snopyta.org/channel/UC_6TW053IlS4M22g7CxnukA
 
-youtube_portmaster_tut_getting_started: https://www.youtube.com/watch?v=xHAESh1zKAc
-youtube_portmaster_tut_filter_lists: https://www.youtube.com/watch?v=PeTuVgK5z9o
-youtube_spn_tut_multi_identity: https://www.youtube.com/watch?v=p3tjNmFKrDk
+youtube_portmaster_tut_getting_started: /video/2022/03/28/portmaster-intro-getting-started/
+youtube_portmaster_tut_filter_lists: /video/2022/04/04/portmaster-intro-filter-lists/
+youtube_spn_tut_multi_identity: /video/2022/03/21/spn-intro-be-everywhere/
 
 seen_itsfoss_url: https://itsfoss.com/portmaster/
 seen_ghacks_url: https://www.ghacks.net/2022/05/16/first-look-at-portmaster-an-open-source-cross-platform-network-monitor/

_includes/video_wrapper.html

@@ -1,4 +1,4 @@
-<video style="padding-bottom: 1rem;" src="{{ page.video_source }}" controls></video>
+<video style="padding-bottom: 1rem;" src="{{ page.video_source }}" controls poster="{{ site.img_url }}thumbnails/video/{{ page.custom_thumbnail_name }}.png" style="object-fit: cover; border-radius: 12px;"></video>
 {% unless page.youtube_hash == null  %}
 <p class="text-center">or watch on <a href="https://youtu.be/{{ page.youtube_hash }}">YouTube</a> or <a href="https://invidious.snopyta.org/{{ page.youtube_hash }}">Invidious</a></p>
 {% endunless %}

_publications/2022-03-21-spn-intro-be-everywhere.md

@@ -0,0 +1,20 @@
+---
+# possible values: blog video podcast
+category: video
+layout:   video
+# ⚠️ ALWAYS follow this format: "#001 - Some sweet title"
+# this has to be consistent for displaying only the episode number or only the title
+title: "SPN Intro #2: Be Everywhere"
+date: 2022-03-21
+video_source: https://assets.safing.io/video/tutorials/spn-intro-1-be-everywhere.mp4
+youtube_hash: p3tjNmFKrDk
+custom_thumbnail_name: spn-2-multi-identity
+---
+
+{% include video_wrapper.html %}
+
+Do you want to protect your online privacy? The Safing Privacy Network might be the solution for you! The SPN is a secure overlay network similar to Tor, but is just as easy to use as a VPN.
+
+The SPN is built to spread your connections across the globe, giving you multiple identities (IP addresses) for each application. This reduces visibility in the “open web” and protects your connections from mass surveillance.
+
+[Protect Your Connections Today]({{ site.pricing_url }})

_publications/2022-03-28-portmaster-intro-getting-started.md

@@ -0,0 +1,18 @@
+---
+# possible values: blog video podcast
+category: video
+layout:   video
+# ⚠️ ALWAYS follow this format: "#001 - Some sweet title"
+# this has to be consistent for displaying only the episode number or only the title
+title: "Portmaster Intro #1: Install on Windows"
+date: 2022-03-28
+video_source: https://assets.safing.io/video/tutorials/portmaster-1-getting-started.mp4
+youtube_hash: xHAESh1zKAc
+custom_thumbnail_name: portmaster-1-getting-started
+---
+
+{% include video_wrapper.html %}
+
+Are you tired of not being in control over your data? You should give the Portmaster a try! It is an application firewall that will help you taking back your privacy.
+
+[Download Portmaster Today]({{ site.download_url }})

_publications/2022-04-04-portmaster-intro-filter-lists.md

@@ -0,0 +1,21 @@
+---
+# possible values: blog video podcast
+category: video
+layout:   video
+# ⚠️ ALWAYS follow this format: "#001 - Some sweet title"
+# this has to be consistent for displaying only the episode number or only the title
+title: "Portmaster Intro #2: Block Trackers"
+date: 2022-04-04
+video_source: https://assets.safing.io/video/tutorials/portmaster-2-filter-lists.mp4
+youtube_hash: PeTuVgK5z9o
+custom_thumbnail_name: portmaster-2-filter-lists
+---
+
+{% include video_wrapper.html %}
+
+Are you tired of not being in control over your data? You should give the Portmaster a try! It is an application firewall that will help you taking back your privacy.
+
+In this video we show how you can easily block trackers with Portmaster. As trackers are already blocked by default, we will show this by enabled the NSFW (not suited for work) filter lists.
+Then we take a quick look at the network monitor, where you can see the blocked connections.
+
+[Download Portmaster Today]({{ site.download_url }})

download/index.html

@@ -45,7 +45,7 @@ title: Safing Portmaster - Download
                         <div class="card-blog-thumbnail">
                             <img src="{{ site.img_url }}page-specific/pricing/getting-started.png" style="max-width: 365px; max-height: 223px; border-radius: 5px; overflow: hidden;">
                             <span class="box-icon" style="  margin-top: -1.1rem; margin-left: -0.65rem;">
-                                <i class="icon-youtube text-sm" style="padding: 0.55rem;"></i>
+                                <i class="icon-play text-sm" style="padding: 0.55rem; padding-left: 0.7rem;"></i>
                             </span>
                         </div>
                     </a>
@@ -53,7 +53,7 @@ title: Safing Portmaster - Download
                         <div class="card-blog-thumbnail">
                             <img src="{{ site.img_url }}page-specific/pricing/filter-list.png" style="max-width: 365px; max-height: 223px; border-radius: 5px; overflow: hidden;">
                             <span class="box-icon" style="  margin-top: -1.1rem; margin-left: -0.65rem;">
-                                <i class="icon-youtube text-sm" style="padding: 0.55rem;"></i>
+                                <i class="icon-play text-sm" style="padding: 0.55rem; padding-left: 0.7rem;"></i>
                             </span>
                         </div>
                     </a>
@@ -72,7 +72,7 @@ title: Safing Portmaster - Download
                         <div class="card-blog-thumbnail">
                             <img src="{{ site.img_url }}page-specific/pricing/multi-identity.png" style="max-width: 365px; max-height: 223px; border-radius: 5px; overflow: hidden;">
                             <span class="box-icon" style="  margin-top: -1.1rem; margin-left: -0.65rem;">
-                                <i class="icon-youtube text-sm" style="padding: 0.55rem;"></i>
+                                <i class="icon-play text-sm" style="padding: 0.55rem; padding-left: 0.7rem;"></i>
                             </span>
                         </div>
                     </a>