wip application page

This commit is contained in:
nelle 2024-07-11 04:40:29 -06:00
parent 5a277c533e
commit c2d7e850aa
4 changed files with 152 additions and 46 deletions

View file

@ -6,26 +6,33 @@ interface Props {
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">
<a href="/"><image src="/favicon.svg" style="display: block; margin-left: auto; margin-right: auto;height: 128px;"></a>
<slot /> <slot />
</div> </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>
@ -34,10 +41,22 @@ const { title } = Astro.props;
--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,
rgb(var(--accent)),
rgb(var(--accent-light)) 30%,
white 60%
);
} }
code { code {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, font-family:
Bitstream Vera Sans Mono, Courier New, monospace; 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
View 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>

View file

@ -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>

View file

@ -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>