add clients list

This commit is contained in:
nelle 2024-07-01 00:40:17 -06:00
parent 86a5c5cb05
commit f05fdad5bb
3 changed files with 116 additions and 138 deletions

2
package-lock.json generated
View file

@ -1,5 +1,5 @@
{
"name": "gay-info",
"name": "ouroboros-gay-info",
"version": "0.0.1",
"lockfileVersion": 3,
"requires": true,

View file

@ -5,11 +5,54 @@ import Card from '../components/Card.astro';
<Layout title="Ouroboros.Gay Info">
<main>
<h1><a href="https://www.youtube.com/watch?v=_ccoZhuNlls"><u>howdy cruel world</u></a></h1>
<h1><a href="/information"><u>WIP Info Page</u></a></h1>
<h1><a href="/"><u><span class="text-gradient-2">Information about Ouroboros.Gay</span></u></a></h1>
<h2><span class="text-gradient-1"><a href="https://www.youtube.com/watch?v=_ccoZhuNlls">Terms Of Service</a></span></h2>
<hr>
<h3>In-Server Rules & Info</h3>
<h4>While this is a closed-signup instance, you may request an invite code by 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>As it stands there are no real set rules of the instance, however if any user engages in any of the below defederatable behavior
they will be given warnings, and subseqeuntly suspended or removed from the instance, depending on severity.
</h4>
<hr>
<h3>Federation Policy</h3>
<h4><a href="/fed-list"><u>Defed/Suspend List & Reasons <span style="color:#f38ba8">- To Be Updated!</span></u></a></h4>
<h4>We strive to be an inclusive instance, this means we prefer not to defederate unless sufficient
evidence of problematic behavior has been provided. That being said,
here is what we consider to be problematic behavior:
</h4>
<b>Defederatable:</b>
<ul role="list" style="list-style-type:circle">
<li>Anything Illegal* in The State of California</li>
<li>Pedophilia</li>
<p>- Absolutely zero tolerance. Filthy.</p>
<li>Being a Fed</li>
<p>- I just hate the government.</p>
<li>Hate Speech of any marginalized group</li>
<p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p>
<li>Admin is a fan of the Seattle Seahawks</li>
</ul>
<br>
<b>Suspend/Silence:</b>
<ul role="list" style="list-style-type:circle">
<li>Excessive "Trolling" AKA. Harrassment.</li>
<p>- Just don't annoy the shit out of our users, I guess</p>
<li>Being annoying</li>
<p>- This is 100% up to my personal biasis</p>
<li>Spam Bots</li>
</ul>
<hr>
<h3>Alternative Clients</h3>
<b>Ouroboros.gay Hosted Web:</b>
<ul role="list" style="list-style-type:circle">
<li><a href="https://campfire.ouroboros.gay">Campfire</a></li>
<li><a href="https://elk.ouroboros.gay">Elk</a></li>
<li><a href="https://8bloat.ouroboros.gay">8bloat</a></li>
</ul>
</main>
</Layout>
<style>
main {
margin: auto;
@ -27,4 +70,73 @@ import Card from '../components/Card.astro';
text-align: center;
margin-bottom: 1em;
}
h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1;
margin-bottom: .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: .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

@ -1,134 +0,0 @@
---
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
---
<Layout title="Ouroboros.Gay Info">
<main>
<h1><a href="/"><u><span class="text-gradient-2">Information about Ouroboros.Gay</span></u></a></h1>
<h2><span class="text-gradient-1">Terms Of Service</span></h2>
<br>
<h3>In-Server Rules & Info</h3>
<h4>While this is a closed-signup instance, you may request an invite code by 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>As it stands there are no real set rules of the instance, however if any user engages in any of the below defederatable behavior
they will be given warnings, and subseqeuntly suspended or removed from the instance, depending on severity.
</h4>
<br>
<h3>Federation Policy</h3>
<h4><a href="/fed-list"><u>Defed/Suspend List & Reasons</u></a></h4>
<h4>We strive to be an inclusive instance, this means we prefer not to defederate unless sufficient
evidence of problematic behavior has been provided. That being said,
here is what we consider to be problematic behavior:
</h4>
<b>Defederatable:</b>
<ul role="list" style="list-style-type:circle">
<li>Anything Illegal* in The State of California</li>
<li>Pedophilia</li>
<p>- Absolutely zero tolerance. Filthy.</p>
<li>Being a Fed</li>
<p>- I just hate the government.</p>
<li>Hate Speech of any marginalized group</li>
<p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p>
<li>Admin is a fan of the Seattle Seahawks</li>
</ul>
<br>
<b>Suspend/Silence:</b>
<ul role="list" style="list-style-type:circle">
<li>Excessive "Trolling" AKA. Harrassment.</li>
<p>- Just don't annoy the shit out of our users, I guess</p>
<li>Being annoying</li>
<p>- This is 100% up to my personal biasis</p>
<li>Spam Bots</li>
</ul>
</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: .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: .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>