mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-09-08 04:55:39 +05:30
More styling and rewording
This commit is contained in:
parent
df312d3c55
commit
4109f31871
@ -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"
|
||||
|
@ -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"
|
||||
},
|
||||
|
@ -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
|
||||
>
|
||||
|
@ -5,7 +5,7 @@
|
||||
export let data: PageData;
|
||||
|
||||
let siteKey = "cb477b1b-6f87-43ee-aa79-71e3302fbb34";
|
||||
//export const hcaptchaSiteKey = env.HCAPTCHA_SITE_KEY;
|
||||
//export const hcaptchaSiteKey = env.HCAPTCHA_SITE_KEY;
|
||||
</script>
|
||||
|
||||
<h1>{data.title}</h1>
|
||||
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user