From 62b528d1b144c3f3936ead6f583b45bf63f7af0b Mon Sep 17 00:00:00 2001
From: Luke <luke@safing.io>
Date: Tue, 19 May 2020 13:18:21 +0200
Subject: [PATCH] Add support section

---
 _sass/_global.scss    | 31 +++++++++++++++++++++++++++++++
 portmaster/index.html | 13 ++++++++++++-
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/_sass/_global.scss b/_sass/_global.scss
index 2b223d2..3be1d9e 100644
--- a/_sass/_global.scss
+++ b/_sass/_global.scss
@@ -141,3 +141,34 @@ footer {
     transform: rotate(10deg);
   }
 }
+
+.line { 
+  width:100%; 
+  text-align:center; 
+  border-bottom: 2px solid rgba(0, 0, 0, 0.2); 
+  line-height:0.1em; 
+  margin:10px 0 20px;
+} 
+.line span { 
+  background:#fff; 
+  padding:0 25px; 
+}
+
+.support p{
+  color: #8a8a8a;
+}
+
+.support a{
+  --text-opacity: 1;
+  color: #667eea;
+  color: rgba(102, 126, 234, var(--text-opacity));
+  text-decoration: inherit;
+  background-color: transparent;
+  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
+}
+
+.support a:hover{
+  opacity: .5;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
diff --git a/portmaster/index.html b/portmaster/index.html
index d5915f1..6a39b8c 100644
--- a/portmaster/index.html
+++ b/portmaster/index.html
@@ -207,8 +207,19 @@ redirect_from:
                   </a>
                 </button>
               </div>
+              <div class="support" class="max-w-screen-lg mx-auto" style="margin-bottom: 6rem; margin-top: 6rem;">
+                <h2 class="line text-md opacity-50 text-xl"><span>Support</span></h2>
+                <p class="pt-12 max-w-lg mx-auto text-center font-medium">
+                  Please report technical issues on the <a class="link" href="#">portmaster</a> 
+                  repository, problems with the user interface on the <a class="link" href="">portmaster-ui</a> 
+                  repo and ask for help on <a class="link" href=""></a>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 ml-0 mr-0 md:ml-32 md:mr-32">
+                <div class="max-w-screen-lg mx-auto">
+                  <h2 class="line text-md opacity-50 text-xl"><span>Limted Support</span></h2>
+                </div>
+                <div class="text-center lg:text-left lg:inline-flex items-center mt-12 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">