Merge pull request #162 from safing/feature/release-6-22-blog

Publish PM 0.6.22 blog

_includes/thumbnail_blog.html

@@ -5,35 +5,45 @@
         {% if post.custom_thumbnail_name == null %}
         <img src="{{ site.img_url }}thumbnails/blog/placeholder.png">
         {% else %}
-          <img src="{{ site.img_url }}thumbnails/blog/{{ post.custom_thumbnail_name }}.png">
+        <img src="{{ site.img_url }}thumbnails/blog/{{ post.custom_thumbnail_name }}.png">
         {% endif %}
         {% if post.progress_update == true %}
-        <span class="absolute text-white right-0 bottom-0 pr-3 pb-3" style="font-size: 3.1rem; font-weight: 800;" >#{{ post.title | slice: 2, 2 }}</span>
+        <span class="absolute text-white right-0 bottom-0 pr-3 pb-3" style="font-size: 3.1rem; font-weight: 800;">#{{ post.title | slice: 2, 2 }}</span>
+        {% endif %}
+        {% if post.portmaster_update == true %}
+        <span style="font-size: 12rem; font-weight: 800; margin-top: -13.8rem; margin-left: -0.8rem;" class=" z-0 absolute bg-top">
+          <button type="button" style="background-color: #6188ff;" class="inline-flex items-center px-3 py-3 rounded-md border border-transparent text-xs leading-5 font-extrabold  text-white">
+            <svg class="h-8 w-auto lg:h-7" style="padding: 0.3rem;" xmlns="http://www.w3.org/2000/svg" data-name="Layer 2" viewBox="0 0 10.82 10.94">
+              <path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="M1.41 7.98a5 5 0 0 0 .65.83 4.7 4.7 0 0 0 8-2.67M.75 4.8a4.68 4.68 0 0 1 1.32-2.67 4.73 4.73 0 0 1 6.68 0 4.56 4.56 0 0 1 .65.83" />
+              <path fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.4" d="M1.23 9.65V7.98H2.9M9.59 1.29v1.67H7.92" />
+            </svg>
+          </button>
+        </span>
         {% endif %}
       </div>
       <div class="pt-6">
         <div class="flex w-full relative">
           <span class="opacity-25">
             {% if include.pre_header %}
-              {{ include.pre_header }} -
+            {{ include.pre_header }} -
             {% endif %}
             {{ post.date | date: "%-d. %b %Y" }}
-            </span>
-            <div class="flex-shrink-0 right-0 absolute right-0">
-              <div class="flex ">
-                <span class="transform hover:scale-110 duration-150 ease-in-out" tooltip="{{ post.author | capitalize }}">
-                  <img class="inline-block h-6 w-6 rounded-full text-white shadow-solid border-2 border-transparent" src="{{ site.img_url }}profiles/{{ post.author | downcase }}.png" alt="{{ post.author | capitalize }}">
-                </span>
-              </div>
+          </span>
+          <div class="flex-shrink-0 right-0 absolute right-0">
+            <div class="flex ">
+              <span class="transform hover:scale-110 duration-150 ease-in-out" tooltip="{{ post.author | capitalize }}">
+                <img class="inline-block h-6 w-6 rounded-full text-white shadow-solid border-2 border-transparent" src="{{ site.img_url }}profiles/{{ post.author | downcase }}.png" alt="{{ post.author | capitalize }}">
+              </span>
             </div>
+          </div>
         </div>
         {% if post.progress_update == true %}
-          {% assign title_length = post.title | size %}
-          <p>{{ post.title | slice: 7, title_length }} - #{{ post.title | slice: 2, 2 }}</p>
+        {% assign title_length = post.title | size %}
+        <p>{{ post.title | slice: 7, title_length }} - #{{ post.title | slice: 2, 2 }}</p>
         {% else %}
-          <p>{{ post.title }}</p>
+        <p>{{ post.title }}</p>
         {% endif %}
       </div>
     </a>
   </div>
-</li>
+</li>

_publications/2021-09-08-portmaster-release-6-22.md

@@ -0,0 +1,43 @@
+---
+# possible values: blog video podcast
+category: blog
+layout:   blog
+title: "Portmaster 0.6.22 Available Now"
+date: 2021-09-08
+author: david
+custom_thumbnail_name: portmaster-0.6.22-available-now
+portmaster_plug: true
+portmaster_update: true
+---
+
+### Exploring Portmaster Just Got Easier
+
+Ever since the dawn of Portmaster people have reported confusion around the threat-model based approach of blocking and allowing connections. And they are absolutely right, some features of Portmaster are rather complicated and do not "click" immediately. But today, the learning curve just got smoother.
+
+#### Introducing Info-Popups
+
+Complex features of Portmaster now have small info-icons next to them, which you can open to learn more about what they do:
+
+![Portmaster UI focuses on a feature and explains it in detail with everything else blurred out](/assets/img/blog/tip-ups.png)
+
+We hope this makes your experience easier - feel free to re-explore Portmaster to learn everything it does to protect your privacy. Tell us what you think and suggest where we should add additional explainers. Which leads us to the next big change:
+
+### Contact Us Directly Within the Portmaster
+
+Starting today, you can easily contact us from within the Portmaster. Simply visit the "Get Help" page to report a bug, suggest a feature or report in/compatibility. You will also find helpful links to the extended Portmaster Docs, with the Settings Handbook, DNS Configuration Guides, VPN compatibility reports, etc...
+
+![the new Get Help page makes it easy to report bugs, suggest features and links to useful resources](/assets/img/blog/get-help-page.png)
+
+#### Report Issues via Email or GitHub - With or Without an Account - You Choose
+
+We know not everybody has a GitHub account, and some would prefer not to create an account just to report an issue. That is why you can report us privately without an account or via mail. As always, you chose what you are comfortable with.
+
+#### Local Search Shows Related Issues
+
+Maybe you are experiencing issues others have had problems with too. While typing out your title, the Portmaster will display all public related issues.
+
+![when reporting a bug, the portmaster searches through public issues locally and displays related issues](/assets/img/blog/local-search.png)
+
+Portmaster receives public GitHub issues from the Safing update server, which acts as a proxy. The update server regularly bundles all public issues and then distributes it to Portmaster clients together with intelligence data, such as the newest malware/trackers/etc filter lists. This way, Portmaster never pings GitHub servers while still being able to show related issues locally, which you then can open to read into the reports and discussions.
+
+For the curious, extended docs on how the update system works is planned - you can always [follow the next page]({{ site.next_page_url }}) to keep up to date with our work.