From d7dec42a735f7907b9bffd8d177eab2429228dc1 Mon Sep 17 00:00:00 2001
From: Luke Seers <16389426+LukeSeers@users.noreply.github.com>
Date: Wed, 12 Oct 2022 13:03:48 +0200
Subject: [PATCH] Remove includes header
---
_includes/header.html | 37 -------------------------------
index.html | 51 +++++++++++++++++++++++++++++++++++++++++--
2 files changed, 49 insertions(+), 39 deletions(-)
delete mode 100644 _includes/header.html
diff --git a/_includes/header.html b/_includes/header.html
deleted file mode 100644
index 8ee3ded..0000000
--- a/_includes/header.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<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-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 }}">Download for free</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>
diff --git a/index.html b/index.html
index 81cb3f4..97e2b17 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,55 @@ layout: page
title: Safing - Love Freedom
---
-{% include header.html %}
-
+<header class="header-two-container mt-20">
+ <div class="header-two-top">
+ <h1 class="header-two-top-title" style="max-width: 700px;">
+ Get Peace of Mind with<br>
+ Easy Privacy
+ </h1>
+ <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>
+ <div class="flex space-x-8 items-center justify-center">
+ <div class="space-x-8 items-center flex">
+ <a href="{{ site.seen_itsfoss_url }}" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}/external/itsfoss.png"></a>
+ <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 class="hidden lg:block">
+ {% include download_button.html unique_id="1" %}
+ </div>
+ <div class="space-x-8 items-center flex">
+ <a href="{{ site.seen_techlore_url }}" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}/external/techlore.png"></a>
+ <a href="{{ site.seen_privacytools_url }}" class="hover-scale-in cursor-pointer hover-grayscale-in"><img src="{{ site.img_url }}/external/privacytools.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>
+ <img src="{{ site.img_shields_io_release_url }}" style="filter: invert(1); width: 80px; height: 38px; margin-left: -8px;">
+ </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;">
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="header-two-bottom" style="margin-top: 2rem; position: relative;">
+ <div class="element-x-center max-w-max mx-auto">
+ <video loop autoplay width="auto" height="auto">
+ <source src="{{ site.assets_url }}/video/page-specific/landing/video.webm" type="video/webm">
+ </video>
+ </div>
+ </div>
+ <div class="header-bg">
+ <div class="wave-contrainer" style="z-index: -1; bottom: unset; top: 440px; opacity: .45;">
+ <div class="wave-background" style="background-image: url({{ site.img_url }}page-specific/landing/wave2.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: 1050px;">