wip application page
This commit is contained in:
parent
5a277c533e
commit
c2d7e850aa
4 changed files with 152 additions and 46 deletions
|
|
@ -1,43 +1,62 @@
|
||||||
---
|
---
|
||||||
interface Props {
|
interface Props {
|
||||||
title: string;
|
title: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { title } = Astro.props;
|
const { title } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="description" content="Astro description">
|
<meta name="description" content="Astro description" />
|
||||||
<meta name="viewport" content="width=device-width" />
|
<meta name="viewport" content="width=device-width" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<link rel="stylesheet" href="/css/infogay.css">
|
<link rel="stylesheet" href="/css/infogay.css" />
|
||||||
<title>{title}</title>
|
<title>{title}</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<section class="section">
|
<section class="section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<slot />
|
<a href="/"><image src="/favicon.svg" style="display: block; margin-left: auto; margin-right: auto;height: 128px;"></a>
|
||||||
</div>
|
<slot />
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<h3>Hosted by <a href="https://ouroboros.group/" style="text-align: center;">Ouroboros Group</a></h3></footer></div>
|
<h3>
|
||||||
|
Hosted by <a
|
||||||
|
href="https://ouroboros.group/"
|
||||||
|
style="text-align: center;">Ouroboros Group</a>
|
||||||
|
</h3>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
<style is:global>
|
<style is:global>
|
||||||
:root {
|
:root {
|
||||||
--accent: 0, 253, 190;
|
--accent: 0, 253, 190;
|
||||||
--accent-light: 153, 252, 227;
|
--accent-light: 153, 252, 227;
|
||||||
--accent-dark: 1, 191, 143;
|
--accent-dark: 1, 191, 143;
|
||||||
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
|
--accent-gradient: linear-gradient(
|
||||||
}
|
45deg,
|
||||||
code {
|
rgb(var(--accent)),
|
||||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
rgb(var(--accent-light)) 30%,
|
||||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
white 60%
|
||||||
}
|
);
|
||||||
|
}
|
||||||
|
code {
|
||||||
|
font-family:
|
||||||
|
Menlo,
|
||||||
|
Monaco,
|
||||||
|
Lucida Console,
|
||||||
|
Liberation Mono,
|
||||||
|
DejaVu Sans Mono,
|
||||||
|
Bitstream Vera Sans Mono,
|
||||||
|
Courier New,
|
||||||
|
monospace;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
100
src/pages/apply.astro
Normal file
100
src/pages/apply.astro
Normal file
|
|
@ -0,0 +1,100 @@
|
||||||
|
---
|
||||||
|
import Layout from "../layouts/Layout.astro";
|
||||||
|
import Card from "../components/Card.astro";
|
||||||
|
---
|
||||||
|
<Layout title="Ouroboros.Gay SingUp">
|
||||||
|
<main>
|
||||||
|
<h1 style="text-align: center;"><span style="color:#f38ba8">WIP</span></h1>
|
||||||
|
</main>
|
||||||
|
</Layout>
|
||||||
|
<style>
|
||||||
|
main {
|
||||||
|
margin: auto;
|
||||||
|
padding: 1rem;
|
||||||
|
width: 800px;
|
||||||
|
max-width: calc(100% - 2rem);
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 4rem;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 0.1em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 2rem;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 0.98rem;
|
||||||
|
font-weight: 250;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.text-gradient {
|
||||||
|
background-image: var(--accent-gradient);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-size: 400%;
|
||||||
|
background-position: 0%;
|
||||||
|
}
|
||||||
|
.text-gradient-1 {
|
||||||
|
background-image: var(--accent-gradient);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-size: 140%;
|
||||||
|
background-position: 0%;
|
||||||
|
}
|
||||||
|
.text-gradient-2 {
|
||||||
|
background-image: var(--accent-gradient);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-size: 270%;
|
||||||
|
background-position: 0%;
|
||||||
|
}
|
||||||
|
.informational {
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
border: 1px solid rgba(var(--accent-light), 25%);
|
||||||
|
background: linear-gradient(
|
||||||
|
rgba(var(--accent-dark), 66%),
|
||||||
|
rgba(var(--accent-dark), 33%)
|
||||||
|
);
|
||||||
|
padding: 1.5rem;
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.informational code {
|
||||||
|
font-size: 0.8em;
|
||||||
|
font-weight: bold;
|
||||||
|
background: rgba(var(--accent-light), 12%);
|
||||||
|
color: rgb(var(--accent-light));
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 0.3em 0.4em;
|
||||||
|
}
|
||||||
|
.informational strong {
|
||||||
|
color: rgb(var(--accent-light));
|
||||||
|
}
|
||||||
|
.link-card-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
|
||||||
|
gap: 2rem;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
@ -6,7 +6,6 @@ import Card from '../components/Card.astro';
|
||||||
<Layout title="Ouroboros.Gay Info">
|
<Layout title="Ouroboros.Gay Info">
|
||||||
<main>
|
<main>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h2 class="text-gradient-2"><a href="/"><u>Information about Ouroboros.Gay</u></a></h2>
|
|
||||||
<h3 class="text-gradient-1" style="text-align: center;">Defederatation List</h3>
|
<h3 class="text-gradient-1" style="text-align: center;">Defederatation List</h3>
|
||||||
<h4 style="text-align: center;">If you believe your instance has been wrongfully blocked, please contact @limepot@ouroboros.gay</h4>
|
<h4 style="text-align: center;">If you believe your instance has been wrongfully blocked, please contact @limepot@ouroboros.gay</h4>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -6,13 +6,6 @@ import Card from "../components/Card.astro";
|
||||||
<Layout title="Ouroboros.Gay Info">
|
<Layout title="Ouroboros.Gay Info">
|
||||||
<main>
|
<main>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h2>
|
|
||||||
<a href="/"
|
|
||||||
><u
|
|
||||||
><span class="text-gradient-2">Information about Ouroboros.Gay</span
|
|
||||||
></u
|
|
||||||
></a>
|
|
||||||
</h2>
|
|
||||||
<h3 style="text-align: center;">
|
<h3 style="text-align: center;">
|
||||||
<span class="text-gradient-1"
|
<span class="text-gradient-1"
|
||||||
><a href="https://www.youtube.com/watch?v=_ccoZhuNlls"
|
><a href="https://www.youtube.com/watch?v=_ccoZhuNlls"
|
||||||
|
|
@ -22,12 +15,7 @@ import Card from "../components/Card.astro";
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h3>In-Server Rules & Info</h3>
|
<h3>In-Server Rules & Info</h3>
|
||||||
<h4>
|
<h4>
|
||||||
While this is a closed-signup instance, you may request an invite code by
|
<strike><a href="/apply">Instance Applications</a></strike><span style="color:#f38ba8"> - WIP</span>
|
||||||
messaging
|
|
||||||
<a href="https://ouroboros.gay/@limepot"><u>@limepot@ouroboros.gay</u></a>
|
|
||||||
or emailing
|
|
||||||
<a href="mailto:bm01@limepot.xyz"><u>bm01@limepot.xyz</u></a>, with an
|
|
||||||
intro about you and why you want to join.
|
|
||||||
</h4>
|
</h4>
|
||||||
<h4>
|
<h4>
|
||||||
As it stands there are no real set rules of the instance, however if any
|
As it stands there are no real set rules of the instance, however if any
|
||||||
|
|
@ -41,7 +29,7 @@ import Card from "../components/Card.astro";
|
||||||
<a href="/fed-list"
|
<a href="/fed-list"
|
||||||
><u
|
><u
|
||||||
>Defed/Suspend List & Reasons <span style="color:#f38ba8"
|
>Defed/Suspend List & Reasons <span style="color:#f38ba8"
|
||||||
>- To Be Updated!</span
|
> - To Be Updated!</span
|
||||||
></u
|
></u
|
||||||
></a>
|
></a>
|
||||||
</h4>
|
</h4>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue