mirror of
https://github.com/safing/web
synced 2025-09-01 10:39:03 +00:00
Add the suppport tailwind page
This commit is contained in:
davegson
parent
bb0812f33e
commit
2251e13b4b
1 changed files with 147 additions and 1 deletions
|
|
@ -1,4 +1,150 @@
|
|||
---
|
||||
title: Get Help
|
||||
layout: page_column
|
||||
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 ">
|
||||
<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">
|
||||
<a href="#downloads">spn</a>
|
||||
</button>
|
||||
<br>
|
||||
<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">
|
||||
<a href="#downloads">portmaster</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section style="margin-top: -14rem;">
|
||||
<div class="items-center h-full">
|
||||
<div class="">
|
||||
<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 ">
|
||||
<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">
|
||||
<a href="#" class="flex items-center mx-auto text-center">
|
||||
Github issuse ticket
|
||||
</a>
|
||||
</button>
|
||||
<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">
|
||||
<a href="#" class="flex items-center mx-auto text-center">
|
||||
reddit</a>
|
||||
</button>
|
||||
<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">
|
||||
<a href="#" class="flex items-center mx-auto text-center">
|
||||
Contact us</a>
|
||||
</button>
|
||||
</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">
|
||||
<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">
|
||||
<a href="#" class="flex items-center">
|
||||
reddit</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section style="margin-top: 3rem; margin-bottom: 5rem;">
|
||||
<div class="items-center h-full">
|
||||
<div class="">
|
||||
<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">
|
||||
<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">
|
||||
<a href="#" class="flex items-center">
|
||||
contact us</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue