1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00
safing-web/support/index.html
2022-02-10 16:56:19 +01:00

161 lines
6.5 KiB
HTML

---
title: Get Help
layout: page
---
<section class="general-layout">
<div class="download-container">
<h1 class="download-container-title">Support</h1>
<p class="download-container-extra">
What do you need help with?
</p>
<div class="col-container-center w-full md:w-max text-center md:text-left">
<a class="btn-secondary" href="#portmaster">Portmaster</a>
<a class="btn-secondary" href="#spn">SPN</a>
</div>
</div>
<div class="space-y-36" id="portmaster">
<div class="download-container">
<h2 class="download-container-title">
Portmaster
</h2>
<div class="space-y-8 max-w-3xl mx-auto">
<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 class="alert-primary">
<i class="icon-info text-md"></i>
<span> Portmaster is Alpha Software, thanks for being an Early Adopter. Bug reports are appreciated.</span>
</div>
</div>
<div class="col-container-center w-full md:w-max text-center md:text-left">
<a class="btn-secondary" href="{{ site.docs_url }}"">
View Documentation
</a>
<a href="{{ site.docs_url }}portmaster/guides/contribute#report-bugs-suggest-features-and-improvements" class="btn-secondary"">
Report Issue
</a>
<a class="btn-secondary" href="{{ site.reddit_url }}"">
Ask On Reddit
</a>
<a class="btn-secondary" href="mailto:support@safing.io"">
Contact us
</a>
</div>
</div>
<div class="faq-container">
<div class="faq-container-top">
<h2 class="faq-container-top-title">
FAQ
</h2>
<p class="faq-container-top-desc">
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="faq-container-bottom">
{% for faq in site.data.faq.portmaster %}
<div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out">
<label class="card-label" for="card-toggle-anchor-portmaster-{{ forloop.index }}">
<div class="wrapper-left">
<div class="card-title">
<h3 class="title">
{{ faq.q }}
</h3>
</div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-portmaster-{{ forloop.index }}" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
<div class="text-safing-gray-500">
{{ faq.a }}
</div>
{% if faq.link %}
<br>
<br>
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
{% include source_code_faq.html %}
</div>
</div>
<div class="space-y-36" id="spn">
<div class="download-container">
<h2 class="download-container-title">
Safing Privacy Network
</h2>
<div class="alert-primary max-w-3xl mx-auto">
<i class="icon-info text-md"></i>
<span>
The SPN is Alpha Software, thanks for being an Early Supporter. Always feel free to reach out.
</span>
</div>
<div class="col-container-center w-full md:w-max text-center md:text-left">
<a class="btn-secondary" href="{{ site.github_url }}/spn">
View SPN Repository
</a>
<a class="btn-secondary" href="{{ site.reddit_url }}">
Ask on Reddit
</a>
<a class="btn-secondary" href="mailto:support@safing.io">
Contact us
</a>
</div>
</div>
<div class="faq-container">
<div class="faq-container-top">
<h2 class="faq-container-top-title">
FAQ
</h2>
<p class="faq-container-top-desc">
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="faq-container-bottom">
{% for faq in site.data.faq.spn %}
<div class="faq-container-bottom-question">
<div class="card-faq hover-scale-out">
<label class="card-label" for="card-toggle-anchor-spn-{{ forloop.index }}">
<div class="wrapper-left">
<div class="card-title">
<h3 class="title">
{{ faq.q }}
</h3>
</div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-spn-{{ forloop.index }}" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
<div class="text-safing-gray-500">
{{ faq.a }}
</div>
{% if faq.link %}
<br>
<br>
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
{% include source_code_faq.html faq_id='spn-0'%}
</div>
</div>
</section>