mirror of
https://github.com/safing/web
synced 2025-09-02 02:59:03 +00:00
Add support section
This commit is contained in:
parent
376649fc79
commit
62b528d1b1
2 changed files with 43 additions and 1 deletions
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue