safing-web/index.html

144 lines
7.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
layout: page
title: Portmaster - Application Firewall by Safing
redirect_from:
- /portmaster/
- /technology/
---
<header class="header-two-container mt-20">
<div class="header-two-top">
<h1 class="header-two-top-title" style="max-width: 900px;">
Resist Network Surveillance
</h1>
<p class="header-two-top-desc" style="max-width: 750px;">
Portmaster is a free and open-source application firewall. Monitor every network connection on your computer and set per-application rules for what to block.
</p>
<div class="flex space-x-8 items-center justify-center">
<div class="space-x-8 items-center flex">
<a href="https://www.heise.de/tests/Datenschutz-Firewall-Portmaster-im-Test-9611687.html" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}external/heise_online.svg" style="height: 40px;"></a>
<a href="{{ site.seen_techlore_url }}" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}external/techlore.png"></a>
</div>
<div class="hidden lg:block">
{% include download_button.html unique_id="1" %}
</div>
<a href="{{ site.seen_itsfoss_url }}" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}external/itsfoss.png"></a>
<div class="space-x-8 items-center flex">
<a href="{{ site.seen_ghacks_url }}" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}external/ghacks.png"></a>
</div>
</div>
<div class="flex space-x-2 max-w-max mx-auto" style="margin-top: 10px;">
<div class="flex items-center" style="margin-left: -19px;">
<div class="flex items-center">
<span class="block">Version:</span>
<span style="color:white; margin-left: 8px; margin-right: 8px">{{ site.portmaster_version }} </span>
</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: 70px; height: 38px; margin-left: -8px;">
</div>
</div>
</div>
</div>
<div class="header-two-bottom" style="margin-top: 2rem; position: relative;">
<div class="flex items-center justify-center space-x-4 mb-6">
<svg class="h-12 w-auto" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
<g data-name="Main" fill-rule="evenodd">
<path fill="#fff" d="M176.11 36.73l-5-8.61a41.53 41.53 0 00-14.73 57.22l8.55-5.12a31.58 31.58 0 0111.19-43.49z" transform="translate(-127.99 .01)" style="isolation:isolate" opacity=".8"></path>
<path fill="#fff" d="M222.36 72.63a31.55 31.55 0 01-45 19.35l-4.62 8.84a41.54 41.54 0 0059.17-25.46z" transform="translate(-127.99 .01)" style="isolation:isolate" opacity=".8"></path>
<path fill="#fff" d="M197 83a19.66 19.66 0 01-19.25-32.57l-4.5-4.27A25.87 25.87 0 00198.59 89z" transform="translate(-127.99 .01)" style="isolation:isolate" opacity=".6"></path>
<path fill="#fff" d="M192 112.64A48.64 48.64 0 11240.64 64 48.64 48.64 0 01192 112.64zM256 64a64 64 0 10-64 64 64 64 0 0064-64z" transform="translate(-127.99 .01)"></path>
</g>
</svg>
<span style="font-size: 2.25rem; font-weight: 700; color: white; letter-spacing: -0.02em;">Portmaster</span>
</div>
<div class="element-x-center max-w-max mx-auto">
<video muted loop autoplay width="auto" height="auto" poster="{{ site.assets_url }}img/page-specific/landing/portmaster-thumbnail.png">
<source src="{{ site.assets_server_url }}video/landing_page/portmaster_tour.webm" type="video/webm" style="object-fit: cover; border-radius: 12px;">
</video>
</div>
</div>
<div class="header-bg">
<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>
</div>
</header>
<section class="general-layout">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1150px;">
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Monitor All Network Activity
</h2>
<p class="showcase-one-right-desc">
See every network connection your applications make in real time. Identify unexpected or unwanted connections and block them individually or by rule.
</p>
<a class="btn-secondary" href="{{ site.features_url }}">Discover More features</a>
</div>
</div>
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
</div>
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Block Trackers System-Wide
</h2>
<p class="showcase-one-right-desc">
Block ads and trackers at the DNS level across all applications, not just your browser. Add custom rules or block specific domains as needed.
</p>
<a class="btn-secondary" href="{{ site.features_url }}">Discover More features</a>
</div>
</div>
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 950px;">
<img src="{{ site.img_url }}page-specific/portmaster/set-global-and-per-app-configuration.png" alt="">
</div>
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Set Global & perApp Settings
</h2>
<p class="showcase-one-right-desc">
Make your own rules. Completely cut off applications from the internet, block specific connection types, or restrict connections to certain countries per app or globally.
</p>
<a class="btn-secondary" href="{{ site.features_url }}">Discover More features</a>
</div>
</div>
{% include download_container.html %}
<div class="blogpod-container">
<div class="blogpod-container-top">
<span class="blogpod-container-top-bg-title" style="margin-top: -6rem; opacity: 0.11;">Follow Us</span>
<h2 class="blogpod-container-top-title">
Blog, Podcast &amp; Videos
</h2>
<div class="col-container-center pt-5 md:pt-0 w-full md:w-max text-center md:text-left">
<a class="btn-secondary" href="{{ site.blog_url }}">Blogs</a>
<a class="btn-secondary" href="{{ site.podcast_url }}">Podcast</a>
<a class="btn-secondary" href="{{ site.video_url }}">Videos</a>
</div>
</div>
<div class="blogpod-container-bottom">
{% assign all_publications = site.publications | where_exp:"item",
"item.hide_from_features != true" | sort: "date" | reverse %}
{% for publication in all_publications limit: 6 %}
{% if publication.category == "blog" %}
{% assign post = publication %}
{% include thumbnail_blog.html pre_header="BLOG" %}
{% elsif publication.category == "video" %}
{% assign video = publication %}
{% include thumbnail_video.html pre_header="VIDEO" %}
{% elsif publication.category == "podcast" %}
{% assign episode = publication %}
{% include thumbnail_podcast.html pre_header="PODCAST" %}
{% endif %}
{% endfor %}
</div>
</div>
</section>