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

Clean up texts in support page

Browse source
This commit is contained in:
davegson 2021-05-18 17:17:37 +02:00
parent 381342c2c4
commit bf3cd96870
1 changed files with 28 additions and 32 deletions

60
support/index.html
View file

@ -15,17 +15,17 @@ layout: page
What do you need help with? What do you need help with?
</p> </p>
<div class="py-10 sm:py-16 block "> <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"> <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"> <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 Portmaster
</button> </button>
</a> </a>
<br>
<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>
</div> </div>
</div> </div>
</div> </div>
@ -43,42 +43,28 @@ layout: page
Portmaster Portmaster
</h2> </h2>
<p class="text-md opacity-55 max-w-screen-sm mx-auto"> <p class="text-md opacity-55 max-w-screen-sm mx-auto">
Please report technical issues on the portmaster For common problems check out our documentation with extensive guides on installation, DNS Configuration and the Settings Handbook, describing every Portmaster setting in detail. Report issues and bugs on GitHub while you can always ask for more help on our subreddit or via mail.
repository, problems with the user interface on the portmaster-ui
repo and ask for help on Reddit
</p> </p>
</div> </div>
<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="mx-auto p-5 pl-5 rounded-md text-white flex break-words items-center mt-16 mb-16" style="font-size: .85rem; background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
<div class="flex items-center justify-center pl-2 md:pl-0 h-12 md:w-12 w-auto mr-auto ml-auto"> <img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
<svg class="h-8 w-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> Portmaster is Alpha Software, thanks for being an Early Adopter. Bug reports are appreciated.
<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>
<div class="py-5 block grid lg:flex lg:grid-cols-3 gap-10 justify-center "> <div class="py-5 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"> <a href="{{ site.docs_url }}" 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"> <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 View Documentation
</button> </button>
</a> </a>
<a href="{{ site.github_url }}/portmaster-ui/issues" class="flex items-center mx-auto text-center"> <a href="{{ site.docs_url }}portmaster/guides/contribute#report-bugs-suggest-features-and-improvements" 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"> <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 Report Issue
</button> </button>
</a> </a>
<a href="{{ site.reddit_url }}" class="flex items-center mx-auto text-center"> <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"> <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 Ask On Reddit
</button> </button>
</a> </a>
<a href="mailto:support@safing.io" class="flex items-center mx-auto text-center"> <a href="mailto:support@safing.io" class="flex items-center mx-auto text-center">
@ -167,9 +153,19 @@ layout: page
</p> </p>
</div> </div>
<div class="py-5 block grid lg:flex lg:grid-cols-3 gap-10 justify-center"> <div class="py-5 block grid lg:flex lg:grid-cols-3 gap-10 justify-center">
<a href="mailto:support@safing.io" class="flex items-center"> <a href="{{ site.github_url }}/spn" class="flex items-center mx-auto text-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"> <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">
contact us View SPN Repository
</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">
Ask on 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> </button>
</a> </a>
</div> </div>