mirror of
https://github.com/safing/web
synced 2025-09-01 10:39:03 +00:00
154 lines
9.5 KiB
HTML
154 lines
9.5 KiB
HTML
---
|
||
title: Get Help
|
||
layout: page
|
||
---
|
||
|
||
<header class="h-screen">
|
||
<div class="flex items-center h-screen">
|
||
<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-50 max-w-lg mx-auto">
|
||
If you need help, well your in the right place.
|
||
</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 style="margin-top: -14rem;" 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-50">
|
||
Portmaster support section.
|
||
</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">
|
||
Github issues
|
||
</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 class="text-center lg:text-left lg:inline-flex items-center mt-16 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">
|
||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<g fill="none">
|
||
<path d="M0 0h24v24H0z" />
|
||
<path stroke="#e28d8d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 13.12V9.38M11.999 16.125c-.138 0-.25.112-.249.25 0 .138.112.25.25.25s.25-.112.25-.25-.112-.25-.251-.25" />
|
||
<path stroke="#e28d8d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M14.029 4.139l7.659 13.404c.89 1.558-.235 3.497-2.029 3.497H4.341c-1.795 0-2.92-1.939-2.029-3.497L9.971 4.139c.897-1.571 3.161-1.571 4.058 0z" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<p class="pt-5 lg:pt-0 md:pl-10 md:pr-10 text-sm opacity-75">
|
||
<span class="font-extrabold">If you don’t know what your doing dont download any of these.</span>
|
||
There are weird bugs and issues Support is only done by the community and not safing.
|
||
</p>
|
||
</div>
|
||
<div class="py-10 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
|
||
<a href="{{ site.reddit_url }}" class="flex items-center">
|
||
<button type="button" style="background-color: #000;" class="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">
|
||
reddit
|
||
</button>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section style="margin-top: 3rem; margin-bottom: 5rem;" 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">
|
||
SPN
|
||
</h2>
|
||
<p class="text-md opacity-50">
|
||
Safing Privacy Network support section
|
||
</p>
|
||
</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 have paid for a subscprtion please attach you uid account number to the subject.
|
||
</p>
|
||
</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="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>
|