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

Update header

Browse source
This commit is contained in:
Luke 2022-07-20 14:07:36 +02:00
parent 6f775bfb8f
commit 38ba36c945
1 changed files with 32 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
_includes/header.html
View file

@ -1,23 +1,37 @@
<header class="header-one-container mb-64"> <div class="alert-primary rounded-none text-md">
<div class="header-one-left"> <i class="icon-info"></i>
<span style="margin-top: -8rem; margin-left: 14rem; z-index: -1;" class="absolute"> <span>Portmaster is Alpha Software - expect hiccups here and there</span>
<img src="{{ site.img_url }}shapes/circle-md-2.png" alt=""> </div>
</span> <header class="header-two-container mb-64">
<h1 class="header-one-left-title"> <div class="header-two-top">
<span class="text-safing-blue-500">Fight surveillance</span> <h1 class="header-two-top-title" style="max-width: 600px;">
because you Control Your Computer, <span class="text-safing-blue-600">Get Peace of Mind</span>
<span class="text-safing-blue-500">love&nbsp;Freedom</span>.
</h1> </h1>
<p class="header-one-left-desc"> <p class="header-two-top-desc">
Without privacy there is no freedom of press, no freedom of speech, Portmaster is a free and open-source application that puts
not even freedom of thought. you back in charge over all your computer's network
connections.
</p> </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>
<div class="header-one-right"> <div class="header-two-bottom">
<img class="max-w-2xl" src="{{ site.img_url }}freedom.gif" alt=""> <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> </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> </header>