Merge pull request #229 from safing/fix/small-tweaks

Fix/small tweaks

_config.yml

@@ -76,7 +76,7 @@ spn_alpha_status_page_url: https://docs.safing.io/spn/alpha/status
 kickstarter_url: https://www.kickstarter.com/projects/safingio/spn
 reddit_url: https://reddit.com/r/safing
 twitter_url: https://twitter.com/SafingIO
-discord_url: https:/discord.gg/safing
+discord_url: https://discord.gg/safing
 github_url: https://github.com/safing
 
 youtube_channel_url: https://www.youtube.com/c/SafingIO

_includes/video_wrapper.html

@@ -1,4 +1,4 @@
-<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>
+<video style="padding-bottom: 1rem;" src="{{ page.video_source }}" controls poster="{{ site.img_url }}thumbnails/video/{{ page.custom_thumbnail_name }}.png" style="width: 100%; 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

@@ -8,7 +8,7 @@ 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
+custom_thumbnail_name: spn-2-multi-identity-big
 ---
 
 {% include video_wrapper.html %}

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

@@ -8,7 +8,7 @@ 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
+custom_thumbnail_name: portmaster-1-getting-started-big
 ---
 
 {% include video_wrapper.html %}

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

@@ -8,7 +8,7 @@ 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
+custom_thumbnail_name: portmaster-2-filter-lists-big
 ---
 
 {% include video_wrapper.html %}

download/index.html

@@ -24,7 +24,7 @@ title: Safing Portmaster - Download
                     </div>
                     <div class="flex items-center">
                       <span class="block">Github Stars:</span>
-                      <img src="{{ site.img_shields_io_stars_url }}" style="filter: invert(1); width: 50px; height: 38px; margin-left: -8px;">
+                      <img src="{{ site.img_shields_io_stars_url }}" style="filter: invert(1); width: 70px; height: 38px; margin-left: -8px;">
                     </div>
                 </div>
             </div>
@@ -41,7 +41,7 @@ title: Safing Portmaster - Download
                     <div class="horizontal-line" style="height: unset; margin-left: 10px;"></div>
                 </div>
                 <div class="flex space-x-5">
-                    <a class="card-blog" target="_blank" href="{{ site.youtube_portmaster_tut_getting_started }}" style="border-width: 2px; border-color: #464646; background-color: #0d0d0d; border-radius: 8px;">
+                    <a class="card-blog" href="{{ site.youtube_portmaster_tut_getting_started }}" style="border-width: 2px; border-color: #464646; background-color: #0d0d0d; border-radius: 8px;">
                         <div class="card-blog-thumbnail">
                             <img src="{{ site.img_url }}page-specific/download/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;">
@@ -49,7 +49,7 @@ title: Safing Portmaster - Download
                             </span>
                         </div>
                     </a>
-                    <a class="card-blog" target="_blank" href="{{ site.youtube_portmaster_tut_filter_lists }}" style="border-width: 2px; border-color: #464646; background-color: #0d0d0d; border-radius: 8px;">
+                    <a class="card-blog" href="{{ site.youtube_portmaster_tut_filter_lists }}" style="border-width: 2px; border-color: #464646; background-color: #0d0d0d; border-radius: 8px;">
                         <div class="card-blog-thumbnail">
                             <img src="{{ site.img_url }}page-specific/download/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;">
@@ -68,7 +68,7 @@ title: Safing Portmaster - Download
                     <div class="horizontal-line" style="height: unset; margin-left: 10px;"></div>
                 </div>
                 <div class="flex space-x-5">
-                    <a class="card-blog" target="_blank" href="{{ site.youtube_spn_tut_multi_identity }}" style="border-width: 2px; border-color: #464646; background-color: #0d0d0d; border-radius: 8px;">
+                    <a class="card-blog" href="{{ site.youtube_spn_tut_multi_identity }}" style="border-width: 2px; border-color: #464646; background-color: #0d0d0d; border-radius: 8px;">
                         <div class="card-blog-thumbnail">
                             <img src="{{ site.img_url }}page-specific/download/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;">

index.html

@@ -37,7 +37,7 @@ redirect_from:
         </div>
         <div class="flex items-center">
           <span class="block">Github Stars:</span>
-          <img src="{{ site.img_shields_io_stars_url }}" style="filter: invert(1); width: 50px; height: 38px; margin-left: -8px;">
+          <img src="{{ site.img_shields_io_stars_url }}" style="filter: invert(1); width: 70px; height: 38px; margin-left: -8px;">
         </div>
     </div>
     </div>
@@ -49,7 +49,7 @@ redirect_from:
          </video>
       </div>
   </div>
-  <div class="header-bg">
+  <div class="header-bg" style="overflow-x: hidden; position: relative;">
     <div class="wave-container" style="z-index: -1; bottom: unset; top: 440px; opacity: .45;">
         <div class="wave-background" style="background-image: url({{ site.img_url }}page-specific/landing/landing-wave.svg); height: 195px; position: unset;"></div>
     </div>

pricing/index.html

@@ -296,7 +296,7 @@ title: Safing Portmaster - Pricing
           </div>
         </div>
     </div>
-    <div class="header-bg">
+    <div class="header-bg" style="overflow-x: hidden; position: relative;">
         <div class="wave-container" style="z-index: -1; bottom: unset; top: 440px; opacity: .45;">
             <div class="wave-background" style="background-image: url({{ site.img_url }}page-specific/pricing/pricing-wave.svg); height: 195px; position: unset;"></div>
         </div>

spn/index.html

@@ -87,7 +87,6 @@ layout: page
             </p>
         </div>
         <div class="showcase-two-bottom" style="max-width: 850px;">
-
             <div class="card" style="background-color: transparent;">
                 <div class="overflow-hidden">
                      <video preload="auto" src="https://assets.safing.io/spn/feature-tour.mp4" poster="https://assets.safing.io/spn/feature-tour-poster.png" controls="" style="object-fit: cover; border-radius: 12px;">