mirror of
https://github.com/safing/web
synced 2025-04-17 09:29:08 +00:00
Update support
This commit is contained in:
Luke
parent
f262b588a4
commit
7f77a680be
1 changed files with 115 additions and 200 deletions
|
|
@ -3,219 +3,134 @@ 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="#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>
|
||||
<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>
|
||||
</header>
|
||||
|
||||
<section class="mb-10 md:mb-20 lg: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">
|
||||
<section class="space-y-80">
|
||||
|
||||
<div class="download-container max-w-4xl ">
|
||||
<h2 class="download-container-title">
|
||||
Support
|
||||
</h2>
|
||||
<p class="download-container-extra">
|
||||
What do you need help with?
|
||||
</p>
|
||||
<div class="download-container-buttons">
|
||||
<a class="btn-secondary" href="#portmaster"><i class="icon-twitter text-xs mr-2"></i>Portmaster</a>
|
||||
<a class="btn-secondary" href="#spn"><i class="icon-twitter text-xs mr-2"></i>SPN</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="space-y-36" id="portmaster">
|
||||
<div class="download-container max-w-4xl ">
|
||||
<h2 class="download-container-title">
|
||||
Portmaster
|
||||
</h2>
|
||||
<p class="text-md opacity-55 max-w-screen-sm mx-auto">
|
||||
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.
|
||||
</h2>
|
||||
<div class="alert-primary max-w-3xl mx-auto">
|
||||
<i class="icon-twitter text-xs"></i>
|
||||
<span>Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.</span>
|
||||
</div>
|
||||
<div class="download-container-buttons">
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>View Documentation</a>
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>Report Issuse</a>
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>Ask On Reddit</a>
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>Contact Us</a>
|
||||
</div>
|
||||
<p class="download-container-extra">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div class="faq-container">
|
||||
<div class="faq-container-top">
|
||||
<span class="faq-container-top-title">
|
||||
FAQ
|
||||
</span>
|
||||
<p class="faq-container-top-desc">
|
||||
You have a question? We answered some already, but you
|
||||
can always contact us at <a class="link-primary" href="">hello@safing.io</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="faq-container-bottom">
|
||||
{% for faq in site.data.faq.portmaster %}
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
{{ faq.q }}
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
{{ faq.a }}
|
||||
</p>
|
||||
<div class="faq-container-bottom-question-desc-extra">
|
||||
{% if faq.link %}
|
||||
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
Where can I find your source code?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||
got audited by Cure53, can also be found online.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<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;">
|
||||
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
|
||||
Portmaster is Alpha Software, thanks for being an Early Adopter. Bug reports are appreciated.
|
||||
</div>
|
||||
<div class="py-5 block grid lg:flex lg:grid-cols-3 gap-10 justify-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">
|
||||
View Documentation
|
||||
</button>
|
||||
</a>
|
||||
<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">
|
||||
Report Issue
|
||||
</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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white" id="portmaster-faq">
|
||||
<div class="max-w-screen-xl mx-auto md:pt-12 lg:pt-20 pb-16 sm:pb-20 px-4 sm:px-6 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">
|
||||
Have a question? Check out some we already answered below. You can always reach out to us to find out more or just to say hi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-6 pt-10 text-center md:text-left">
|
||||
<dl class="md:grid md:grid-cols-2 md:gap-8">
|
||||
{% for faq in site.data.faq.portmaster %}
|
||||
<div>
|
||||
<h1 class="text-xl pb-4">
|
||||
{{ faq.q }}
|
||||
</h1>
|
||||
<dd class="mt-2">
|
||||
<p class="text-md opacity-55">
|
||||
{{ faq.a }}
|
||||
</p>
|
||||
</dd>
|
||||
{% if faq.link %}
|
||||
<p class="text-md pt-4" style="color: #727272;">
|
||||
<a class="link" href="{{ faq.link.url }}">
|
||||
{{ faq.link.text }}
|
||||
</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div>
|
||||
<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>, the <a href="{{ site.github_url }}/spn/" class="link">SPN</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 <a href="https://cure53.de/pentest-report_safing-jess.pdf">audited by Cure53</a>, can also be found online.
|
||||
</p>
|
||||
</dd>
|
||||
</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">
|
||||
<div class="space-y-36" id="spn">
|
||||
<div class="download-container max-w-4xl ">
|
||||
<h2 class="download-container-title">
|
||||
Safing Privacy Network
|
||||
</h2>
|
||||
</h2>
|
||||
<div class="alert-primary max-w-3xl mx-auto">
|
||||
<i class="icon-twitter text-xs"></i>
|
||||
<span>Portmaster is Alpha Software, treat as such; expect bugs here and there. Early Adopters welcome.</span>
|
||||
</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.
|
||||
<div class="download-container-buttons">
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>View SPN Repository</a>
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>Ask On Reddit</a>
|
||||
<a class="btn-secondary" href="#"><i class="icon-twitter text-xs mr-2"></i>Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-container">
|
||||
<div class="faq-container-top">
|
||||
<span class="faq-container-top-title">
|
||||
FAQ
|
||||
</span>
|
||||
<p class="faq-container-top-desc">
|
||||
You have a question? We answered some already, but you
|
||||
can always contact us at <a class="link-primary" href="">hello@safing.io</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="faq-container-bottom">
|
||||
{% for faq in site.data.faq.spn %}
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
{{ faq.q }}
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
{{ faq.a }}
|
||||
</p>
|
||||
<div class="faq-container-bottom-question-desc-extra">
|
||||
{% if faq.link %}
|
||||
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-5 block grid lg:flex lg:grid-cols-3 gap-10 justify-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 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">
|
||||
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>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="faq-container-bottom-question">
|
||||
<h1 class="faq-container-bottom-question-title">
|
||||
Where can I find your source code?
|
||||
</h1>
|
||||
<p class="faq-container-bottom-question-desc">
|
||||
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||
got audited by Cure53, can also be found online.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-white" id="spn-faq">
|
||||
<div class="max-w-screen-xl mx-auto md: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">
|
||||
Have a question? Check out some we already answered below. You can always reach out to us to find out more or just to say hi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mt-6 pt-10 text-center md:text-left">
|
||||
<dl class="md:grid md:grid-cols-2 md:gap-8">
|
||||
{% for faq in site.data.faq.spn %}
|
||||
<div>
|
||||
<h1 class="text-xl pb-4">
|
||||
{{ faq.q }}
|
||||
</h1>
|
||||
<dd class="mt-2">
|
||||
<p class="text-md opacity-55">
|
||||
{{ faq.a }}
|
||||
</p>
|
||||
</dd>
|
||||
{% if faq.link %}
|
||||
<p class="text-md pt-4" style="color: #727272;">
|
||||
<a class="link" href="{{ faq.link.url }}">
|
||||
{{ faq.link.text }}
|
||||
</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div>
|
||||
<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>, the <a href="{{ site.github_url }}/spn/" class="link">SPN</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 <a href="https://cure53.de/pentest-report_safing-jess.pdf">audited by Cure53</a>, can also be found online.
|
||||
</p>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue