More styling and rewording

This commit is contained in:
supercolbat 2023-08-05 15:35:15 -05:00
parent df312d3c55
commit 4109f31871
No known key found for this signature in database
GPG Key ID: 4C9B319E75DD8072
4 changed files with 44 additions and 29 deletions

View File

@ -9,17 +9,15 @@
import PageTransition from "$lib/PageTransition.svelte";
import type { LayoutData } from "./$types";
const title = $page.url.pathname.startsWith("/blog")
? `${$page.data.title} | Project Segfault blog`
: `${$page.data.title} | Project Segfault`;
export let data: LayoutData;
</script>
<svelte:head>
<title
>{$page.data.title} | Project Segfault {$page.url.pathname.startsWith(
"/blog"
)
? "blog"
: ""}</title
>
<title>{title}</title>
{#if $page.data.description}
<meta
name="description"

View File

@ -374,7 +374,7 @@ const instances: Instances[] = [
},
{
name: "Cockpit",
description: "WebUI for users to access the Pubnix services.",
description: "WebUI for users to access the pubnix services.",
eu: "https://cockpit.p.projectsegfau.lt/",
icon: "/icons/cockpit.svg"
},

View File

@ -22,16 +22,15 @@
>
<h2>How do I get started?</h2>
<span
>First, you need to register an account. You can do that <a
href="/pubnix/register">here</a
>. After registering, you need to wait a while because we manually check
each registration. If you get accepted, you will receive an email.</span
>First, you need to <a href="/pubnix/register">register an account</a>.
After registering, you need to wait a while because we manually check each
registration. If you get accepted, you will receive an email.</span
>
<h2>What's your systems specs?</h2>
<h2>What are your system's specs?</h2>
<span>Guess you'll have to find out. Join today!</span>
<h2>I joined, but I have no idea what to do.</h2>
<span
>No worries! We have put out tutorials on how to do common things on our <a
>No worries! We put out tutorials on how to do common things on our <a
href="https://wiki.projectsegfau.lt/index.php?title=Category%3APubnix"
>wiki</a
>.</span
@ -41,6 +40,9 @@
>Yep! We have a <a href="https://matrix.to/#/#pubnix:projectsegfau.lt"
>Matrix room</a
>
and an <a href="https://join.jabber.network/#pubnix@conference.projectsegfau.lt?join">XMPP MUC</a> to
discuss the pubnix.</span
and an
<a
href="https://join.jabber.network/#pubnix@conference.projectsegfau.lt?join"
>XMPP MUC</a
> to discuss the pubnix.</span
>

View File

@ -47,13 +47,10 @@
rows="5"
required
/>
<div>
<label for="h-captcha-response"
><HCaptcha sitekey={siteKey} />
</label>
</div>
<div>
<label for="h-captcha-response"><HCaptcha sitekey={siteKey} /> </label>
</div>
{#if form?.success}
@ -64,8 +61,18 @@
{form.message}
{/if}
<div style="display:block;" >
<input type="checkbox" style="display:inline-block;width: 1em;margin-right: 10px;" required><p style="display:inline-block;word-break: break-all;">I agree to the <a href="/legal/tos">Terms of Service</p>.
<div style="display:block;">
<input
id="tos"
type="checkbox"
required
/>
<label
for="tos"
style="display:inline-block;word-break: break-all;"
>
I agree to the <a href="/legal/tos">Terms of Service</a>.
</label>
</div>
<button
@ -81,12 +88,20 @@
form > div {
@apply flex flex-col items-start gap-2 w-fit;
}
form > div > label {
form label:not([for="tos"]) {
@apply text-xl font-semibold;
}
form > div > input,
form > div > textarea,
form > button {
@apply w-110 lt-sm\:w-70 px-2 py-1 bg-secondary rounded flex items-center gap-2 text-lg;
form input,
form textarea,
form button {
@apply w-110 lt-sm\:w-70 px-2 py-1 bg-secondary rounded flex justify-center items-center gap-2 text-lg;
border: 1pt solid var(--alt);
}
form input[type="checkbox"] {
display: inline-block;
width: min-content;
}
</style>