safing-web/support/index.html
2020-06-04 12:31:50 +02:00

201 lines
12 KiB
HTML

---
title: Get Help
layout: page
---
<header class="h-full py-40">
<div class="flex items-center">
<div class="container mx-auto px-8 sm:px-0">
<div class="text-center">
<h2 class="text-5xl sm:text-6xl tracking-tight font-extrabold leading-none py-10">
Support
</h2>
<div class="self-center">
<p class="text-md opacity-55 max-w-lg mx-auto">
What do you need help with?
</p>
<div class="py-10 sm:py-16 block ">
<a href="#spn">
<button type="button" style="background-color: #000;" class="mb-5 transform hover:scale-95 inline-flex items-center px-16 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">
Spn
</button>
</a>
<br>
<a href="#portmaster">
<button type="button" style="background-color: #000;" class=" mb-5 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">
Portmaster
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="mb-40" id="portmaster">
<div class="items-center h-full">
<div class="max-w-full mx-auto px-4 sm:px-6">
<div class="py-12 bg-white">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Portmaster
</h2>
<p class="text-md opacity-55 max-w-screen-sm mx-auto">
Please report technical issues on the portmaster
repository, problems with the user interface on the portmaster-ui
repo and ask for help on Reddit
</p>
</div>
<div>
<div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path d="M0 0h24v24H0z" />
<path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 21v0c-4.971 0-9-4.029-9-9v0c0-4.971 4.029-9 9-9v0c4.971 0 9 4.029 9 9v0c0 4.971-4.029 9-9 9z" />
<path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 17v-5h-1M11.749 8c-.138 0-.25.112-.249.25 0 .138.112.25.25.25s.25-.112.25-.25-.112-.25-.251-.25" />
</g>
</svg>
</div>
<p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
Please note that the Portmaster is still in an <span class="font-extrabold">early development stage.</span> It is functional, but has not yet been
tested widely. Thus, we currently expect you to have the technical knowledge to troubleshoot and <span class="font-extrabold">fix
issues on your end by yourself.</span>
</p>
</div>
<div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center ">
<a href="{{ site.github_url }}/portmaster/issues" class="flex items-center mx-auto text-center">
<button type="button" style="background-color: #000;" class="transform hover:scale-95 hover:opacity-100 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">
Portmaster Repo
</button>
</a>
<a href="{{ site.github_url }}/portmaster-ui/issues" class="flex items-center mx-auto text-center">
<button type="button" style="background-color: #000;" class="transform hover:scale-95 hover:opacity-100 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">
Portmaster UI Repo
</button>
</a>
<a href="{{ site.reddit_url }}" class="flex items-center mx-auto text-center">
<button type="button" style="background-color: #000;" class="lg:ml-3 lg:mr-3 transform hover:scale-95 hover:opacity-100 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">
reddit
</button>
</a>
<a href="mailto:support@safing.io" class="flex items-center mx-auto text-center">
<button type="button" style="background-color: #000;" class="lg:ml-3 lg:mr-3 transform hover:scale-95 hover:opacity-100 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">
Contact us
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white" id="help-port-faq">
<div class="max-w-screen-xl mx-auto pt-12 pb-16 sm:pt-16 sm:pb-20 px-4 sm:px-6 lg:pt-20 lg:pb-28 lg:px-8">
<div class="text-center pb-12">
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
FAQ
</h2>
<p class="text-md opacity-55">
You have a question? We answered some already, but you can always contact us at <a href="mailto:hello@safing.io">hello@safing.io</a>
</p>
</div>
<div class="mt-6 pt-10 text-center md:text-left">
<dl class="md:grid md:grid-cols-2 md:gap-8">
<div>
<div>
<h1 class="text-xl pb-4">How does the SPN compare to Tor?</h1>
<dd class="mt-2">
<p class="text-md opacity-55">
Tor is a great project which has pioneered privacy technology and is a firm player in the space while the SPN has fresh, innovative solutions which tackle uncharted ground and focuses on ease of use before all. Depending on your threat model, the SPN may be an alternative to Tor. Or it might not.
</p>
<p class="text-md pt-4" style="color: #727272;">
<a class="link" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">
Read our blog post to read all about the differences.
</a>
</p>
</dd>
</div>
<div class="mt-12">
<h1 class="text-xl pb-4">What platforms will you support?</h1>
<dd class="mt-2">
<p class="text-md opacity-55">
Since the SPN is integrated into the Portmaster, for our the pre-alpha stage we will only support Windows and Linux. Mac and Mobile are planned, but are further down the road.
</p>
</dd>
</div>
</div>
<div class="mt-12 md:mt-0">
<div>
<h1 class="text-xl pb-4">How does the SPN compare to VPNs?</h1>
<dd class="mt-2">
<p class="text-md opacity-55">
The VPN technology was built to securely connect two company locations. However, the SPN was developed from the ground up to protect user privacy. As a result the SPN can easily outperform VPNs in every aspect.
</p>
<p class="text-md pt-4" style="color: #727272;">
<a class="link" href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-vpns/">
Read our blog post to read all about the differences.
</a>
</p>
</dd>
</div>
<div class="mt-12">
<h1 class="text-xl pb-4">Where can I find your source code?</h1>
<dd class="mt-2">
<p class="text-md" style="color: #727272;">
You can find our code on <a href="{{ site.github_url }}" class="link">Github</a>. <a href="{{ site.github_url }}/portmaster/" class="link">The Portmaster</a>, the <a href="{{ site.github_url }}/portmaster-ui/" class="link">Portmaster UI</a> and <a href="{{ site.github_url }}/web/" class="link">this website</a> have their respective repositories. <a href="{{ site.github_url }}/jess/" class="link">Jess</a>, the heart of the SPN, which got audited by Cure53, is also already online. The rest of the SPN will follow suit as we go live.
</p>
</dd>
</div>
</div>
</dl>
</div>
</div>
</div>
</section>
<section class="my-20" id="spn">
<div class="items-center h-full">
<div class="max-w-full mx-auto px-4 sm:px-6">
<div class="py-12 bg-white">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center">
<h2 id="downloads" class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
Safing Privacy Network
</h2>
</div>
<div class="mx-auto text-center">
<div class="text-center lg:text-left lg:inline-flex items-center mt-16 mb-16 spn-shadow p-10 rounded-lg">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto">
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g fill="none">
<path d="M0 0h24v24H0z" />
<path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 21v0c-4.971 0-9-4.029-9-9v0c0-4.971 4.029-9 9-9v0c4.971 0 9 4.029 9 9v0c0 4.971-4.029 9-9 9z" />
<path stroke="#ddae7b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 17v-5h-1M11.749 8c-.138 0-.25.112-.249.25 0 .138.112.25.25.25s.25-.112.25-.25-.112-.25-.251-.25" />
</g>
</svg>
</div>
<p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
If you want to know more about the technology, visit <a href="{{ site.spn_url }}" class="link">the SPN page</a>, <a href="{{ site.kickstarter_url }}" class="link">the Kickstarter</a> or read <a href="{{ site.whitepaper_url }}" class="link">our Whitepaper</a>.
<br/>
<br/>
Otherwise, feel free to contact us with any matter or request you might have.
</p>
</div>
<div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
<a href="mailto:support@safing.io" class="flex items-center">
<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">
contact us
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>