vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-02 02:59:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update portmaster

Browse source
This commit is contained in:
Luke 2021-12-13 09:06:20 +01:00
parent ecdcdb64ec
commit b30f11252d
1 changed files with 207 additions and 273 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

478
portmaster/index.html
View file

@ -6,304 +6,238 @@ redirect_from:
- /download/
---
<div class="notification w-full text-center text-white p-2" style="background-color: #6188ff;">
<div class="mx-auto flex">
<img src="{{ site.img_url }}icons/info.svg" class="ml-auto h-4 w-4 self-center mr-2">
<span class="w-auto text-sm mr-auto">Portmaster is Alpha Software - expect hickups here and there</span>
</div>
<div class="alert-primary rounded-none text-md">
<span>Portmaster is Alpha Software - expect hickups here and there</span>
</div>
<header class="h-full my-20 md:my-40">
<div class="flex items-center h-ful">
<div class="h-full mx-auto ">
<div class="text-center">
<h2 class="text-5xl sm:text-6xl tracking-tight font-extrabold leading-none py-10">
<header class="header-two-container">
<div class="header-two-top">
<h1 class="header-two-top-title">
Take Back Control of Your Computer
</h2>
<div class="self-center">
<p class="text-md opacity-55 max-w-lg mx-auto">
Portmaster is a free and open-source application that puts you back in charge over all your computer's network connections.
</p>
<div class="py-10 sm:py-10 block mx-auto">
<a href="#downloads">
<button type="button" style="background-color: #000;" class="mb-5 transform hover:scale-95 inline-flex items-center px-5 px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
download for free
</button>
</a>
</div>
</div>
</div>
<div class="pt-6">
<img src="{{ site.img_url }}page-specific/portmaster/full-interface.png" class="z-30 rounded-md mx-auto transform " style="box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.05);" alt="">
</div>
<span style="margin-top: -45rem; margin-left: -8rem; z-index: -1;" class="absolute transform scale-50 lg:scale-105 xl:scale-150 bg-cover opacity-75 hidden lg:block">
<img src="{{ site.img_url }}page-specific/portmaster/wave.png" alt="">
</span>
</div>
</h1>
<p class="header-two-top-desc">
Portmaster is a free and open-source application that puts
you back in charge over all your computer's network
connections.
</p>
<a class="btn-secondary" href="#downloads">Take back your freedom</a>
</div>
<div class="header-two-bottom">
<img src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
</div>
<div class="header-bg">
<svg viewBox="0 0 862.55555573 533">
<rect width="100%" height="100%" fill="transparent" />
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="45%" style="stop-color:rgb(255,255,255);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(203, 216, 255);stop-opacity:1" />
</linearGradient>
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:rgb(255,255,255);stop-opacity:1" />
<stop offset="30%" style="stop-color:rgb(166, 188, 252);stop-opacity:1" />
</linearGradient>
<g class="currentLayer">
<path fill="url(#grad1)" d="M-343.9671309 341.87524268l928.98694302 42.12820593c.01883766.20463406 61.2696979-105.77288342-213.41085192-190.63207383C96.92841038 108.51218436 51.68872214 129.12144353-5.83818882 99.75368848" color="#000" />
<path fill="url(#grad2)" d="M-204.43749658 535.31278382l.52971601-372.32431132c-.529716.43478124 321.632442 179.35134083 582.17297919 146.37836828C638.8057358 276.39386824 866.37330043 414.2317043 866.3624897 413.79928331c.01081073.43242099 4.335135 129.08106798 4.32432433 128.64864865" color="#000" />
</g>
</svg>
</div>
</header>
<section id="features" class="my-32 md:pt-32 md:mb-40 ">
<div id="network-all-network-activity" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col" style="max-width: 2000px;">
<div class=" mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:ml-4 inline-block max-w-lg lg:mr-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
Monitor All Network Activity
</h2>
<p class="text-md opacity-55 max-w-lg">
Discover everything that is happening on your computer. Expose every connection your applications make and detect evil ones. Finally get the power to act accordingly.
</p>
<section class="space-y-52 mt-40">
<div class="showcase-container">
<div class="showcase-left">
<h2 class="showcase-left-title">
Monitor All Network Activity
</h2>
<p class="showcase-left-desc">
Discover everything that is happening on your computer. Expose every
connection your applications make and detect evil ones. Finally get
the power to act accordingly.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<div class="showcase-right" style="max-width: 1050px;">
<img src="https://safing.io/assets/img/page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left">
<h2 class="showcase-left-title">
Block Trackers System-Wide
</h2>
<p class="showcase-left-desc">
Protect your whole computer, not just your browser. Block all
advertisements and trackers for every application. Easily add
your own rules and block individual domains.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<div class="lg:-mr-20 ml-auto row-start-1 self-end md:self-start ">
<img class="" src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/manually-allow-ord-block-connections.png" alt="">
</div>
</div>
<div id="manually-allow-or-block-connections" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
<div class="row-start-2 lg:row-start-1 lg:col-start-2 mx-auto lg:ml-0 lg:mr-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:mr-4 inline-block max-w-lg lg:ml-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
Manually Allow or Block Connections
</h2>
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
Add your own rules to block specific domains you dislike. Enable Prompt Mode and decide the fate of every new connection. Block or Allow.
</p>
<div class="showcase-container">
<div class="showcase-left">
<h2 class="showcase-left-title">
Block Trackers System-Wide
</h2>
<p class="showcase-left-desc">
Protect your whole computer, not just your browser. Block all
advertisements and trackers for every application. Easily add
your own rules and block individual domains.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<div class="showcase-right" style="max-width: 850px;">
<img src="https://safing.io/assets/img/page-specific/portmaster/block-trackers-system-wide.png" alt="">
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left">
<h2 class="showcase-left-title">
Block Trackers System-Wide
</h2>
<p class="showcase-left-desc">
Protect your whole computer, not just your browser. Block all
advertisements and trackers for every application. Easily add
your own rules and block individual domains.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
<img class="" src="{{ site.img_url }}page-specific/portmaster/manually-allow-ord-block-connections.png" alt="">
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/enforce-dns-over-tls.png" alt="">
</div>
</div>
<div id="auto-block-via-selected-filter-lists" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-12" style="max-width: 1700px;">
<div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:ml-4 inline-block max-w-lg lg:mr-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 403px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
Auto-Block via Selected Filter Lists
<div class="showcase-container ">
<div class="showcase-left">
<h2 class="showcase-left-title">
Set Global & per‑App Settings
</h2>
<p class="text-md opacity-55 max-w-lg">
Block ads, trackers, malware and NSFW sites via trusted domain-lists, which are also used by Ad-Blockers, etc. Easily change the defaults to fit your needs.
<p class="showcase-left-desc">
Make your own rules. Completely cut off applications from the
Internet. Or block all p2p connections except for certain apps.
Or never connect to specific countries. The Portmaster has you
covered.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/explore-the-docs-and-source-code.png" alt="">
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left">
<h2 class="showcase-left-title">
Block Trackers System-Wide
</h2>
<p class="showcase-left-desc">
Protect your whole computer, not just your browser. Block all
advertisements and trackers for every application. Easily add
your own rules and block individual domains.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<div class="showcase-right" style="max-width: 850px;">
<img src="{{ site.img_url }}page-specific/portmaster/configure-settings-for-different-networks.png" alt="">
</div>
</div>
<div class="showcase-container ">
<div class="showcase-left">
<h2 class="showcase-left-title">
Set Global & per‑App Settings
</h2>
<p class="showcase-left-desc">
Make your own rules. Completely cut off applications from the
Internet. Or block all p2p connections except for certain apps.
Or never connect to specific countries. The Portmaster has you
covered.
</p>
<a class="btn-secondary" href="#">Discover the portmaster</a>
</div>
<!-- <div class="py-10 sm:py-10 text-center sm:flex">
<a href="{{ site.docs_url }}">
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
Checkout our Docs
</button>
<div class="showcase-right" style="max-width: 850px;">
<img src="https://safing.io/assets/img/page-specific/portmaster/Set-global-and-per-app-configureation.png" alt="">
</div>
</div>
<div class="download-container">
<h2 class="download-container-title">
Download
</h2>
<div class="alert-primary max-w-3xl mx-auto">
<i class="icon-twitter text-xs"></i>
<span>Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.</span>
</div>
<div class="download-container-buttons">
<a class="btn-secondary" href="{{ site.download_windows_url }}">
<svg class="h-4 w-4 mr-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88">
<path fill="#fff" d="m0 12.402 35.687-4.8602.0156 34.423-35.67.20313zm35.67 33.529.0277 34.453-35.67-4.9041-.002-29.78zm4.3261-39.025 47.318-6.906v41.527l-47.318.37565zm47.329 39.349-.0111 41.34-47.318-6.6784-.0663-34.739z" />
</svg>
Windows 10 + 11
</a>
</div> -->
</div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
<img class="" src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
</div>
</div>
<div id="enforce-dns-over-tls" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-20" style="max-width: 1700px;">
<div class="row-start-2 lg:row-start-1 lg:col-start-2 mx-auto lg:ml-0 lg:mr-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:mr-4 inline-block max-w-lg lg:ml-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 384px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
Enforce DNS-over-TLS
</h2>
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
Even with invasive connections gone, you do not want to share your dns requests out in the open. With the Portmaster, you can easily re-route all your dns queries to a DNS-over-TLS provider of your choice.
</p>
</div>
</div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
<img class="" src="{{ site.img_url }}page-specific/portmaster/enforce-dns-over-tls.png" alt="">
</div>
</div>
<div id="explore-the-docs-and-source-code" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
<div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:ml-4 inline-block max-w-lg lg:mr-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
Explore the Docs and Source Code
</h2>
<p class="text-md opacity-55 max-w-lg">
In the age of Mass Surveillance, what good is a service when you cannot see what it is really doing? We believe in open source. We also document everything as good as we can.
</p>
</div>
<div class="py-10 sm:py-10 text-center sm:flex">
<a href="{{ site.docs_url }}">
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
Check out the Docs
</button>
<a class="btn-secondary" href="{{ site.download_linux_deb_url }}">
<svg class="h-5 w-5 mr-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100">
<circle fill="#fff" cy="50" cx="50" r="45" />
<circle fill="none" stroke="#000" stroke-width="8.55" cx="50" cy="50" r="21.825" />
<g id="friend">
<circle fill="#fff" cx="19.4" cy="50" r="8.4376" />
<path stroke="#fff" stroke-width="3.2378" d="M67,50H77" />
<circle fill="#000" cx="19.4" cy="50" r="6.00745" />
</g>
<use xlink:href="#friend" transform="rotate(120,50,50)" />
<use xlink:href="#friend" transform="rotate(240,50,50)" />
</svg>
Ubuntu
</a>
<br>
<a href="{{ site.github_url }}/portmaster" class="sm:pl-8 transition duration-150 ease-in-out hover:opacity-100 self-center uppercase opacity-55 text-xs font-bold">
Inspect Source Code
<a class="btn-secondary" href="{{ site.download_linux_rpm_url }}">
<svg class="h-5 w-5 mr-3" viewBox="0 0 204.7 200.9" xmlns="http://www.w3.org/2000/svg">
<path d="m102.7 1.987c-55.41 0-100.3 44.21-100.4 98.79h-0.01773v76.47h0.01773c0.02659 12.38 10.22 22.4 22.8 22.4h77.58c55.42-0.0349 100.3-44.24 100.3-98.79 8e-5 -54.58-44.91-98.79-100.4-98.79zm20.39 40.68c16.85 0 32.76 12.7 32.76 30.23 0 1.625 0.01 3.252-0.26 5.095-0.4668 4.662-4.794 8.012-9.505 7.355-4.711-0.6649-7.909-5.07-7.037-9.679 0.0799-0.526 0.1083-1.352 0.1083-2.772 0-9.938-8.257-13.77-16.06-13.77-7.805 0-14.84 6.462-14.85 13.77 0.1349 8.455 0 16.84 0 25.29l14.49-0.1067c11.31-0.2306 11.44 16.54 0.1305 16.46l-14.61 0.1067c-0.0354 6.801 0.0532 5.571 0.0178 8.996 0 0 0.1225 8.318-0.1296 14.62-1.749 18.52-17.76 33.32-37 33.32-20.4 0-37.2-16.41-37.2-36.54 0.6124-20.7 17.38-36.99 38.5-36.8l11.78-0.08737v16.43l-11.78 0.1066h-0.06216c-11.6 0.3382-21.55 8.1-21.74 20.34 0 11.15 9.148 20.08 20.5 20.08 11.34 0 20.42-8.124 20.42-20.06l-0.01772-62.23c0.0058-1.155 0.04435-2.073 0.1731-3.347 1.914-15.22 15.74-26.82 31.39-26.82z" style="fill:#fff;stroke-width:.982"/>
</svg>
Fedora
</a>
<a disabled class="btn" href="#">
<i class="icon-twitter text-xs mr-2"></i>
Macos (Not supported)
</a>
</div>
</div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
<img class="" src="{{ site.img_url }}page-specific/portmaster/explore-the-docs-and-source-code.png" alt="">
</div>
<p class="download-container-extra">
View guide and status for <a class="link-primary" href="https://docs.safing.io/portmaster/install/windows">Windows 7, 8</a> or <a class="link-primary" href="https://docs.safing.io/portmaster/install/linux">other Linux 2.4+ distributions</a>
</p>
</div>
<div id="configure-settings-for-different-networks" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
<div class="row-start-2 lg:row-start-1 lg:col-start-2 mx-auto lg:ml-0 lg:mr-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:mr-4 inline-block max-w-lg lg:ml-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
Configure Settings for Different Networks
</h2>
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
The Wi-Fi in your local coffee shop is riskier than yours at home. Set up your settings for different networks and then simply press a button when changing location. All settings will adjust immediately.
<div class="faq-container">
<div class="faq-container-top">
<span class="faq-container-top-title">
FAQ
</span>
<p class="faq-container-top-desc">
You have a question? We answered some already, but you
can always contact us at <a class="link-primary" href="">hello@safing.io</a>
</p>
</div>
</div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
<img class="" src="{{ site.img_url }}page-specific/portmaster/configure-settings-for-different-networks.png" alt="">
</div>
</div>
<div id="set-global-and-app-settings" class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-20" style="max-width: 1700px;">
<div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
<div class="md:ml-4 inline-block max-w-lg lg:mr-32">
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Alpha Software: Portmaster is in active development
</div>
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
Set Global &amp; per&#8209;App Settings
</h2>
<p class="text-md opacity-55 max-w-lg">
Make your own rules. Completely cut off applications from the Internet. Or block all p2p connections except for certain apps. Or never connect to specific countries. The Portmaster has you covered.
</p>
</div>
</div>
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
<img class="" src="{{ site.img_url }}page-specific/portmaster/Set-global-and-per-app-configureation.png" alt="">
</div>
</div>
</section>
<section class="mt-16 lg:mt-48">
<div class="items-center h-full">
<div class="">
<div class="max-w-full mx-auto px-4 sm:px-6">
<div class="py-12 bg-white">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Download
</h2>
<div class="mx-auto p-5 pl-5 rounded-md text-white flex break-words" style="font-size: .85rem; background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.
</div>
</div>
<div class="py-10">
<div class="pb-6 pt-2 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
<a href="{{ site.download_windows_url }}" class="flex items-center">
<button type="button" style="background-color: #000;" class="mx-auto transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
<svg class="h-4 w-4 mr-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88 88">
<path fill="#fff" d="m0 12.402 35.687-4.8602.0156 34.423-35.67.20313zm35.67 33.529.0277 34.453-35.67-4.9041-.002-29.78zm4.3261-39.025 47.318-6.906v41.527l-47.318.37565zm47.329 39.349-.0111 41.34-47.318-6.6784-.0663-34.739z" />
</svg>
Windows 10 + 11
</button>
</a>
<a href="{{ site.download_linux_deb_url }}" class="flex items-center">
<button type="button" style="background-color: #000;" class="mx-auto lg:ml-3 lg:mr-3 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
<svg class="h-5 w-5 mr-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100">
<circle fill="#fff" cy="50" cx="50" r="45" />
<circle fill="none" stroke="#000" stroke-width="8.55" cx="50" cy="50" r="21.825" />
<g id="friend">
<circle fill="#fff" cx="19.4" cy="50" r="8.4376" />
<path stroke="#fff" stroke-width="3.2378" d="M67,50H77" />
<circle fill="#000" cx="19.4" cy="50" r="6.00745" />
</g>
<use xlink:href="#friend" transform="rotate(120,50,50)" />
<use xlink:href="#friend" transform="rotate(240,50,50)" />
</svg>
Ubuntu
</button>
</a>
<a href="{{ site.download_linux_rpm_url }}" class="flex items-center">
<button type="button" style="background-color: #000;" class="mx-auto lg:ml-3 lg:mr-3 transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
<svg class="h-5 w-5 mr-3" viewBox="0 0 204.7 200.9" xmlns="http://www.w3.org/2000/svg">
<path d="m102.7 1.987c-55.41 0-100.3 44.21-100.4 98.79h-0.01773v76.47h0.01773c0.02659 12.38 10.22 22.4 22.8 22.4h77.58c55.42-0.0349 100.3-44.24 100.3-98.79 8e-5 -54.58-44.91-98.79-100.4-98.79zm20.39 40.68c16.85 0 32.76 12.7 32.76 30.23 0 1.625 0.01 3.252-0.26 5.095-0.4668 4.662-4.794 8.012-9.505 7.355-4.711-0.6649-7.909-5.07-7.037-9.679 0.0799-0.526 0.1083-1.352 0.1083-2.772 0-9.938-8.257-13.77-16.06-13.77-7.805 0-14.84 6.462-14.85 13.77 0.1349 8.455 0 16.84 0 25.29l14.49-0.1067c11.31-0.2306 11.44 16.54 0.1305 16.46l-14.61 0.1067c-0.0354 6.801 0.0532 5.571 0.0178 8.996 0 0 0.1225 8.318-0.1296 14.62-1.749 18.52-17.76 33.32-37 33.32-20.4 0-37.2-16.41-37.2-36.54 0.6124-20.7 17.38-36.99 38.5-36.8l11.78-0.08737v16.43l-11.78 0.1066h-0.06216c-11.6 0.3382-21.55 8.1-21.74 20.34 0 11.15 9.148 20.08 20.5 20.08 11.34 0 20.42-8.124 20.42-20.06l-0.01772-62.23c0.0058-1.155 0.04435-2.073 0.1731-3.347 1.914-15.22 15.74-26.82 31.39-26.82z" style="fill:#fff;stroke-width:.982"/>
</svg>
Fedora
</button>
</a>
<a class="not-allowed flex items-center">
<button type="button" style="background-color: #000;" class="mx-auto not-allowed opacity-55 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
<svg class="h-5 w-5 mr-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1187.198">
<path fill="#fff" d="M979.04184 925.18785c-17.95397 41.47737-39.20563 79.65705-63.82824 114.75895-33.56298 47.8528-61.04356 80.9761-82.22194 99.3698-32.83013 30.192-68.00529 45.6544-105.67203 46.5338-27.04089 0-59.6512-7.6946-97.61105-23.3035-38.08442-15.5358-73.08371-23.2303-105.08578-23.2303-33.56296 0-69.55888 7.6945-108.06101 23.2303-38.5608 15.6089-69.62484 23.7432-93.37541 24.5493-36.12049 1.5389-72.1237-14.3632-108.06101-47.7796-22.93711-20.0059-51.62684-54.3017-85.99592-102.8874-36.875274-51.88328-67.191862-112.04745-90.942422-180.639C12.750995 781.70252 0 709.95986 0 640.50361c0-79.5618 17.191859-148.18267 51.626869-205.68673 27.062885-46.18935 63.066121-82.62496 108.126941-109.37275 45.06086-26.74775 93.74914-40.37812 146.18212-41.25019 28.68971 0 66.3125 8.8744 113.06613 26.31542 46.62174 17.49964 76.55727 26.37404 89.68198 26.37404 9.8124 0 43.06758-10.37669 99.4431-31.06405 53.31237-19.18512 98.30724-27.12887 135.16787-23.99975 99.8828 8.06098 174.92313 47.43518 224.82789 118.37174-89.33023 54.12578-133.51903 129.93556-132.63966 227.18753.8061 75.75115 28.28668 138.78795 82.2952 188.8393 24.47603 23.23022 51.81008 41.18421 82.22186 53.93522-6.59525 19.12648-13.557 37.44688-20.95846 55.03446zM749.96366 23.751237c0 59.37343-21.69138 114.810233-64.92748 166.121963-52.17652 60.99961-115.28658 96.24803-183.72426 90.68597-.87204-7.12298-1.37769-14.61967-1.37769-22.49743 0-56.99843 24.81315-117.99801 68.87738-167.873453 21.99909-25.25281 49.978-46.25018 83.90738-63.00018 33.85608-16.50008 65.88014-25.6249796 95.99884-27.18757966.87944 7.93730006 1.24583 15.87509966 1.24583 23.74993966z" />
</svg>
MacOS (not supported)
</button>
</a>
</div>
<p style="color: #727272;" class="pt-6 max-w-lg mx-auto text-center font-medium text-sm">
View guide and status for <a class="link" href="{{ site.docs_install_windows_url }}">Windows 7, 8</a> or <a class="link" href="{{ site.docs_install_linux_url }}">other Linux 2.4+ distributions</a>
</p>
</div>
<div class="faq-container-bottom">
{% for faq in site.data.faq.portmaster %}
<div class="faq-container-bottom-question">
<h1 class="faq-container-bottom-question-title">
{{ faq.q }}
</h1>
<p class="faq-container-bottom-question-desc">
{{ faq.a }}
</p>
<div class="faq-container-bottom-question-desc-extra">
{% if faq.link %}
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mb-16 lg:pb-32" id="faq">
<div class="bg-white">
<div class="max-w-screen-xl mx-auto pt-12 pb-16 sm:pt-16 sm:pb-20 px-4 sm:px-6 lg:pt-20 lg:pb-28 lg:px-8">
<div class="text-center pb-12">
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
FAQ
</h2>
<p class="text-md opacity-55">
You have a question? We answered some already, but you can always contact us at <a href="mailto:hello@safing.io">hello@safing.io</a>
{% endfor %}
<div class="faq-container-bottom-question">
<h1 class="faq-container-bottom-question-title">
Where can I find your source code?
</h1>
<p class="faq-container-bottom-question-desc">
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
got audited by Cure53, can also be found online.
</p>
</div>
<div class="mt-6 pt-10 text-center md:text-left">
<dl class="md:grid md:grid-cols-2 md:gap-8">
{% for faq in site.data.faq.portmaster %}
<div>
<h1 class="text-xl pb-4">
{{ faq.q }}
</h1>
<dd class="mt-2">
<p class="text-md opacity-55">
{{ faq.a }}
</p>
</dd>
{% if faq.link %}
<p class="text-md pt-4" style="color: #727272;">
<a class="link" href="{{ faq.link.url }}">
{{ faq.link.text }}
</a>
</p>
{% endif %}
</div>
{% endfor %}
<div>
<h1 class="text-xl pb-4">Where can I find your source code?</h1>
<dd class="mt-2">
<p class="text-md" style="color: #727272;">
You can find our code on <a href="{{ site.github_url }}" class="link">Github</a>. <a href="{{ site.github_url }}/portmaster/" class="link">The Portmaster</a>, the <a href="{{ site.github_url }}/portmaster-ui/" class="link">Portmaster UI</a>, the <a href="{{ site.github_url }}/spn/" class="link">SPN</a>, the <a href="{{ site.github_url }}/docs/" class="link">docs</a> and <a href="{{ site.github_url }}/web/" class="link">this website</a> have their respective repositories. <a href="{{ site.github_url }}/jess/" class="link">Jess</a>, the heart of the SPN, which got <a href="https://cure53.de/pentest-report_safing-jess.pdf">audited by Cure53</a>, can also be found online.
</p>
</dd>
</div>
</dl>
</div>
</div>
</div>
</section>