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

Remove includes header

Browse source
This commit is contained in:
Luke Seers 2022-10-12 13:03:48 +02:00
parent 12554a6dc7
commit d7dec42a73
2 changed files with 49 additions and 39 deletions

37
_includes/header.html
View file

@ -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>

51
index.html
View file

@ -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;">