Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 23:09:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Updated design

Browse source
This commit is contained in:
Yarmo Mackenbach 2020-07-11 19:33:56 +02:00
parent f3ceb74264
commit 583e8cbae2
10 changed files with 124 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

102
assets/img/background.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

17
assets/styles.css
View file

@ -5,13 +5,18 @@ body {
margin: 0;
color: #333;
font-family: sans-serif;
background-color: #eee;
background-color: #9dd3f0;
background-image: url('/assets/img/background.svg');
background-repeat: repeat;
background-size: 512px;
background-position: -16px -16px;
}
header {
padding: 16px;
margin: 0 0 48px;
font-size: 1.1em;
background-color: #fff;
box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}
header .container {
display: flex;
@ -24,6 +29,9 @@ footer {
margin: 64px 0;
padding: 0 32px;
}
footer a {
color: #777;
}
.container {
max-width: 720px;
width: 100%;
@ -32,6 +40,8 @@ footer {
.content {
padding: 16px 32px 32px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}
.spacer {
flex: 1;
@ -56,8 +66,9 @@ footer {
h1 {
margin: 0;
padding: 16px 32px;
background-color: #9dd3f0;
padding: 0 32px 16px 32px;
/* background-color: #9dd3f0; */
background-color: #fff;
text-align: center;
cursor: default;
}

2
views/404.php
View file

@ -1,6 +1,6 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>404</h1>
<div class="content">
<h1>404</h1>
<p>The requested page could not be found :(</p>
</div>

2
views/encrypt.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>Encrypt</h1>
<div class="content">
<h1>Encrypt</h1>
<form id="form-encrypt" method="post">
<h3>Recipient</h3>
<label for="modeSelect">Mode: </label>

2
views/faq.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>FAQ</h1>
<div class="content">
<h1>FAQ</h1>
<h3 id="what-is-keyoxide"><a href="#what-is-keyoxide">#</a> What is Keyoxide?</h3>
<p><a href="/">Keyoxide</a> is a lightweight and FOSS solution to make basic cryptography operations accessible to regular humans. It is built to be privacy friendly and secure, it can even be self-hosted.</p>

2
views/guide.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1><?php $this->insert("guides/$id.title") ?></h1>
<div class="content">
<h1><?php $this->insert("guides/$id.title") ?></h1>
<p><a href='/guides'>Back to guides</a></p>
<?php $this->insert("guides/$id.content") ?>
</div>

2
views/guides.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>Guides</h1>
<div class="content">
<h1>Guides</h1>
<h3>Using Keyoxide.org</h3>
<a href="/guides/verify">Verifying a signature</a><br>
<a href="/guides/encrypt">Encrypting a message</a><br>

2
views/index.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>Keyoxide</h1>
<div class="content">
<h1>Keyoxide</h1>
<h2>PGP actions</h2>
<p>
<a class="bigBtn" href="/verify">verify signature</a>

2
views/proofs.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>Proofs</h1>
<div class="content">
<h1>Proofs</h1>
<form id="form-proofs" method="post">
<h3>Public key</h3>
<label for="modeSelect">Mode: </label>

2
views/verify.php
View file

@ -1,7 +1,7 @@
<?php $this->layout('template.base', ['title' => $title]) ?>
<h1>Verify</h1>
<div class="content">
<h1>Verify</h1>
<form id="form-verify" method="post">
<h3>Signer</h3>
<label for="modeSelect">Mode: </label>