mirror of
https://github.com/mickael-kerjean/filestash.git
synced 2025-11-02 11:57:04 +08:00
admin (documentation): improve the support page of the admin
This commit is contained in:
Mickael KERJEAN
@ -15,8 +15,8 @@
|
||||
h2{
|
||||
font-family: 'Source Code Pro', monospace;
|
||||
text-shadow: 0 0 2px var(--bg-color);
|
||||
font-size: 2.8em;
|
||||
padding: 60px 0 0 0;
|
||||
font-size: 2em;
|
||||
padding: 50px 0 0 0;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 0;
|
||||
@media screen and (max-width: 1000px) { padding: 25px 0 0 0; }
|
||||
@ -29,7 +29,7 @@
|
||||
font-size: 0;
|
||||
border-bottom: 3px solid var(--color);
|
||||
width: 90px;
|
||||
margin-top: 10px;
|
||||
margin-top: 5px;
|
||||
opacity: 0.9;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import React from 'react';
|
||||
import { Redirect } from 'react-router-dom';
|
||||
import "./support.scss";
|
||||
|
||||
export class SupportPage extends React.Component {
|
||||
constructor(props){
|
||||
@ -8,20 +9,58 @@ export class SupportPage extends React.Component {
|
||||
|
||||
render(){
|
||||
return (
|
||||
<div>
|
||||
<div className="component_support">
|
||||
<h2>Support</h2>
|
||||
<p>
|
||||
<a href="mailto:mickael@kerjean.me">contact us</a> directly if you have/want enterprise support
|
||||
</p>
|
||||
<p>
|
||||
There's also a community chat on Freenode - #filestash (or click <a href="https://kiwiirc.com/nextclient/#irc://irc.freenode.net/#filestash?nick=guest??">here</a> if you're not an IRC guru).
|
||||
</p>
|
||||
<h2>Quick Links</h2>
|
||||
<ul>
|
||||
<li><a href="https://www.filestash.app/support#faq">FAQ</a></li>
|
||||
<li><a href="https://www.filestash.app/docs">Documentation</a></li>
|
||||
<li><a href="https://www.filestash.app/">Our website</a></li>
|
||||
</ul>
|
||||
<div className="flex">
|
||||
<div>
|
||||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="building" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path fill="currentColor" d="M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76zm0 96c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40zm52 148h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12zm76 160h-64v-84c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v84zm64-172c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40zm0-96c0 6.627-5.373 12-12 12h-40c-6.627 0-12-5.373-12-12V76c0-6.627 5.373-12 12-12h40c6.627 0 12 5.373 12 12v40z"></path>
|
||||
</svg>
|
||||
<strong>Enterprise Support</strong>
|
||||
<p>
|
||||
We offer support and maintenance, see our <a href="https://www.filestash.app/pricing">pricing page</a> or drop us <a href="mailto:mickael@kerjean.me">a email</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bug" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path fill="currentColor" d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"></path>
|
||||
</svg>
|
||||
<strong>Issues & Feature request</strong>
|
||||
<p>
|
||||
To report a bug or issue, open an issue on the <a href="http://github.com/mickael-kerjean/filestash">Github repo</a>.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="comments" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
|
||||
<path fill="currentColor" d="M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z"></path>
|
||||
</svg>
|
||||
<strong>Community Support</strong>
|
||||
<p>
|
||||
The official IRC chanel of the project is on freenode <a href="https://kiwiirc.com/nextclient/#irc://irc.freenode.net/#filestash?nick=guest??">#filestash</a>. Come on over and chat with us
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex">
|
||||
<div>
|
||||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||
<path fill="currentColor" d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"></path>
|
||||
</svg>
|
||||
<strong>Documentation</strong>
|
||||
<p>
|
||||
The place for everything documentation related, see our <a href="https://www.filestash.app/docs">documentation</a>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||
<path fill="currentColor" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path>
|
||||
</svg>
|
||||
<strong>FAQ</strong>
|
||||
<p>
|
||||
The commonly asked questions we get ask a lot, see our <a href="https://www.filestash.app/support#faq">FAQ</a>
|
||||
</p>
|
||||
</div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
24
client/pages/adminpage/support.scss
Normal file
24
client/pages/adminpage/support.scss
Normal file
@ -0,0 +1,24 @@
|
||||
.component_support{
|
||||
.flex{
|
||||
display: flex;
|
||||
> div{
|
||||
padding: 10px 20px;
|
||||
width: 33.33%;
|
||||
svg{
|
||||
width: 30px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
strong{
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
font-weight: 100;
|
||||
}
|
||||
p{
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user