safing-web/support/index.html

---
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="#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">
              <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>
          </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">
              Portmaster
            </h2>
            <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>
            <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-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">
                <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
                </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">
                <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
                </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">
              Safing Privacy Network
            </h2>
          </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.
              </p>
            </div>
            <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">
                <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>
              </a>
            </div>
          </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>