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

Update text opacity

Browse source
This commit is contained in:
Luke 2020-05-20 12:48:48 +02:00
parent 042362cc77
commit 79d617da75
13 changed files with 131 additions and 121 deletions

40
_includes/footer.html
View file

@ -11,7 +11,7 @@
<div class="max-w-md flex">
<input type="checkbox" id="consent_text" name="consent_text" value="yes" required />
<div class="ml-3">
<label class="consent opacity-50 text-white" for='consent_text'>
<label class="consent opacity-55 text-white" for='consent_text'>
I agree that Safing &amp;
<a class="text-blue-400" title="GDPR compliant, located in Germany" href="https://rapidmail.de" target="_blank">
rapidmail.de
@ -28,16 +28,16 @@
<p class="text-white text-xl md:mb-6">Company</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.about_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">About Us</a>
<a href="{{ site.about_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">About Us</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.team_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Team</a>
<a href="{{ site.team_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Team</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.ownership_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Ownership</a>
<a href="{{ site.ownership_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Ownership</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.help_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Get Help</a>
<a href="{{ site.help_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Get Help</a>
</li>
</ul>
</div>
@ -45,13 +45,13 @@
<p class="text-white text-xl md:mb-6">Technology</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.portmaster_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Portmaster</a>
<a href="{{ site.portmaster_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Portmaster</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.spn_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">SPN</a>
<a href="{{ site.spn_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">SPN</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.whitepaper_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Whitepaper</a>
<a href="{{ site.whitepaper_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Whitepaper</a>
</li>
</ul>
</div>
@ -59,13 +59,13 @@
<p class="text-white text-xl md:mb-6">Follow Us</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.podcast_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Podcast</a>
<a href="{{ site.podcast_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Podcast</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.invidious_channel_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Video Updates</a>
<a href="{{ site.invidious_channel_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Video Updates</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.blog_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Blog</a>
<a href="{{ site.blog_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Blog</a>
</li>
</ul>
</div>
@ -73,16 +73,16 @@
<p class="text-white text-xl md:mb-6">Social</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.reddit_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Reddit</a>
<a href="{{ site.reddit_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Reddit</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.github_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Github</a>
<a href="{{ site.github_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Github</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.kickstarter_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Kickstarter</a>
<a href="{{ site.kickstarter_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Kickstarter</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.twitter_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Twitter</a>
<a href="{{ site.twitter_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Twitter</a>
</li>
</ul>
</div>
@ -90,23 +90,23 @@
<p class="text-white text-xl md:mb-6">Legal</p>
<ul class="list-reset mb-6">
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.contact_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Contact & Notice</a>
<a href="{{ site.contact_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Contact & Notice</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.terms_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Terms of Service</a>
<a href="{{ site.terms_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Terms of Service</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.privacy_url }}" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">Privacy Policy</a>
<a href="{{ site.privacy_url }}" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">Privacy Policy</a>
</li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="{{ site.github_url }}/web/blob/master/LICENSE" class="no-underline hover:opacity-100 opacity-50 text-white transition duration-150 ease-in-out">License</a>
<a href="{{ site.github_url }}/web/blob/master/LICENSE" class="no-underline hover:opacity-100 opacity-55 text-white transition duration-150 ease-in-out">License</a>
</li>
</ul>
</div>
</div>
</div>
<div class="text-xs">
<p class="text-center leading-6 text-white opacity-50">
<p class="text-center leading-6 text-white opacity-55">
&copy; 2020 Safing ICS Technologies GmbH
</p>
</div>

2
_includes/header.html
View file

@ -8,7 +8,7 @@
<h2 class="py-10 text-5xl tracking-tight font-extrabold text-gray-900 sm:text-5xl leading-none md:text-6xl md:mx-auto">
<span style="color: #6188ff;">Fight surveillance</span> because you <span style="color: #6188ff;">love&nbsp;freedom</span>.
</h2>
<p style="max-width: 440px;" class="text-md opacity-50 max-w-4xl mx-auto lg:mx-0">
<p style="max-width: 440px;" class="text-md opacity-55 max-w-4xl mx-auto lg:mx-0">
Without privacy there is no freedom of press, no freedom of speech,
not even freedom of thought. Take back your freedom.
</p>

14
_includes/nav.html
View file

@ -1,6 +1,6 @@
<nav class="flex flex-wrap items-center bg-black px-10 py-6 fixed w-full z-50 lg:absolute">
<div class="flex-1 flex justify-between items-center">
<a href="{{ site.base_url }}" class="flex items-center hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.base_url }}" class="flex items-center hover:opacity-55 transition duration-150 ease-in-out opacity-100">
<svg class="spin h-6 w-auto mr-4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
<g data-name="Main" fill-rule="evenodd">
<path fill="#fff" d="M176.11 36.73l-5-8.61a41.53 41.53 0 00-14.73 57.22l8.55-5.12a31.58 31.58 0 0111.19-43.49z" transform="translate(-127.99 .01)" style="isolation:isolate" fill="url(#a)" opacity=".8" />
@ -9,7 +9,7 @@
<path fill="#fff" d="M192 112.64A48.64 48.64 0 11240.64 64 48.64 48.64 0 01192 112.64zM256 64a64 64 0 10-64 64 64 64 0 0064-64z" transform="translate(-127.99 .1)" fill="url(#d)" />
</g>
</svg>
<span class="text-white">Safing<span class="opacity-50">.io</span></span>
<span class="text-white">Safing<span class="opacity-55 ">.io</span></span>
</a>
</div>
<label for="menu-toggle" class="pointer-cursor lg:hidden block">
@ -23,27 +23,27 @@
<nav>
<ul class="lg:flex items-center justify-between text-base text-gray-700 pt-4 lg:pt-0 text-center ">
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="{{ site.portmaster_url }}" class="ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.portmaster_url }}" class="ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55 transition duration-150 ease-in-out opacity-100">
Portmaster
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="{{ site.spn_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.spn_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55 transition duration-150 ease-in-out opacity-100">
SPN
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="{{ site.spn_url }}#pricing" class="ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.spn_url }}#pricing" class="ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55 transition duration-150 ease-in-out opacity-100">
Pricing
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="{{ site.about_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.about_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55 transition duration-150 ease-in-out opacity-100">
About
</a>
</li>
<li class="p-3 lg:p-0 text-white text-lg lg:text-sm">
<a href="{{ site.help_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-50 transition duration-150 ease-in-out opacity-100">
<a href="{{ site.help_url }}" class=" ml-0 lg:ml-4 px-3 py-2 font-semibold leading-5 hover:opacity-55 transition duration-150 ease-in-out opacity-100">
Get Help
</a>
</li>

8
_layouts/podcast.html
View file

@ -9,15 +9,15 @@ container_class: "podcast"
{% assign title_length = page.title | size %}
<span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; opacity: 0.05;" class="z-0 ml-0 w-full left-0 text-center absolute bg-top">#{{ page.title | slice: 2, 2 }}</span>
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">{{ page.title | slice: 7, title_length }}</h2>
<p class="opacity-50">{{ page.date | date: "%B %-d, %Y" }}</p>
<p class="opacity-55">{{ page.date | date: "%B %-d, %Y" }}</p>
<div class="flex mx-auto justify-center pt-5">
<a href="{{ site.twitter_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.twitter_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg">
</a>
<a href="{{ site.github_url }}" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.github_url }}" class="pl-4 pr-4 opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg">
</a>
<a href="{{ site.reddit_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.reddit_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
</a>
</div>

6
_layouts/post.html
View file

@ -9,13 +9,13 @@ subheading: "Announcements and things we'd like to share"
<h1 class="text-5xl tracking-tight font-extrabold leading-none pb-5 pt-10 text-center">{{ page.title }}</h1>
<p>{{ page.date | date: "%B %-d, %Y" }}</p>
<div class="flex mx-auto justify-center pt-5">
<a href="{{ site.twitter_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.twitter_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/twitter.svg">
</a>
<a href="{{ site.github_url }}" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.github_url }}" class="pl-4 pr-4 opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.19rem; width: auto;" src="{{ site.img_url }}icons/github.svg">
</a>
<a href="{{ site.reddit_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.reddit_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.18rem; width: auto;" src="{{ site.img_url }}icons/reddit.svg">
</a>
</div>

10
_sass/_global.scss
View file

@ -155,7 +155,7 @@ footer {
}
.support p{
color: #8a8a8a;
color: #7d7d7d;
}
.support a{
@ -172,3 +172,11 @@ footer {
transition-duration: 150ms;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}
.opacity-55 {
opacity: 0.55;
}
.hover\:opacity-55:hover {
opacity: 0.55;
}

6
about/index.html
View file

@ -18,10 +18,10 @@ redirect_from:
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-3/4">
We <span style="color: #6188ff;">love&nbsp;freedom</span>, just like you.
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
We are a bunch of ordinary people who want to change the world. Discontent with the global state of mass surveillance, and seeing how it negatively impacts our lives, we decided it was time to do something about it.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
We still have a long way to go. We hope you'll <a href="#footer"><u>join us on this venture</u>.</a>
</p>
<div class="py-10 flex">
@ -74,7 +74,7 @@ redirect_from:
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
Ownership & Transparent Funding
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Taking money always means opening up to influences. Therefore, we see it as our duty to not only be open about our ownership, but also about how we are financing this venture.
</p>
<div class="py-10 flex">

54
ownership/index.html
View file

@ -15,10 +15,10 @@ layout: page
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10">
We own Safing
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
We do not want parties to gain influence which do not or might not stand behind our values. That is why in the initial funding phase we took more personal risks instead of selling parts of our company for easy money.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
The legal entity behind Safing is <i>Safing ICS Technologies GmbH</i>, a private company registered in Austria.
</p>
<div class="py-10 md:flex text-center md:text-left inline-block">
@ -42,10 +42,10 @@ layout: page
<h2 style="line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10">
Financed by Grants, Loans and <span style="color: #6188ff;">You</span>
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
We are thankful for all the partnerships & possibilities that emerged from our R&D heavy years in which we explored new privacy frontiers.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
Slowly but surely we are migrating into our dream scenario where we only have to rely on the support and trust of our users. Help us get there by using and <a href="{{ site.spn_url }}#pricing"><u>purchasing our privacy software</u></a>.
</p>
<div class="py-10 flex">
@ -72,12 +72,12 @@ layout: page
<div class="pl-8 text-left">
<h2 id="influences" class="text-5xl tracking-tight font-extrabold leading-none py-10">
Influences
<span class="text-sm opacity-50 tracking-normal">updated May 2020</span>
<span class="text-sm opacity-55 tracking-normal">updated May 2020</span>
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Through these partnerships we not only received funding, but much needed support, advice, training, encouragement and helpful criticism.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
To everyone involved <small>(you know who you are)</small>: Thanks a million - we would not be here without you!
</p>
</div>
@ -86,8 +86,8 @@ layout: page
<li class="text-center md:text-left">
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-8 rounded-lg">
<div>
<h1 class="text-2xl uppercase transition hover:opacity-50 ease-in-out duration-150"><a href="">FFG</a></h1>
<span class="pt-4 opacity-50 font-extrabold">2019-2020</span>
<h1 class="text-2xl uppercase transition hover:opacity-55 ease-in-out duration-150"><a href="">FFG</a></h1>
<span class="pt-4 opacity-55 font-extrabold">2019-2020</span>
<p class="pt-4 opacity-75">
The FFG is the national funding institution for Research & Development of Austria. Their goal is to strengthen innovation and the economy.
</p>
@ -96,17 +96,17 @@ layout: page
</p>
</div>
<ul class="text-sm pt-6">
<span class="font-medium opacity-50">2020</span>
<span class="font-medium opacity-55">2020</span>
<li class="opacity-75 font-medium"><span class="font-extrabold">33.120€ funding </span><small>held out in prospect</small></li>
<li class="opacity-75 font-medium"><span class="font-extrabold">31.280€ loan </span><small>held out in prospect</small></li>
</ul>
<ul class="text-sm pt-4">
<span class="font-medium opacity-50">2020</span>
<span class="font-medium opacity-55">2020</span>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">49.680€ funding</span></li>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">46.920€ loan</span></li>
</ul>
<ul class="text-sm pt-4">
<span class="font-medium opacity-50">2019</span>
<span class="font-medium opacity-55">2019</span>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">82.800€ funding</span></li>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">78.200€ loan</span></li>
</ul>
@ -115,8 +115,8 @@ layout: page
<li class="text-center md:text-left pt-16 md:pt-0">
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-8 rounded-lg">
<div>
<h1 class="text-2xl uppercase transition hover:opacity-50 ease-in-out duration-150"><a href="">Netidee</a></h1>
<span class="pt-4 opacity-50 font-extrabold">2017-2020</span>
<h1 class="text-2xl uppercase transition hover:opacity-55 ease-in-out duration-150"><a href="">Netidee</a></h1>
<span class="pt-4 opacity-55 font-extrabold">2017-2020</span>
<p class="pt-4 opacity-75">
Netidee funding from 2017 helped us to kickstart all this.
In late 2018, they granted a follow-up funding for the years
@ -124,15 +124,15 @@ layout: page
</p>
</div>
<ul class="text-sm pt-6">
<span class="font-medium opacity-50">2020</span>
<span class="font-medium opacity-55">2020</span>
<li class="opacity-75 font-medium"><span class="font-extrabold">7.512€ funding</span> <small>held out in prospect</small></li>
</ul>
<ul class="text-sm pt-4">
<span class="font-medium opacity-50">2019</span>
<span class="font-medium opacity-55">2019</span>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">30.048€ funding</span></li>
</ul>
<ul class="text-sm pt-4">
<span class="font-medium opacity-50">2017</span>
<span class="font-medium opacity-55">2017</span>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">47.799€ funding</span></li>
</ul>
</div>
@ -140,8 +140,8 @@ layout: page
<li class="text-center md:text-left pt-16 md:pt-0">
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-8 rounded-lg">
<div>
<h1 class="text-2xl uppercase transition hover:opacity-50 ease-in-out duration-150"><a href="">ESA-BIC Austria</a></h1>
<span class="pt-4 opacity-50 font-extrabold">2018-2020</span>
<h1 class="text-2xl uppercase transition hover:opacity-55 ease-in-out duration-150"><a href="">ESA-BIC Austria</a></h1>
<span class="pt-4 opacity-55 font-extrabold">2018-2020</span>
<p class="pt-4 opacity-75">
Safing ICS Technologies GmbH is participating in the
<a href="{{ site.esa_bic_url }}">
@ -152,11 +152,11 @@ layout: page
</p>
</div>
<ul class="text-sm pt-6">
<span class="font-medium opacity-50">2020</span>
<span class="font-medium opacity-55">2020</span>
<li class="opacity-75 font-medium"><span class="font-extrabold">10.000€ funding</span> <small>held out in prospect</small></li>
</ul>
<ul class="text-sm pt-4">
<span class="font-medium opacity-50">2019</span>
<span class="font-medium opacity-55">2019</span>
<li class="opacity-75 font-medium">Received <span class="font-extrabold">40.000€ funding</span></li>
</ul>
</div>
@ -164,14 +164,14 @@ layout: page
<li class="text-center md:text-left pt-16 md:pt-0">
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-8 rounded-lg">
<div>
<h1 class="text-2xl uppercase transition hover:opacity-50 ease-in-out duration-150"><a href="">Fund of Excellence</a></h1>
<span class="pt-4 opacity-50 font-extrabold">2018-2019</span>
<h1 class="text-2xl uppercase transition hover:opacity-55 ease-in-out duration-150"><a href="">Fund of Excellence</a></h1>
<span class="pt-4 opacity-55 font-extrabold">2018-2019</span>
<p class="pt-4 opacity-75">
The Fund of Excellence is an investment fund by the Erste Group, that invests in people, rather than companies. They were investing in one of Safing's founders.
</p>
</div>
<ul class="text-sm pt-6">
<span class="font-medium opacity-50">2018-2019</span>
<span class="font-medium opacity-55">2018-2019</span>
<li class="opacity-75 font-medium">Received continuous personal funding</li>
</ul>
</div>
@ -179,8 +179,8 @@ layout: page
<li class="text-center md:text-left pt-16 md:pt-0">
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-8 rounded-lg">
<div>
<h1 class="text-2xl uppercase transition hover:opacity-50 ease-in-out duration-150"><a href="">Personal Investment</a></h1>
<span class="pt-4 opacity-50 font-extrabold">2017-2020</span>
<h1 class="text-2xl uppercase transition hover:opacity-55 ease-in-out duration-150"><a href="">Personal Investment</a></h1>
<span class="pt-4 opacity-55 font-extrabold">2017-2020</span>
<p class="pt-4 opacity-75">
We invest our personal time and money to further push the project
and company. Starting from 2017, and drastically increasing over
@ -188,7 +188,7 @@ layout: page
</p>
</div>
<ul class="text-sm pt-6">
<span class="font-medium opacity-50">2019</span>
<span class="font-medium opacity-55">2019</span>
<li class="opacity-75 font-medium">Invested over <span class="font-extrabold">200.000€</span> in value</li>
</ul>
</div>

4
podcast/index.html
View file

@ -13,10 +13,10 @@ layout: page
<span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; opacity: 0.05;" class="z-0 ml-0 w-full left-0 text-center absolute bg-top">Follow Us</span>
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">Podcast</h2>
<div class="flex mx-auto justify-center pt-5">
<a href="{{ site.podcast_itunes_url }}" class="opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.podcast_itunes_url }}" class="opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.3rem; width: auto;" src="{{ site.img_url }}icons/podcast.svg">
</a>
<a href="{{ site.podcast_feed_url }}" class="pl-4 pr-4 opacity-50 hover:opacity-100 ease-in-out duration-150" target="_blank">
<a href="{{ site.podcast_feed_url }}" class="pl-4 pr-4 opacity-55 hover:opacity-100 ease-in-out duration-150" target="_blank">
<img style="height: 1.3rem; width: auto;" src="{{ site.img_url }}icons/rss.svg">
</a>
</div>

36
portmaster/index.html
View file

@ -12,7 +12,7 @@ redirect_from:
Portmaster
</h2>
<div class="self-center">
<p class="text-md opacity-50 max-w-lg mx-auto">
<p class="text-md opacity-55 max-w-lg mx-auto">
The privacy app that gives you back control over all your computer's network connections.
</p>
<div class="py-10 sm:py-10 block mx-auto">
@ -20,7 +20,7 @@ redirect_from:
<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 the pre-alpha
</button>
<a class="inline-flex pl-8 transition duration-150 ease-in-out hover:opacity-100 self-center uppercase opacity-50 text-xs font-bold" href="{{ site.github_url }}/portmaster/">Source Code</a>
<a class="inline-flex pl-8 transition duration-150 ease-in-out hover:opacity-100 self-center uppercase opacity-55 text-xs font-bold" href="{{ site.github_url }}/portmaster/">Source Code</a>
</a>
</div>
</div>
@ -40,7 +40,7 @@ redirect_from:
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
Privacy Features
</h2>
<p class="text-md opacity-50 w-auto mx-auto max-w-lg">
<p class="text-md opacity-55 w-auto mx-auto max-w-lg">
At its core, the Portmaster sits on your kernel and simply intercepts all your network connections. You decide which privacy features you want to enable or disable as you desire.
</p>
</div>
@ -54,10 +54,10 @@ redirect_from:
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-auto">
All-Around System Privacy
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Since the Portmaster sits on your kernel, you can finally protect your whole computer, not just your browser. Do you want to block Ads and Analytics for your whole operating system? Or whole countries? The Portmaster has you covered.
</p>
<p class="text-sm opacity-50 max-w-lg pt-4">
<p class="text-sm opacity-55 max-w-lg pt-4">
Your kernel is a cricital part of your computer, so be encouraged to validate our claims.
</p>
<div class="py-10 flex">
@ -84,10 +84,10 @@ redirect_from:
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10">
Global & per&#8209;App Configuration
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Cut off apps from the Internet entirely, block system processes or limit applications to specific domains only.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
With the Portmaster, your power becomes limitless.
</p>
</div>
@ -104,7 +104,7 @@ redirect_from:
<h2 style="line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
Enforce DNS&#8209;over&#8209;TLS
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Even with invasive connections gone, you might 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>
@ -124,10 +124,10 @@ redirect_from:
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 ">
Modular Design From The Start
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
One shoe does not fit all. That is why you can enable or disable privacy features at your will. And the best thing? Everything is FOSS, free and open-source software.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
You can use all local features free of charge as well, only the coolest one, the SPN, requires a subscription to unlock.
</p>
<div class="py-10 flex">
@ -152,7 +152,7 @@ redirect_from:
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Download
</h2>
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Here you can download the latest stable builds of the portmaster.
</p>
</div>
@ -198,7 +198,7 @@ redirect_from:
Install portmaster
</button>
</a>
<button type="button" style="background-color: #000;" class="not-allowed opacity-50 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">
<button type="button" style="background-color: #000;" class="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">
<a class="not-allowed flex items-center">
<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" />
@ -207,17 +207,19 @@ redirect_from:
</a>
</button>
</div>
<div class="support" class="max-w-screen-lg mx-auto" style="margin-bottom: 6rem; margin-top: 6rem;">
<h2 class="line text-md opacity-50 text-xl"><span>Support</span></h2>
<p class="pt-12 max-w-lg mx-auto text-center font-medium">
<h2 class="line text-md opacity-55 text-xl"><span>Support</span></h2>
<p style="color: #7d7d7d;" class="pt-12 max-w-lg mx-auto text-center font-medium">
Please report technical issues on the <a class="link" href="#">portmaster</a>
repository, problems with the user interface on the <a class="link" href="">portmaster-ui</a>
repo and ask for help on <a class="link" href=""></a>Reddit
</p>
</div>
<div>
<div class="max-w-screen-lg mx-auto">
<h2 class="line text-md opacity-50 text-xl"><span>Limted Support</span></h2>
<h2 class="line text-md opacity-55 text-xl"><span>Limted Support</span></h2>
</div>
<div class="text-center lg:text-left lg:inline-flex items-center mt-12 mb-16 spn-shadow p-10 rounded-lg ml-0 mr-0 md:ml-32 md:mr-32">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
@ -236,7 +238,7 @@ redirect_from:
</div>
<div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
<a href="#" class="flex items-center">
<button type="button" style="background-color: #000;" class="opacity-50 hover:opacity-100 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">
<button type="button" style="background-color: #000;" class="opacity-55 hover:opacity-100 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" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0z" />
</svg>
@ -244,7 +246,7 @@ redirect_from:
</button>
</a>
<a href="#" class="flex items-center">
<button type="button" style="background-color: #000;" class="opacity-50 hover:opacity-100 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">
<button type="button" style="background-color: #000;" class="opacity-55 hover:opacity-100 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" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0z" />
</svg>

60
spn/index.html
View file

@ -25,7 +25,7 @@ layout: page
<h2 class="text-6xl tracking-tight font-extrabold leading-none py-10 lg:w-3/4">
Safing&nbsp;Privacy Network
</h2>
<p class="text-md opacity-50 max-w-4xl">
<p class="text-md opacity-55 max-w-4xl">
With the SPN you protect all your connections from mass surveillance. Prevent all Internet Service Providers from collecting and selling your private activities.
</p>
<div class="py-10 sm:py-10 md:flex text-center">
@ -35,7 +35,7 @@ layout: page
</button>
</a>
<br>
<a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-50 text-xs font-bold">Built on the Portmaster</a>
<a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">Built on the Portmaster</a>
</div>
</div>
</div>
@ -48,7 +48,7 @@ layout: page
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
Protect Your Meta&#8209;Data
</h2>
<p class="text-md opacity-50 w-auto mx-auto max-w-lg">
<p class="text-md opacity-55 w-auto mx-auto max-w-lg">
Seek true privacy. Do not overlook meta-data: which websites you visit and how frequently tell more about you than knowing what you actually do on them.
</p>
</div>
@ -62,7 +62,7 @@ layout: page
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
Onion Layer Encryption
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Re-route all your connections through our multi-hop network to decouple your identity from the destination. With onion-encryption, no single party knows who you are and where you are going to. Inspired by Tor.
</p>
<div class="py-10 flex">
@ -70,7 +70,7 @@ layout: page
<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">
Compare the SPN to TOR
</button>
<a href="{{ site.img_url }}spn-labeled/spn-core.png" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-50 text-xs font-bold">
<a href="{{ site.img_url }}spn-labeled/spn-core.png" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">
View explainer-image
</a>
</a>
@ -89,7 +89,7 @@ layout: page
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold py-10 lg:w-auto">
Minimize your Meta&#8209;Data
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
With the SPN, your meta-data is stripped to a minimum. Abstracting even the size of outgoing packets to diminish what information third parties, like your ISP or the Wi-Fi operator of your local coffee place, can gather about you.
</p>
</div>
@ -109,7 +109,7 @@ layout: page
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10">
Distributed Multi Identity Network
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Instead of exiting all your traffic at one place, route every connection individually to spread your connections across the globe. Use vast amounts of identities (IP addresses) and limit your visibility in the "open" web.
</p>
<div class="py-10 flex">
@ -117,7 +117,7 @@ layout: page
<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">
Compare the SPN to VPNs
</button>
<a href="{{ site.img_url }}spn-labeled/spn-community.png" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-50 text-xs font-bold">
<a href="{{ site.img_url }}spn-labeled/spn-community.png" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">
View explainer-image
</a>
</a>
@ -139,10 +139,10 @@ layout: page
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
No Kill Switch Needed
</h2>
<p class="text-md opacity-50 max-w-lg">
<p class="text-md opacity-55 max-w-lg">
Get piece of mind instead of fearing data-leakage.
</p>
<p class="text-md opacity-50 max-w-lg pt-4">
<p class="text-md opacity-55 max-w-lg pt-4">
With the open source Portmaster, all your network connections are intercepted at the kernel-level, putting an end to accidental data exposure.
</p>
<div class="py-10 flex">
@ -167,7 +167,7 @@ layout: page
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Pre-Order the SPN
</h2>
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Lock in the lower prices forever and join the waitlist to become one of the first SPN users.
</p>
</div>
@ -177,15 +177,15 @@ layout: page
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-16 rounded-lg">
<span class="text-2xl">Early Adopter Monthly</span>
<div class="block pb-6">
<h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">9.90€ <span class="opacity-50" style="font-size: 1.1rem; font-weight: 500;">/ per month</span></h1>
<span class="text-xl pl-1 opacity-50 line-through">€11.90</span>
<h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">9.90€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per month</span></h1>
<span class="text-xl pl-1 opacity-55 line-through">€11.90</span>
</div>
<span class="font-extrabold pt-10 text-md">Includes:</span>
<ul class="">
<li class="pt-4 opacity-50">Access to the SPN</li>
<li class="pt-4 opacity-50">Unlimited Bandwidth</li>
<li class="pt-4 opacity-50">Use on up to 5 devices</li>
<li class="pt-4 opacity-50">17% off compared to Beta-Prices</li>
<li class="pt-4 opacity-55">Access to the SPN</li>
<li class="pt-4 opacity-55">Unlimited Bandwidth</li>
<li class="pt-4 opacity-55">Use on up to 5 devices</li>
<li class="pt-4 opacity-55">17% off compared to Beta-Prices</li>
</ul>
<div class="pt-16">
<a href="{{ site.account_server_url }}pricing">
@ -200,15 +200,15 @@ layout: page
<div class="block transform hover:scale-105 duration-150 ease-in-out hover p-16 rounded-lg">
<span class="text-2xl">Early Adopter Yearly</span>
<div class="block pb-6">
<h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">99.00€ <span class="opacity-50" style="font-size: 1.1rem; font-weight: 500;">/ per year</span></h1>
<span class="text-xl pl-1 opacity-50 line-through">142.80€</span>
<h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">99.00€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per year</span></h1>
<span class="text-xl pl-1 opacity-55 line-through">142.80€</span>
</div>
<span class="font-extrabold pt-10 text-md">Includes:</span>
<ul>
<li class="pt-4 opacity-50">Access to the SPN</li>
<li class="pt-4 opacity-50">Unlimited Bandwidth</li>
<li class="pt-4 opacity-50">Use on up to 5 devices</li>
<li class="pt-4 opacity-50">30% off compared to Beta-Prices</li>
<li class="pt-4 opacity-55">Access to the SPN</li>
<li class="pt-4 opacity-55">Unlimited Bandwidth</li>
<li class="pt-4 opacity-55">Use on up to 5 devices</li>
<li class="pt-4 opacity-55">30% off compared to Beta-Prices</li>
</ul>
<div class="pt-16">
<a href="{{ site.account_server_url }}pricing">
@ -234,7 +234,7 @@ layout: page
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
FAQ
</h2>
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Got a qustion? well, it might be in here already.
</p>
</div>
@ -244,7 +244,7 @@ layout: page
<div>
<h1 class="text-xl pb-4">What's the best thing about Switzerland?</h1>
<dd class="mt-2">
<p class="text-md opacity-50">
<p class="text-md opacity-55">
I don't know, but the flag is a big plus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
</p>
</dd>
@ -252,7 +252,7 @@ layout: page
<div class="mt-12">
<h1 class="text-xl pb-4">What's the best thing about Switzerland?</h1>
<dd class="mt-2">
<p class="text-md opacity-50">
<p class="text-md opacity-55">
You boil the hell out of it. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
</p>
</dd>
@ -260,7 +260,7 @@ layout: page
<div class="mt-12">
<h1 class="text-xl pb-4">What's the best thing about Switzerland?</h1>
<dd class="mt-2">
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Nobody knows. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
</p>
</dd>
@ -270,7 +270,7 @@ layout: page
<div>
<h1 class="text-xl pb-4">What's the best thing about Switzerland?</h1>
<dd class="mt-2">
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Sign language. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
</p>
</dd>
@ -278,7 +278,7 @@ layout: page
<div class="mt-12">
<h1 class="text-xl pb-4">What's the best thing about Switzerland?</h1>
<dd class="mt-2">
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Because the pee is silent. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
</p>
</dd>
@ -286,7 +286,7 @@ layout: page
<div class="mt-12">
<h1 class="text-xl pb-4">What's the best thing about Switzerland?</h1>
<dd class="mt-2">
<p class="text-md opacity-50">
<p class="text-md opacity-55">
He couldn't see himself doing it. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas cupiditate laboriosam fugiat.
</p>
</dd>

6
support/index.html
View file

@ -11,7 +11,7 @@ layout: page
Support
</h2>
<div class="self-center">
<p class="text-md opacity-50 max-w-lg mx-auto">
<p class="text-md opacity-55 max-w-lg mx-auto">
If you need help, well your in the right place.
</p>
<div class="py-10 sm:py-16 block ">
@ -42,7 +42,7 @@ layout: page
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Portmaster
</h2>
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Portmaster support section.
</p>
</div>
@ -120,7 +120,7 @@ layout: page
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
SPN
</h2>
<p class="text-md opacity-50">
<p class="text-md opacity-55">
Safing Privacy Network support section
</p>
</div>

6
team/index.html
View file

@ -28,7 +28,7 @@ layout: page
</span>
<div class="flex mx-auto justify-center pt-5">
{% for handle in member.handles %}
<a href="{{ handle.external_url }}" target="_blank" class="opacity-50 hover:opacity-100 ease-in-out duration-150 mr-4">
<a href="{{ handle.external_url }}" target="_blank" class="opacity-55 hover:opacity-100 ease-in-out duration-150 mr-4">
<img style="height: 1.1rem; width: auto;" src="{{ site.img_url }}icons/{{ handle.icon }}.svg" />
</a>
{% endfor %}
@ -37,8 +37,8 @@ layout: page
<div class="lg:pl-16">
<span style="color: #6188ff;" class="uppercase text-sm">{{ member.title }}</span>
<p class="pt-1 pb-3 font-extrabold text-2xl">{{ member.name }}</p>
<span class="opacity-50">Joined {{ member.joined }}</span>
<p class="pt-3 text-md opacity-50 max-w-2xl">
<span class="opacity-55">Joined {{ member.joined }}</span>
<p class="pt-3 text-md opacity-55 max-w-2xl">
{{ member.description }}
</p>
</div>