added menu with links to top of the page; some improvements to css
Signed-off-by: muppeth <muppeth@disroot.org>
This commit is contained in:
parent
eef76f4e86
commit
6622c46f1a
|
@ -1,54 +0,0 @@
|
|||
<?php
|
||||
/*
|
||||
|
||||
gpg-mailgate
|
||||
|
||||
This file is part of the gpg-mailgate source code.
|
||||
|
||||
gpg-mailgate is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
gpg-mailgate source code is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with gpg-mailgate source code. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
*/
|
||||
|
||||
/*
|
||||
DO NOT EDIT THIS FILE!
|
||||
Instead, copy over "config.sample.php" to "config.php" and edit settings there.
|
||||
*/
|
||||
|
||||
$config = array();
|
||||
$config['email_web'] = 'admin@example.com';
|
||||
$config['email_from'] = 'gpg-mailgate-web@example.com';
|
||||
$config['email_subject_requestpgp'] = 'Confirm your email address';
|
||||
$config['site_url'] = 'http://example.com/gpgmw';
|
||||
$config['site_title'] = 'PGP key management';
|
||||
$config['language'] = 'english';
|
||||
$config['debug'] = false;
|
||||
$config['mail_smtp'] = false;
|
||||
$config['mail_smtp_host'] = 'localhost';
|
||||
$config['mail_smtp_port'] = 25;
|
||||
$config['mail_smtp_username'] = 'gpgmw';
|
||||
$config['mail_smtp_password'] = '';
|
||||
$config['db_name'] = 'gpgmw';
|
||||
$config['db_host'] = 'localhost';
|
||||
$config['db_username'] = 'gpgmw';
|
||||
$config['db_password'] = '';
|
||||
$config['pgpverify_enable'] = false;
|
||||
$config['pgpverify_tmpdir'] = '/tmp';
|
||||
$config['pgpverify_allowblank'] = true;
|
||||
$config['lock_time_initial'] = array('requestpgp' => 10);
|
||||
$config['lock_count_overload'] = array('requestpgp' => 3);
|
||||
$config['lock_time_overload'] = array('requestpgp' => 900);
|
||||
$config['lock_time_reset'] = 300;
|
||||
$config['lock_time_max'] = 3600;
|
||||
|
||||
?>
|
|
@ -40,6 +40,17 @@ $config['site_url'] = 'http://example.com/gpgmw';
|
|||
//title of the website (displayed on home page)
|
||||
$config['site_title'] = 'PGP key management';
|
||||
|
||||
//site logo
|
||||
$config['site_logo'] = 'img/logo.png';
|
||||
//link to FAQ page
|
||||
$config['site_faqurl'] = 'https://lacre.io/faq';
|
||||
|
||||
//link to tutorial website
|
||||
$config['site_howurl'] = 'https://learn.lacre.io';
|
||||
|
||||
//link to contact page
|
||||
$config['site_contacturl'] = 'https://lacre.io/contact';
|
||||
|
||||
//language file to use (see language subdirectory)
|
||||
$config['language'] = 'english';
|
||||
|
||||
|
|
|
@ -1,60 +1,71 @@
|
|||
|
||||
:root {
|
||||
--main-bg-color: #203040;
|
||||
--main-dark: darken(var(--main-bg-color), 90%);
|
||||
--main-font: Tahoma, Verdana, Arial, sans-serif;
|
||||
--main-font-color: #E3DEDB;
|
||||
--main-linkcolor: #BB2244;
|
||||
--main-hovercolor: #2C4359;
|
||||
/* --bg-color: #203040 ;
|
||||
--logo-color: #BB2244;
|
||||
--highlight-color: #DD4466;
|
||||
--txt-color: #E3DEDB;
|
||||
--select-color: #2C4359;
|
||||
*/
|
||||
|
||||
|
||||
/* background colors */
|
||||
--bg-hs: 210, 33%;
|
||||
--bg-l:19%;
|
||||
--bg: hsl(var(--bg-hs),var(--bg-l));
|
||||
--bg-darker: hsl(var(--bg-hs),calc(var(--bg-l) - 5%));
|
||||
--bg-darkest: hsl(var(--bg-hs),calc(var(--bg-l) - 10%));
|
||||
--bg-color-hs: 210, 33%;
|
||||
--bg-color-l:19%;
|
||||
--bg-color: hsl(var(--bg-color-hs),var(--bg-color-l));
|
||||
--bg-color-darker: hsl(var(--bg-color-hs),calc(var(--bg-color-l) - 5%));
|
||||
--bg-color-darkest: hsl(var(--bg-color-hs),calc(var(--bg-color-l) - 10%));
|
||||
--bg-color-select: hsl(var(--bg-color-hs),calc(var(--bg-color-l) + 10%));
|
||||
|
||||
/* main color */
|
||||
--main-hs: 347, 69%;
|
||||
--main-l: 43%;
|
||||
--main: hsl(var(--main-hs),var(--main-l));
|
||||
--main-darker: hsl(var(--main-hs),calc(var(--main-l) - 5%));
|
||||
--main-darkest: hsl(var(--main-hs),calc(var(--main-l) - 10%));
|
||||
--main-color-hs: 347, 69%;
|
||||
--main-color-l: 43%;
|
||||
--main-color: hsl(var(--main-color-hs),var(--main-color-l));
|
||||
--main-color-darker: hsl(var(--main-color-hs),calc(var(--main-color-l) - 5%));
|
||||
--main-color-darkest: hsl(var(--main-color-hs),calc(var(--main-color-l) - 10%));
|
||||
|
||||
/* font color */
|
||||
--font-hs: 23, 12%;
|
||||
--font-l: 87%;
|
||||
--font: hsl(var(--font-hs),var(--font-l));
|
||||
--font-darker: hsl(var(--font-hs),calc(var(--font-l) - 5%));
|
||||
--font-darkest: hsl(var(--font-hs),calc(var(--font-l) - 70%));
|
||||
--text-color-hs: 23, 12%;
|
||||
--text-color-l: 87%;
|
||||
--text-color: hsl(var(--text-color-hs),var(--text-color-l));
|
||||
--text-color-darker: hsl(var(--text-color-hs),calc(var(--text-color-l) - 5%));
|
||||
--text-color-darkest: hsl(var(--text-color-hs),calc(var(--text-color-l) - 70%));
|
||||
/* font family */
|
||||
font-family: 'comfortaa', 'opensans-regular', sans-serif;
|
||||
}
|
||||
html {
|
||||
background-color: var(--bg-darkest);
|
||||
background-color: var(--bg-color-darkest);
|
||||
}
|
||||
body {
|
||||
width: 70%;
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
background-color: var(--bg);
|
||||
color: var(--font);
|
||||
background-color: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
font-family: var(--main-font);
|
||||
line-height: 1.2;
|
||||
text-align: center;
|
||||
}
|
||||
.wrapper {
|
||||
margin: 0 20%;
|
||||
}
|
||||
.padding {
|
||||
padding: 3rem 1rem;
|
||||
}
|
||||
img.logo {
|
||||
.wrapper {
|
||||
margin: 0 10%;
|
||||
}
|
||||
.padding {
|
||||
padding: .5rem 1rem;
|
||||
}
|
||||
.header {
|
||||
background-color: var(--text-color);
|
||||
color: var(--bg-color);
|
||||
position: relative;
|
||||
top: -2rem;
|
||||
z-index: 99;
|
||||
}
|
||||
.header a {
|
||||
color: var(--bg-color);
|
||||
}
|
||||
.header .logo {
|
||||
font-size: 1.7rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.narrow .row { max-width: 980px; }
|
||||
.banner {
|
||||
position: relative;
|
||||
overflow:hidden;
|
||||
z-index: 999;
|
||||
pointer-events: none;
|
||||
}
|
||||
.banner img {
|
||||
width: 70%;
|
||||
margin: 0 15%;
|
||||
}
|
||||
.center {
|
||||
display: block;
|
||||
|
@ -67,27 +78,27 @@ img.logo {
|
|||
object-fit: cover;
|
||||
}
|
||||
.hide {
|
||||
display:none;
|
||||
}
|
||||
display:none;
|
||||
}
|
||||
a {
|
||||
color: var(--main);
|
||||
color: var(--main-color);
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--main-darker);
|
||||
color: var(--main-color-darker);
|
||||
}
|
||||
.txtinfo {
|
||||
padding: 2rem;
|
||||
}
|
||||
.key {
|
||||
width: 80%;
|
||||
width: 70%;
|
||||
margin: 1rem auto;
|
||||
height: 150px;
|
||||
height: 600px;
|
||||
padding: 12px 20px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--main);
|
||||
background-color: var(--font);
|
||||
color: var(--bg);
|
||||
border: 1px solid var(--main-color);
|
||||
background-color: var(--text-color);
|
||||
color: var(--bg-color);
|
||||
font-family: var(--main-font);
|
||||
resize: none;
|
||||
}
|
||||
|
@ -96,34 +107,74 @@ a:hover {
|
|||
margin: 1rem auto;
|
||||
padding: 12px 20px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--main);
|
||||
background-color: var(--font);
|
||||
color: var(--bg);
|
||||
border: 1px solid var(--main-color);
|
||||
background-color: var(--text-color);
|
||||
color: var(--bg-color);
|
||||
font-family: var(--main-font);
|
||||
resize: none;
|
||||
}
|
||||
input[type=submit] {
|
||||
background-color: var(--main-darker);
|
||||
background-color: var(--main-color-darker);
|
||||
border-radius: 4px;
|
||||
border: 0px;
|
||||
color: var(--font);
|
||||
color: var(--text-color);
|
||||
padding: 16px 32px;
|
||||
margin: 4px 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
input:hover[type=submit] {
|
||||
background-color: var(--main-darkest);
|
||||
background-color: var(--main-color-darkest);
|
||||
}
|
||||
#infomsg p:empty {
|
||||
display: none;
|
||||
}
|
||||
#infomsg p {
|
||||
#infomsg p:empty {
|
||||
display: none;
|
||||
}
|
||||
#infomsg p {
|
||||
padding: 2em;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
background-color: var(--bg-darker); /*shold be bg-darker but hidden when empty*/
|
||||
background-color: var(--bg-color-darker); /*shold be bg-darker but hidden when empty*/
|
||||
color: var(--main-font-color);
|
||||
font-family: var(--main-font);
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
.main-nav {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.main-nav ul {
|
||||
text-align: left;
|
||||
letter-spacing: -1em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.main-nav ul li {
|
||||
display: inline-block;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.main-nav ul li a {
|
||||
position: relative;
|
||||
display: block;
|
||||
line-height: 45px;
|
||||
color: var(--bg);
|
||||
padding: 0 20px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.main-nav > ul > li > a {
|
||||
border-radius: 2px;
|
||||
}
|
||||
.main-nav ul li:hover > a {
|
||||
background-color: var(--bg-color-select);
|
||||
color: var(--text-color);
|
||||
}
|
||||
.main-nav ul li.selected > a {
|
||||
background-color: #fff;
|
||||
color: var(--bg-color-darker);
|
||||
}
|
||||
.main-nav ul li ul li {
|
||||
display: block;
|
||||
}
|
||||
.main-nav li:hover > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
|
@ -27,6 +27,19 @@
|
|||
</head>
|
||||
<body>
|
||||
<div id=header>
|
||||
<a href <?= $config['site_url'] ?>><img src="img/logo.png" class="center logo"></a>
|
||||
<h1><?= $config['site_title'] ?></h1>
|
||||
<div class="banner narrow">
|
||||
<a href <?= $config['site_url'] ?>><img src="<?= $config['site_logo'] ?>" class="center banner"></a>
|
||||
</div>
|
||||
<div class="header">
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
<li class="selected"><a href="/">Home</a></li>
|
||||
<li class=""><a href="<?= $config['site_faqurl'] ?>">FAQ</a></li>
|
||||
<li class=""><a href="<?= $config['site_howurl'] ?>">Help</a></li>
|
||||
<li class=""><a href="<?= $config['site_contacturl'] ?>">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<h1><?= $config['site_title'] ?></h1>
|
||||
|
||||
|
|
Loading…
Reference in New Issue