willi.junga/simple-wkd
0
0
Fork 0
mirror of https://git.verdigado.com/NB-Public/simple-wkd.git synced 2024-12-06 14:52:41 +01:00
Code Activity

Add darkmode and prettier

Browse source
This commit is contained in:
Delta1925 2023-04-16 11:26:32 +02:00
parent 352660231d
commit 9cea1cacad
No known key found for this signature in database
GPG key ID: 1C21ACE44193CB25
14 changed files with 199 additions and 118 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/center-xy.astro Normal file
View file

@ -0,0 +1,8 @@
---
---
<div class="flex h-full flex-row items-center px-8 py-4">
<div class="flex w-full flex-col items-center">
<slot />
</div>
</div>

22
src/layouts/Layout.astro
View file

@ -1,6 +1,6 @@
---
export interface Props {
title: string;
title: string;
}
const { title } = Astro.props;
@ -8,14 +8,14 @@ const { title } = Astro.props;
<!DOCTYPE html>
<html lang="en" class="h-full">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body class="h-full">
<slot />
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body class="h-full font-mono dark:bg-neutral-800 dark:text-neutral-300">
<slot />
</body>
</html>

47
src/pages/delete.astro
View file

@ -1,32 +1,29 @@
---
import Layout from "../layouts/Layout.astro";
import CenterXy from "../components/center-xy.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>
<CenterXy>
<form
action="{{%u}}api/delete"
method="get"
class="flex max-w-full flex-col"
>
<label for="email" class="mt-3 text-xl font-bold"
>Request key deletion:</label
>
<input
type="email"
name="email"
id="email-input"
placeholder="user@example.com"
size="65"
class="input mt-3 focus:rounded-lg"
required
/>
<button type="submit" class="button mt-4 self-end">Delete</button>
</form>
</CenterXy>
</Layout>

15
src/pages/index.astro
View file

@ -1,16 +1,15 @@
---
import Layout from "../layouts/Layout.astro";
import "../styles/global.css";
import CenterXy from "../components/center-xy.astro";
---
<Layout title="Manage keys">
<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>
<CenterXy>
<h1 class="text-lg font-bold">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>
</CenterXy>
</Layout>

45
src/pages/submit.astro
View file

@ -1,31 +1,28 @@
---
import Layout from "../layouts/Layout.astro";
import "../styles/global.css";
import CenterXy from "../components/center-xy.astro";
---
<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>
<CenterXy>
<form
action="{{%u}}api/submit"
method="post"
class="flex max-w-full flex-col"
>
<label for="key" class="text-xl font-bold"
>Paste your pgp keyblock here:</label
>
<textarea
name="key"
id="key-input"
cols="65"
rows="20"
class="input mt-3 resize-none"
placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----"
required></textarea>
<button type="submit" class="button mt-6 self-end">Submit</button>
</form>
</CenterXy>
</Layout>

32
src/styles/global.css
View file

@ -1,15 +1,23 @@
.button {
@apply bg-teal-50;
@apply p-4;
@apply hover:drop-shadow-md;
@apply hover:rounded-lg;
.input {
@apply focus:rounded-lg;
@apply dark:bg-neutral-800;
}
.round,
.button {
@apply border-black;
@apply border;
@apply rounded-tr-lg;
@apply rounded-bl-lg;
@apply transition-all;
}
@apply bg-slate-200;
@apply p-4;
@apply hover:rounded-lg;
@apply hover:drop-shadow-md;
@apply dark:bg-slate-700;
}
.input,
.button {
@apply rounded-bl-lg;
@apply rounded-tr-lg;
@apply border;
@apply border-black;
@apply transition-all;
@apply duration-300;
@apply dark:border-neutral-300;
}