diff --git a/gpg-mailgate-web/public_html/index.php b/gpg-mailgate-web/public_html/index.php index 73f0ef6..3ee3482 100644 --- a/gpg-mailgate-web/public_html/index.php +++ b/gpg-mailgate-web/public_html/index.php @@ -26,7 +26,7 @@ require_once("include/common.php"); require_once("include/dbconnect.php"); require_once("include/pgp.php"); require_once("include/phphkp.php"); - +echo ""; if(isset($_POST['email']) && isset($_POST['key'])) { $result = requestPGP($_POST['email'], $_POST['key']); diff --git a/gpg-mailgate-web/public_html/theme/branding/bottom_ribbon.png b/gpg-mailgate-web/public_html/theme/branding/bottom_ribbon.png new file mode 100644 index 0000000..e36a532 Binary files /dev/null and b/gpg-mailgate-web/public_html/theme/branding/bottom_ribbon.png differ diff --git a/gpg-mailgate-web/public_html/theme/branding/logo.png b/gpg-mailgate-web/public_html/theme/branding/logo.png new file mode 100644 index 0000000..2d4f7e2 Binary files /dev/null and b/gpg-mailgate-web/public_html/theme/branding/logo.png differ diff --git a/gpg-mailgate-web/public_html/theme/header.php b/gpg-mailgate-web/public_html/theme/header.php index efd1339..bb5b27e 100644 --- a/gpg-mailgate-web/public_html/theme/header.php +++ b/gpg-mailgate-web/public_html/theme/header.php @@ -23,6 +23,6 @@ -gpg-mailgate-web +Lacre - PGP key management diff --git a/gpg-mailgate-web/public_html/theme/home.php b/gpg-mailgate-web/public_html/theme/home.php index 6e3a8b2..256dfd5 100644 --- a/gpg-mailgate-web/public_html/theme/home.php +++ b/gpg-mailgate-web/public_html/theme/home.php @@ -21,26 +21,30 @@ */ ?> +

-

+

-

- -
- - - - - - - - - -
- + +

+ +
+ +

+

+ +
+ +

+

+ +

+

+ + diff --git a/gpg-mailgate-web/public_html/theme/style.css b/gpg-mailgate-web/public_html/theme/style.css new file mode 100644 index 0000000..6b67be0 --- /dev/null +++ b/gpg-mailgate-web/public_html/theme/style.css @@ -0,0 +1,111 @@ + +: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; + + /* 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%)); + + /* 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%)); + + /* 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%)); +} +html { + background-color: var(--bg-darkest); +} +body { + width: 45em; + margin: 0 auto; + background-color: var(--bg); + color: var(--font); + font-family: var(--main-font); + text-align: center; +} +img.logo { + padding-top: 10em; + width: 30em; +} +.center { + display: block; + margin-left: auto; + margin-right: auto; +} +.cover { + width: 100%; + margin-top: 10%; + object-fit: cover; +} +a { + color: var(--main); + text-decoration:none; +} +a:hover { + color: var(--main-darker); +} +.txtinfo { + padding: 2rem; +} +.key { + width: 80%; + height: 150px; + padding: 12px 20px; + border-radius: 4px; + border: 0px; + background-color: var(--bg-darker); + color: var(--font); + font-family: var(--main-font); + resize: none; +} +.email { + width: 50%; + padding: 12px 20px; + border-radius: 4px; + border: 0px; + background-color: var(--bg-darker); + color: var(--font); + font-family: var(--main-font); + resize: none; +} +input[type=submit] { + background-color: var(--main-darker); + border: none; + color: var(--font); + padding: 16px 32px; + margin: 4px 2px; + cursor: pointer; +} +input:hover[type=submit] { + background-color: var(--main-darkest); +} +.infomsg { + width: 80%; + padding: 12px 20px; + border-radius: 4px; + border: 2px; + border-color: var(--main); + background-color: var(--bg-darker); + color: var(--font); + font-family: var(--main-font); + resize: none; +} +.infomsg:empty { + display: none; +}