vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-23 12:29:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions1

Retext support page

Browse source
This commit is contained in:
davegson 2020-05-20 17:26:26 +02:00
parent f97aa26574
commit 5292489213
2 changed files with 24 additions and 34 deletions
assets/img/icons
warning.svg
support
index.html

7
assets/img/icons/warning.svg Normal file
View file

@ -0,0 +1,7 @@
<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>
Side by side

After

(image error) Size: 573 B

51
support/index.html
View file

@ -12,7 +12,7 @@ layout: page
</h2>
<div class="self-center">
<p class="text-md opacity-55 max-w-lg mx-auto">
If you need help, well your in the right place.
What do you need help with?
</p>
<div class="py-10 sm:py-16 block ">
<a href="#spn">
@ -42,8 +42,10 @@ 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-55">
Portmaster support section.
<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>
@ -66,7 +68,12 @@ layout: page
<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
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">
@ -80,30 +87,6 @@ layout: page
</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>
@ -118,11 +101,8 @@ layout: page
<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
Safing Privacy Network
</h2>
<p class="text-md opacity-55">
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">
@ -136,11 +116,14 @@ layout: page
</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.
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="#" class="flex items-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>