mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
Merge pull request #210 from safing/feature/update-web-pages
Update Pages
This commit is contained in:
David
GitHub
commit
77371b2a4b
4 changed files with 98 additions and 46 deletions
|
|
@ -1,23 +1,37 @@
|
|||
<header class="header-one-container mb-64">
|
||||
<div class="header-one-left">
|
||||
<span style="margin-top: -8rem; margin-left: 14rem; z-index: -1;" class="absolute">
|
||||
<img src="{{ site.img_url }}shapes/circle-md-2.png" alt="">
|
||||
</span>
|
||||
<h1 class="header-one-left-title">
|
||||
<span class="text-safing-blue-500">Fight surveillance</span>
|
||||
because you
|
||||
<span class="text-safing-blue-500">love Freedom</span>.
|
||||
<div class="alert-primary rounded-none text-md">
|
||||
<i class="icon-info"></i>
|
||||
<span>Portmaster is Alpha Software - expect hiccups here and there</span>
|
||||
</div>
|
||||
<header class="header-two-container mb-64">
|
||||
<div class="header-two-top">
|
||||
<h1 class="header-two-top-title" style="max-width: 700px;">
|
||||
Get Peace of Mind with<br/>
|
||||
<span class="text-safing-blue-600">Easy Privacy</span>
|
||||
</h1>
|
||||
<p class="header-one-left-desc">
|
||||
Without privacy there is no freedom of press, no freedom of speech,
|
||||
not even freedom of thought.
|
||||
<p class="header-two-top-desc">
|
||||
Portmaster is a free and open-source application firewall that does the heavy lifting for you.
|
||||
Restore privacy and take back control over all your computer's network activity.
|
||||
</p>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}">Take back your freedom</a>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}">Download for free</a>
|
||||
</div>
|
||||
<div class="header-one-right">
|
||||
<img class="max-w-2xl" src="{{ site.img_url }}freedom.gif" alt="">
|
||||
<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>
|
||||
<span style="z-index: -1;" class="-bottom-12 left-0 absolute hidden xl:block">
|
||||
<img src="{{ site.img_url }}shapes/corner-bl.png" alt="">
|
||||
</span>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<input class="nav-toggle-burger" id="nav-toggle-visable" type="checkbox">
|
||||
<div class="nav-right">
|
||||
<div class="nav-right-links">
|
||||
<a href="{{ site.portmaster_url }}" class="nav-link"> Portmaster </a>
|
||||
<a href="{{ site.portmaster_url }}" class="nav-link"> Download </a>
|
||||
<a href="{{ site.spn_url }}" class="nav-link"> SPN </a>
|
||||
<a href="{{ site.docs_url }}" class="nav-link"> Docs </a>
|
||||
<a href="{{ site.github_url }}/portmaster/" class="nav-link"> Source Code </a>
|
||||
|
|
|
|||
28
index.html
28
index.html
|
|
@ -23,7 +23,7 @@ title: Safing - Love Freedom
|
|||
connection your applications make and detect evil ones. Finally get
|
||||
the power to act accordingly.
|
||||
</p>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}#features">Discover More features</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showcase-one-container">
|
||||
|
|
@ -35,15 +35,15 @@ title: Safing - Love Freedom
|
|||
<i class="icon-info text-md"></i>
|
||||
<span>Alpha Software: Portmaster is in active development</span>
|
||||
</div>
|
||||
<h2 class="showcase-one-right-title" style="max-width: 350px;">
|
||||
Block Trackers System-Wide
|
||||
<h2 class="showcase-one-right-title" style="max-width: 450px;">
|
||||
Auto-Block Trackers System-Wide
|
||||
</h2>
|
||||
<p class="showcase-one-right-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="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}#features">Discover More features</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showcase-one-container-reverse">
|
||||
|
|
@ -64,9 +64,27 @@ title: Safing - Love Freedom
|
|||
Or never connect to specific countries. The Portmaster has you
|
||||
covered.
|
||||
</p>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}">Discover the portmaster</a>
|
||||
<a class="btn-secondary" href="{{ site.portmaster_url }}#features">Discover More features</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="download-container" id="download">
|
||||
<h2 class="download-container-title" id="downloads">
|
||||
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="col-container-center w-full md:w-max text-center md:text-left">
|
||||
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
||||
<a class="btn-secondary" href="{{ site.docs_install_linux_url }}#installers"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
||||
<a class="btn-secondary" href="{{ site.docs_install_linux_url }}#installers"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
|
||||
<a disabled class="btn"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
|
||||
</div>
|
||||
<p class="download-container-extra">
|
||||
View guide and status for <a class="link-primary" href="{{ site.docs_install_windows_url }}">Windows 7, 8</a> or <a class="link-primary" href="{{ site.docs_install_linux_url }}">other Linux 2.4+ distributions</a>. View installer <a class="link-primary" href="{{ site.github_url }}/checksums/">checksums</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div class="blogpod-container">
|
||||
<div class="blogpod-container-top">
|
||||
<span class="blogpod-container-top-bg-title">Follow Us</span>
|
||||
|
|
|
|||
|
|
@ -20,11 +20,19 @@ redirect_from:
|
|||
you back in charge over all your computer's network
|
||||
connections.
|
||||
</p>
|
||||
<a class="btn-secondary" href="#download">Download for free</a>
|
||||
</div>
|
||||
<div class="header-two-bottom">
|
||||
<img src="{{ site.img_url }}page-specific/portmaster/full-interface.png" alt="">
|
||||
<div class="download-container" id="download">
|
||||
<div class="col-container-center w-full md:w-max text-center md:text-left">
|
||||
<a class="btn-secondary" href="{{ site.download_windows_url }}"><i class="icon-windows text-md mr-2"></i>Windows 10 + 11</a>
|
||||
<a class="btn-secondary" href="{{ site.docs_install_linux_url }}#installers"><i class="icon-ubuntu text-md mr-2"></i>Ubuntu</a>
|
||||
<a class="btn-secondary" href="{{ site.docs_install_linux_url }}#installers"><i class="icon-fedora text-md mr-2"></i>Fedora</a>
|
||||
<a disabled class="btn"><i class="icon-mac text-md mr-2"></i>Macos (Not supported)</a>
|
||||
</div>
|
||||
<p class="download-container-extra">
|
||||
View guide and status for <a class="link-primary" href="{{ site.docs_install_windows_url }}">Windows 7, 8</a> or <a class="link-primary" href="{{ site.docs_install_linux_url }}">other Linux 2.4+ distributions</a>. View installer <a class="link-primary" href="{{ site.github_url }}/checksums/">checksums</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-two-bottom"></div>
|
||||
<div class="header-bg">
|
||||
<svg viewBox="0 0 862.55555573 533">
|
||||
<rect width="100%" height="100%" fill="transparent" />
|
||||
|
|
@ -43,25 +51,37 @@ redirect_from:
|
|||
</svg>
|
||||
</div>
|
||||
</header>
|
||||
<section class="general-layout">
|
||||
<div class="showcase-one-container-reverse">
|
||||
<div class="showcase-one-left" style="max-width: 1050px;">
|
||||
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
|
||||
</div>
|
||||
<div class="showcase-one-right">
|
||||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
||||
<i class="icon-info text-md"></i>
|
||||
<span>Alpha Software: Portmaster is in active development</span>
|
||||
</div>
|
||||
<h2 class="showcase-one-right-title" style="max-width: 350px;">
|
||||
Monitor All Network Activity
|
||||
</h2>
|
||||
<p class="showcase-one-right-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>
|
||||
<section class="general-layout" >
|
||||
<div class="space-y-28">
|
||||
<div class="download-container" id="features">
|
||||
<h2 class="download-container-title">
|
||||
Explore All Portmaster Features
|
||||
</h2>
|
||||
<div class="space-y-8 max-w-3xl mx-auto">
|
||||
<p class="download-container-extra">
|
||||
With Portmaster's great defaults your privacy improves without any effort. And if you want to configure and control everything down to the last detail - Portmaster has you covered too!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showcase-one-container-reverse">
|
||||
<div class="showcase-one-left" style="max-width: 1050px;">
|
||||
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
|
||||
</div>
|
||||
<div class="showcase-one-right">
|
||||
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
|
||||
<i class="icon-info text-md"></i>
|
||||
<span>Alpha Software: Portmaster is in active development</span>
|
||||
</div>
|
||||
<h2 class="showcase-one-right-title" style="max-width: 350px;">
|
||||
Monitor All Network Activity
|
||||
</h2>
|
||||
<p class="showcase-one-right-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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="showcase-one-container">
|
||||
<div class="showcase-one-left" style="max-width: 850px;">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue