limepotato/ouroboros-gay-info
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update-to!

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

55
README.md
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;
}

24
public/css/instructions.css Normal file
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

3415
public/mybulma/css/mystyles.css
View file

File diff suppressed because it is too large Load diff

40
public/mybulma/mypage.html
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>

4218
public/mybulma/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

20
public/mybulma/package.json
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"
}
}

58
public/mybulma/sass/mystyles.scss
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";

9
src/layouts/Layout.astro
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>

18
src/pages/fed-list.astro
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>

302
src/pages/index.astro
View file

@ -1,142 +1,174 @@
--- ---
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="/"
<h3>In-Server Rules & Info</h3> ><u
<h4>While this is a closed-signup instance, you may request an invite code by messaging ><span class="text-gradient-2">Information about Ouroboros.Gay</span
<a href="https://ouroboros.gay/@limepot"><u>@limepot@ouroboros.gay</u></a> or emailing ></u
<a href="mailto:bm01@limepot.xyz"><u>bm01@limepot.xyz</u></a>, with an intro about you and why you want to join. ></a>
</h4> </h2>
<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 <h3 style="text-align: center;">
they will be given warnings, and subseqeuntly suspended or removed from the instance, depending on severity. <span class="text-gradient-1"
</h4> ><a href="https://www.youtube.com/watch?v=_ccoZhuNlls"
<hr> >Terms Of Service</a
<h3>Federation Policy</h3> ></span>
<h4><a href="/fed-list"><u>Defed/Suspend List & Reasons <span style="color:#f38ba8">- To Be Updated!</span></u></a></h4> </h3></div>
<h4>We strive to be an inclusive instance, this means we prefer not to defederate unless sufficient <div class="content">
evidence of problematic behavior has been provided. That being said, <h3>In-Server Rules & Info</h3>
here is what we consider to be problematic behavior: <h4>
</h4> While this is a closed-signup instance, you may request an invite code by
<b>Defederatable:</b> messaging
<ul role="list" style="list-style-type:circle"> <a href="https://ouroboros.gay/@limepot"><u>@limepot@ouroboros.gay</u></a>
<li>Anything Illegal* in The State of California</li> or emailing
<li>Pedophilia</li> <a href="mailto:bm01@limepot.xyz"><u>bm01@limepot.xyz</u></a>, with an
<p>- Absolutely zero tolerance. Filthy.</p> intro about you and why you want to join.
<li>Being a Fed</li> </h4>
<p>- I just hate the government.</p> <h4>
<li>Hate Speech of any marginalized group</li> As it stands there are no real set rules of the instance, however if any
<p>- Racism, Transphobia, Homophobia, Queerphobia, Xenophobia, etc.</p> user engages in any of the below defederatable behavior they will be given
<li>Admin is a fan of the Seattle Seahawks</li> warnings, and subseqeuntly suspended or removed from the instance,
</ul> depending on severity.
<br> </h4>
<b>Suspend/Silence:</b> <hr />
<ul role="list" style="list-style-type:circle"> <h3>Federation Policy</h3>
<li>Excessive "Trolling" AKA. Harrassment.</li> <h4>
<p>- Just don't annoy the shit out of our users, I guess</p> <a href="/fed-list"
<li>Being annoying</li> ><u
<p>- This is 100% up to my personal biasis</p> >Defed/Suspend List & Reasons <span style="color:#f38ba8"
<li>Spam Bots</li> >- To Be Updated!</span
</ul> ></u
<hr> ></a>
<h3>Alternative Clients</h3> </h4>
<b>Ouroboros.gay Hosted Web:</b> <h4>
<ul role="list" style="list-style-type:circle"> We strive to be an inclusive instance, this means we prefer not to
<li><a href="https://campfire.ouroboros.gay">Campfire</a></li> defederate unless sufficient evidence of problematic behavior has been
<li><a href="https://elk.ouroboros.gay">Elk</a></li> provided. That being said, here is what we consider to be problematic
<li><a href="https://8bloat.ouroboros.gay">8bloat</a></li> behavior:
</ul> </h4>
</main> <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>
</div>
</main>
</Layout> </Layout>
<style> <style>
main { main {
margin: auto; margin: auto;
padding: 1rem; padding: 1rem;
width: 800px; width: 800px;
max-width: calc(100% - 2rem); max-width: calc(100% - 2rem);
color: white; color: white;
font-size: 20px; font-size: 20px;
line-height: 1.6; line-height: 1.6;
} }
h1 { h1 {
font-size: 4rem; font-size: 4rem;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
margin-bottom: 1em; margin-bottom: 1em;
} }
h2 { h2 {
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 {
font-size: 2rem; font-size: 2rem;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
margin-bottom: 1em; margin-bottom: 1em;
} }
h4 { h4 {
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
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;
} }
.text-gradient { .text-gradient {
background-image: var(--accent-gradient); background-image: var(--accent-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-size: 400%; background-size: 400%;
background-position: 0%; background-position: 0%;
} }
.text-gradient-1 { .text-gradient-1 {
background-image: var(--accent-gradient); background-image: var(--accent-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-size: 140%; background-size: 140%;
background-position: 0%; background-position: 0%;
} }
.text-gradient-2 { .text-gradient-2 {
background-image: var(--accent-gradient); background-image: var(--accent-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-size: 270%; background-size: 270%;
background-position: 0%; background-position: 0%;
} }
.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(
padding: 1.5rem; rgba(var(--accent-dark), 66%),
border-radius: 8px; rgba(var(--accent-dark), 33%)
} );
.informational code { padding: 1.5rem;
font-size: 0.8em; border-radius: 8px;
font-weight: bold; }
background: rgba(var(--accent-light), 12%); .informational code {
color: rgb(var(--accent-light)); font-size: 0.8em;
border-radius: 4px; font-weight: bold;
padding: 0.3em 0.4em; background: rgba(var(--accent-light), 12%);
} color: rgb(var(--accent-light));
.informational strong { border-radius: 4px;
color: rgb(var(--accent-light)); padding: 0.3em 0.4em;
} }
.link-card-grid { .informational strong {
display: grid; color: rgb(var(--accent-light));
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr)); }
gap: 2rem; .link-card-grid {
padding: 0; display: grid;
} grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
gap: 2rem;
padding: 0;
}
</style> </style>