mirror of
https://git.verdigado.com/NB-Public/simple-wkd.git
synced 2024-10-30 05:05:52 +01:00
Add basic functionality
This commit is contained in:
Delta1925
parent
e78425f46c
commit
ea9eadc495
6 changed files with 91 additions and 13 deletions
|
|
@ -1,9 +0,0 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
|
|
||||||
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
|
|
||||||
<style>
|
|
||||||
path { fill: #000; }
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
path { fill: #FFF; }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 749 B |
|
|
@ -7,7 +7,7 @@ const { title } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en" class="h-full">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
|
|
@ -15,7 +15,7 @@ const { title } = Astro.props;
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>{title}</title>
|
<title>{title}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="h-full">
|
||||||
<slot />
|
<slot />
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
32
src/pages/delete.astro
Normal file
32
src/pages/delete.astro
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
---
|
||||||
|
import Layout from "../layouts/Layout.astro";
|
||||||
|
import "../styles/global.css";
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Submit a key">
|
||||||
|
<div class="flex flex-row items-center h-full font-mono px-8 py-4">
|
||||||
|
<div class="flex flex-col items-center w-full">
|
||||||
|
<form
|
||||||
|
action="{{%u}}/api/delete"
|
||||||
|
method="get"
|
||||||
|
class="flex flex-col max-w-full"
|
||||||
|
>
|
||||||
|
<label for="email" class="font-bold text-xl mt-3"
|
||||||
|
>Request key deletion:</label
|
||||||
|
>
|
||||||
|
<input
|
||||||
|
type="email"
|
||||||
|
name="email"
|
||||||
|
id="email-input"
|
||||||
|
placeholder="e-mail"
|
||||||
|
size="65"
|
||||||
|
class="round focus:rounded-lg mt-3"
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
<button type="submit" class="button mt-4 self-end"
|
||||||
|
>Delete</button
|
||||||
|
>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
|
|
@ -1,7 +1,16 @@
|
||||||
---
|
---
|
||||||
import Layout from "../layouts/Layout.astro";
|
import Layout from "../layouts/Layout.astro";
|
||||||
|
import "../styles/global.css";
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="simple-wkd-website">
|
<Layout title="Manage keys">
|
||||||
<h1>simple-wkd-website</h1>
|
<div class="flex flex-row items-center h-full font-mono px-8 py-4">
|
||||||
|
<div class="flex flex-col items-center w-full">
|
||||||
|
<h1 class="font-bold text-lg">What would you like to do?</h1>
|
||||||
|
<div class="flex flex-row space-x-6">
|
||||||
|
<a href="/submit" class="button">Submit a key</a>
|
||||||
|
<a href="/delete" class="button">Delete a key</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
|
||||||
31
src/pages/submit.astro
Normal file
31
src/pages/submit.astro
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
---
|
||||||
|
import Layout from "../layouts/Layout.astro";
|
||||||
|
import "../styles/global.css";
|
||||||
|
---
|
||||||
|
|
||||||
|
<Layout title="Submit a key">
|
||||||
|
<div class="flex flex-row items-center h-full font-mono px-8 py-4">
|
||||||
|
<div class="flex flex-col items-center w-full">
|
||||||
|
<form
|
||||||
|
action="{{%u}}/api/submit"
|
||||||
|
method="post"
|
||||||
|
class="flex flex-col max-w-full"
|
||||||
|
>
|
||||||
|
<label for="key" class="font-bold text-xl"
|
||||||
|
>Paste your pgp keyblock here:</label
|
||||||
|
>
|
||||||
|
<textarea
|
||||||
|
name="key"
|
||||||
|
id="key-input"
|
||||||
|
cols="65"
|
||||||
|
rows="20"
|
||||||
|
class="round focus:rounded-lg mt-3 resize-none"
|
||||||
|
placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----"
|
||||||
|
required></textarea>
|
||||||
|
<button type="submit" class="button mt-6 self-end"
|
||||||
|
>Submit</button
|
||||||
|
>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Layout>
|
||||||
15
src/styles/global.css
Normal file
15
src/styles/global.css
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
.button {
|
||||||
|
@apply bg-teal-50;
|
||||||
|
@apply p-4;
|
||||||
|
@apply hover:drop-shadow-md;
|
||||||
|
@apply hover:rounded-lg;
|
||||||
|
}
|
||||||
|
|
||||||
|
.round,
|
||||||
|
.button {
|
||||||
|
@apply border-black;
|
||||||
|
@apply border;
|
||||||
|
@apply rounded-tr-lg;
|
||||||
|
@apply rounded-bl-lg;
|
||||||
|
@apply transition-all;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue