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 PageTransition from "$lib/PageTransition.svelte";
|
||||||
import type { LayoutData } from "./$types";
|
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;
|
export let data: LayoutData;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title
|
<title>{title}</title>
|
||||||
>{$page.data.title} | Project Segfault {$page.url.pathname.startsWith(
|
|
||||||
"/blog"
|
|
||||||
)
|
|
||||||
? "blog"
|
|
||||||
: ""}</title
|
|
||||||
>
|
|
||||||
{#if $page.data.description}
|
{#if $page.data.description}
|
||||||
<meta
|
<meta
|
||||||
name="description"
|
name="description"
|
||||||
|
@ -374,7 +374,7 @@ const instances: Instances[] = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "Cockpit",
|
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/",
|
eu: "https://cockpit.p.projectsegfau.lt/",
|
||||||
icon: "/icons/cockpit.svg"
|
icon: "/icons/cockpit.svg"
|
||||||
},
|
},
|
||||||
|
@ -22,16 +22,15 @@
|
|||||||
>
|
>
|
||||||
<h2>How do I get started?</h2>
|
<h2>How do I get started?</h2>
|
||||||
<span
|
<span
|
||||||
>First, you need to register an account. You can do that <a
|
>First, you need to <a href="/pubnix/register">register an account</a>.
|
||||||
href="/pubnix/register">here</a
|
After registering, you need to wait a while because we manually check each
|
||||||
>. After registering, you need to wait a while because we manually check
|
registration. If you get accepted, you will receive an email.</span
|
||||||
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>
|
<span>Guess you'll have to find out. Join today!</span>
|
||||||
<h2>I joined, but I have no idea what to do.</h2>
|
<h2>I joined, but I have no idea what to do.</h2>
|
||||||
<span
|
<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"
|
href="https://wiki.projectsegfau.lt/index.php?title=Category%3APubnix"
|
||||||
>wiki</a
|
>wiki</a
|
||||||
>.</span
|
>.</span
|
||||||
@ -41,6 +40,9 @@
|
|||||||
>Yep! We have a <a href="https://matrix.to/#/#pubnix:projectsegfau.lt"
|
>Yep! We have a <a href="https://matrix.to/#/#pubnix:projectsegfau.lt"
|
||||||
>Matrix room</a
|
>Matrix room</a
|
||||||
>
|
>
|
||||||
and an <a href="https://join.jabber.network/#pubnix@conference.projectsegfau.lt?join">XMPP MUC</a> to
|
and an
|
||||||
discuss the pubnix.</span
|
<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;
|
export let data: PageData;
|
||||||
|
|
||||||
let siteKey = "cb477b1b-6f87-43ee-aa79-71e3302fbb34";
|
let siteKey = "cb477b1b-6f87-43ee-aa79-71e3302fbb34";
|
||||||
//export const hcaptchaSiteKey = env.HCAPTCHA_SITE_KEY;
|
//export const hcaptchaSiteKey = env.HCAPTCHA_SITE_KEY;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<h1>{data.title}</h1>
|
<h1>{data.title}</h1>
|
||||||
@ -47,13 +47,10 @@
|
|||||||
rows="5"
|
rows="5"
|
||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
<div>
|
|
||||||
<label for="h-captcha-response"
|
|
||||||
><HCaptcha sitekey={siteKey} />
|
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label for="h-captcha-response"><HCaptcha sitekey={siteKey} /> </label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if form?.success}
|
{#if form?.success}
|
||||||
@ -64,8 +61,18 @@
|
|||||||
{form.message}
|
{form.message}
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div style="display:block;" >
|
<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>.
|
<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>
|
</div>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
@ -81,12 +88,20 @@
|
|||||||
form > div {
|
form > div {
|
||||||
@apply flex flex-col items-start gap-2 w-fit;
|
@apply flex flex-col items-start gap-2 w-fit;
|
||||||
}
|
}
|
||||||
form > div > label {
|
|
||||||
|
form label:not([for="tos"]) {
|
||||||
@apply text-xl font-semibold;
|
@apply text-xl font-semibold;
|
||||||
}
|
}
|
||||||
form > div > input,
|
|
||||||
form > div > textarea,
|
form input,
|
||||||
form > button {
|
form textarea,
|
||||||
@apply w-110 lt-sm\:w-70 px-2 py-1 bg-secondary rounded flex items-center gap-2 text-lg;
|
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>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user