update-to!

This commit is contained in:
nelle 2024-07-11 04:31:22 -06:00
parent f05fdad5bb
commit 5a277c533e
16 changed files with 451 additions and 7952 deletions

View file

@ -1,54 +1,3 @@
# Astro Starter Kit: Basics # Informational Site for Ouroboros.Gay
```sh - Built statically with Astro
npm create astro@latest -- --template basics
```
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
## 🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
```text
/
├── public/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ └── Card.astro
│ ├── layouts/
│ │ └── Layout.astro
│ └── pages/
│ └── index.astro
└── package.json
```
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the `public/` directory.
## 🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
| :------------------------ | :----------------------------------------------- |
| `npm install` | Installs dependencies |
| `npm run dev` | Starts local dev server at `localhost:4321` |
| `npm run build` | Build your production site to `./dist/` |
| `npm run preview` | Preview your build locally, before deploying |
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI |
## 👀 Want to learn more?
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

2
package-lock.json generated
View file

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

64
public/css/classes.css Normal file
View file

@ -0,0 +1,64 @@
@import "nav-buttons.css";
@import "cards.css";
@import "instructions.class";
.title {
font-size: 42px;
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
}
.text-gradient {
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
}
.menu {
text-align: center;
}
.content {
width: 90%;
max-width: 75em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid var(--accent-color);
border-radius: 5px;
opacity: 0.9;
background: rgba(0, 0, 0, .42);
-webkit-box-shadow: 0 0 4px var(--accent-color);
-moz-box-shadow: 0 0 4px var(--accent-color);
box-shadow: 0 0 4px var(--accent-color);
}
.small-quote {
font-size: smaller;
color: #a6adc8;
}
textarea {
-webkit-box-shadow: 0 0 4px var(--accent-color);
-moz-box-shadow: 0 0 4px var(--accent-color);
box-shadow: 0 0 4px var(--accent-color);
resize: none;
}
textarea,
select {
width: 82%;
appearance: none;
outline: none;
font-family: inherit;
background: transparent;
color: inherit;
border-bottom: 1px solid currentColor;
border-radius: 10px;
}

19
public/css/colors.css Normal file
View file

@ -0,0 +1,19 @@
:root {
--accent: 250, 179, 135;
--accent-light: 250, 221, 201;
--accent-dark: 149, 106, 81;
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60%);
color: white;
}
a:link {
color: #89b4fa
}
a:visited {
color: #b4befe
}
a:hover {
color: #89dceb
}

50
public/css/infogay.css Normal file
View file

@ -0,0 +1,50 @@
@import "classes.css";
@import "colors.css";
@font-face {
font-family: standardGalactic;
src: url(/fonts/galactic.ttf);
}
:root {
background: #1e1e2e;
-webkit-background-size: repeat;
-moz-background-size: cover;
-o-background-size: cover;
background-size: repeat;
padding: 1rem;
width: 1000px;
max-width: calc(100% - 2rem);
font-size: 20px;
font-family: system-ui, sans-serif;
line-height: 1.6;
margin: auto;
--accent-color: #a6e3a1;
}
footer {
text-align: center;
}
figure {
text-align: center;
}
audio {
width: 100%;;
}
h1 {
font-size: 4rem;
font-weight: 700;
line-height: 1;
margin-bottom: 1em;
text-align: center;
}
hr {
width: 32%;
color: #6e738d;
}

View file

@ -0,0 +1,24 @@
.instructions {
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;
-webkit-box-shadow: 0 0 20px #f5a97f;
-moz-box-shadow: 0 0 20px #f5a97f;
box-shadow: 0 0 20px #f5a97f;
}
.instructions 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;
}
.instructions strong {
color: rgb(var(--accent-light));
}

109
public/css/nav-buttons.css Normal file
View file

@ -0,0 +1,109 @@
.custom-btn {
width: 130px;
height: 40px;
color: #4c4f69;
border-radius: 5px;
padding: 10px 25px;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
7px 7px 20px 0px rgba(0, 0, 0, .1),
4px 4px 5px 0px rgba(0, 0, 0, .1);
outline: none;
font-size: large;
-webkit-box-shadow: 0 0 10px #f5a97f;
-moz-box-shadow: 0 0 10px #f5a97f;
box-shadow: 0 0 10px #f5a97f;
}
/* 8 */
.btn-1 {
background-color: #c6d0f5;
background-image: linear-gradient(315deg, #c6d0f5 0%, #fab387 74%);
line-height: 42px;
padding: 0;
border: none;
}
.btn-1 span {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.btn-1:before,
.btn-1:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
background: #fab387;
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
}
.btn-1:before {
height: 0%;
width: 2px;
}
.btn-1:after {
width: 0%;
height: 2px;
}
.btn-1:hover:before {
height: 100%;
}
.btn-1:hover:after {
width: 100%;
}
.btn-1:hover {
background: transparent;
}
.btn-1 span:hover {
color: #fab387;
}
.btn-1 span:before,
.btn-1 span:after {
position: absolute;
content: "";
left: 0;
top: 0;
background: #fab387;
/*box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
transition: all 0.3s ease;
}
.btn-1 span:before {
width: 2px;
height: 0%;
}
.btn-1 span:after {
height: 2px;
width: 0%;
}
.btn-1 span:hover:before {
height: 100%;
}
.btn-1 span:hover:after {
width: 100%;
}

0
public/css/old.css Normal file
View file

File diff suppressed because it is too large Load diff

View file

@ -1,40 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My custom Bulma website</title>
<link rel="stylesheet" href="css/mystyles.css">
</head>
<body>
<h1 class="title">
Bulma
</h1>
<p class="subtitle">
Modern CSS framework based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Flexbox</a>
</p>
<div class="field">
<div class="control">
<input class="input" type="text" placeholder="Input">
</div>
</div>
<div class="field">
<p class="control">
<span class="select">
<select>
<option>Select dropdown</option>
</select>
</span>
</p>
</div>
<div class="buttons">
<a class="button is-primary">Primary</a>
<a class="button is-link">Link</a>
</div>
</body>
</html>

File diff suppressed because it is too large Load diff

View file

@ -1,20 +0,0 @@
{
"name": "mybulma",
"version": "1.0.0",
"description": "",
"main": "sass/mystyles.scss",
"scripts": {
"css-build": "node-sass --omit-source-map-url sass/mystyles.scss css/mystyles.css",
"css-watch": "npm run css-build -- --watch",
"start": "npm run css-watch"
},
"author": "",
"license": "ISC",
"devDependencies": {
"bulma": "^0.9.4",
"node-sass": "^8.0.0"
},
"dependencies": {
"bulma-pageloader": "^0.3.0"
}
}

View file

@ -1,58 +0,0 @@
@charset "utf-8";
// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
// Set your brand colors
$lime:#00fdbe;
$purple: #a45e8d;
$trans-pink: #F5A9B8;
$beige-light: #eaeaea;
$trans-blue: #5bcefa;
$greyish: #1d1d1d;
$sapphire: #85c1dc;
// Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif;
$grey-dark: #414559;
$grey-light: #626880;
$primary: #c6d0f5;
$link: $sapphire;
$widescreen-enabled: false;
$fullhd-enabled: false;
// Update some of Bulma's component variables
$body-background-color: #303446;
$control-border-width: 2px;
$input-border-color: transparent;
$input-shadow: none;
//my shit
$title-color: $sapphire;
$input-color: #a5adce;
$primary: #c6d0f5;
$text-strong: #a5adce;
$text: #c6d0f5;
/////navbar
$navbar-background-color: #181825;
$navbar-item-color: $sapphire;
$navbar-item-hover-background-color: #11111b;
$navbar-dropdown-background-color: #11111b;
$navbar-dropdown-item-hover-color: $sapphire;
$navbar-dropdown-item-hover-background-color: #11111b;
$navbar-divider-background-color: #737994;
//$navbar-dropdown-item-active-color: $off-off-off-dark;
//$navbar-dropdown-item-active-background-color: $off-off-dark;
// Import only what you need from Bulma
@import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/base/_all.sass";
@import "../node_modules/bulma/sass/elements/button.sass";
@import "../node_modules/bulma/sass/elements/container.sass";
@import "../node_modules/bulma/sass/elements/title.sass";
@import "../node_modules/bulma/sass/form/_all.sass";
@import "../node_modules/bulma/sass/components/navbar.sass";
@import "../node_modules/bulma/sass/layout/hero.sass";
@import "../node_modules/bulma/sass/layout/section.sass";

View file

@ -14,7 +14,7 @@ const { title } = Astro.props;
<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="/mybulma/css/mystyles.css"> <link rel="stylesheet" href="/css/infogay.css">
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body>
@ -22,11 +22,10 @@ const { title } = Astro.props;
<div class="container"> <div class="container">
<slot /> <slot />
</div> </div>
<div class="content">
<footer class="footer"> <footer class="footer">
<center> <h3>Hosted by <a href="https://ouroboros.group/" style="text-align: center;">Ouroboros Group</a></h3></footer></div>
<div class="content has-text-centered">
<br><br>
<h3>made by <a href="https://limepot.xyz">Luna-Nelle</a></h3></footer>
</section> </section>
</body> </body>
</html> </html>

View file

@ -5,11 +5,13 @@ import Card from '../components/Card.astro';
<Layout title="Ouroboros.Gay Info"> <Layout title="Ouroboros.Gay Info">
<main> <main>
<h1><a href="/"><u><span class="text-gradient-2">Information about Ouroboros.Gay</span></u></a></h1> <div class="content">
<h2><span class="text-gradient-1">Defederatation List</span></h2> <h2 class="text-gradient-2"><a href="/"><u>Information about Ouroboros.Gay</u></a></h2>
<center><h4>If you believe your instance has been wrongfully blocked, please contact @limepot@ouroboros.gay</h4></center> <h3 class="text-gradient-1" style="text-align: center;">Defederatation List</h3>
<br> <h4 style="text-align: center;">If you believe your instance has been wrongfully blocked, please contact @limepot@ouroboros.gay</h4>
<h3>Defederated:</h3> </div>
<div class="content">
<h4>Defederated:</h4>
<ul role="list" style="list-style-type:circle"> <ul role="list" style="list-style-type:circle">
<li>*.instagram.com</li> <li>*.instagram.com</li>
<p>Ew Corporation</p> <p>Ew Corporation</p>
@ -104,8 +106,9 @@ import Card from '../components/Card.astro';
<li>monk.ey.business</li> <li>monk.ey.business</li>
<p>Pedophilia</p> <p>Pedophilia</p>
</ul> </ul>
<br> </div>
<h3>Suspended/Silenced:</h2> <div class="content">
<h4>Suspended/Silenced:</h4>
<ul role="list" style="list-style-type:circle"> <ul role="list" style="list-style-type:circle">
<li>the.asbestos.cafe</li> <li>the.asbestos.cafe</li>
<p>Skill Issue.</p> <p>Skill Issue.</p>
@ -141,6 +144,7 @@ import Card from '../components/Card.astro';
<li>sneed.social</li> <li>sneed.social</li>
<p>Skill Issue.</p> <p>Skill Issue.</p>
</ul> </ul>
</div>
</main> </main>
</Layout> </Layout>
<style> <style>

View file

@ -1,27 +1,55 @@
--- ---
import Layout from '../layouts/Layout.astro'; import Layout from "../layouts/Layout.astro";
import Card from '../components/Card.astro'; import Card from "../components/Card.astro";
--- ---
<Layout title="Ouroboros.Gay Info"> <Layout title="Ouroboros.Gay Info">
<main> <main>
<h1><a href="/"><u><span class="text-gradient-2">Information about Ouroboros.Gay</span></u></a></h1> <div class="content">
<h2><span class="text-gradient-1"><a href="https://www.youtube.com/watch?v=_ccoZhuNlls">Terms Of Service</a></span></h2> <h2>
<hr> <a href="/"
><u
><span class="text-gradient-2">Information about Ouroboros.Gay</span
></u
></a>
</h2>
<h3 style="text-align: center;">
<span class="text-gradient-1"
><a href="https://www.youtube.com/watch?v=_ccoZhuNlls"
>Terms Of Service</a
></span>
</h3></div>
<div class="content">
<h3>In-Server Rules & Info</h3> <h3>In-Server Rules & Info</h3>
<h4>While this is a closed-signup instance, you may request an invite code by messaging <h4>
<a href="https://ouroboros.gay/@limepot"><u>@limepot@ouroboros.gay</u></a> or emailing While this is a closed-signup instance, you may request an invite code by
<a href="mailto:bm01@limepot.xyz"><u>bm01@limepot.xyz</u></a>, with an intro about you and why you want to join. 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>As it stands there are no real set rules of the instance, however if any user engages in any of the below defederatable behavior <h4>
they will be given warnings, and subseqeuntly suspended or removed from the instance, depending on severity. 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> </h4>
<hr> <hr />
<h3>Federation Policy</h3> <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>
<h4>We strive to be an inclusive instance, this means we prefer not to defederate unless sufficient <a href="/fed-list"
evidence of problematic behavior has been provided. That being said, ><u
here is what we consider to be problematic behavior: >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> </h4>
<b>Defederatable:</b> <b>Defederatable:</b>
<ul role="list" style="list-style-type:circle"> <ul role="list" style="list-style-type:circle">
@ -34,7 +62,7 @@ import Card from '../components/Card.astro';
<p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p> <p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p>
<li>Admin is a fan of the Seattle Seahawks</li> <li>Admin is a fan of the Seattle Seahawks</li>
</ul> </ul>
<br> <br />
<b>Suspend/Silence:</b> <b>Suspend/Silence:</b>
<ul role="list" style="list-style-type:circle"> <ul role="list" style="list-style-type:circle">
<li>Excessive "Trolling" AKA. Harrassment.</li> <li>Excessive "Trolling" AKA. Harrassment.</li>
@ -43,7 +71,7 @@ import Card from '../components/Card.astro';
<p>- This is 100% up to my personal biasis</p> <p>- This is 100% up to my personal biasis</p>
<li>Spam Bots</li> <li>Spam Bots</li>
</ul> </ul>
<hr> <hr />
<h3>Alternative Clients</h3> <h3>Alternative Clients</h3>
<b>Ouroboros.gay Hosted Web:</b> <b>Ouroboros.gay Hosted Web:</b>
<ul role="list" style="list-style-type:circle"> <ul role="list" style="list-style-type:circle">
@ -51,6 +79,7 @@ import Card from '../components/Card.astro';
<li><a href="https://elk.ouroboros.gay">Elk</a></li> <li><a href="https://elk.ouroboros.gay">Elk</a></li>
<li><a href="https://8bloat.ouroboros.gay">8bloat</a></li> <li><a href="https://8bloat.ouroboros.gay">8bloat</a></li>
</ul> </ul>
</div>
</main> </main>
</Layout> </Layout>
<style> <style>
@ -74,7 +103,7 @@ import Card from '../components/Card.astro';
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-bottom: .1em; margin-bottom: 0.1em;
text-align: center; text-align: center;
} }
h3 { h3 {
@ -90,7 +119,7 @@ import Card from '../components/Card.astro';
margin-bottom: 1em; margin-bottom: 1em;
} }
p { p {
font-size: .98rem; font-size: 0.98rem;
font-weight: 250; font-weight: 250;
line-height: 1; line-height: 1;
} }
@ -118,7 +147,10 @@ import Card from '../components/Card.astro';
.informational { .informational {
margin-bottom: 2rem; margin-bottom: 2rem;
border: 1px solid rgba(var(--accent-light), 25%); border: 1px solid rgba(var(--accent-light), 25%);
background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%)); background: linear-gradient(
rgba(var(--accent-dark), 66%),
rgba(var(--accent-dark), 33%)
);
padding: 1.5rem; padding: 1.5rem;
border-radius: 8px; border-radius: 8px;
} }