From a1fe3d8e4e72761f814a8876035c5c80cf068391 Mon Sep 17 00:00:00 2001
From: Linnea Gräf <nea@nea.moe>
Date: Sun, 17 Nov 2024 04:01:17 +0100
Subject: feat(web): Move over some docs

---
 web/src/layouts/Content.astro | 63 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 web/src/layouts/Content.astro

(limited to 'web/src/layouts/Content.astro')

diff --git a/web/src/layouts/Content.astro b/web/src/layouts/Content.astro
new file mode 100644
index 0000000..51ad0b8
--- /dev/null
+++ b/web/src/layouts/Content.astro
@@ -0,0 +1,63 @@
+---
+---
+
+<div class="w-3/5 mx-auto px-2 firm-content my-5">
+	<slot></slot>
+</div>
+<style is:global>
+	.firm-content {
+		min-width: 70%;
+		width: 60em;
+		max-width: 100%;
+		line-height: 1.4;
+	}
+
+	.firm-content * {
+		margin-bottom: 1em;
+	}
+
+	.firm-content pre {
+		padding: 0.3em;
+	}
+
+	.firm-content h1 {
+		font-size: 2em;
+		line-height: 1.8;
+		font-weight: bold;
+	}
+
+	.firm-content h2 {
+		font-size: 1.7em;
+		line-height: 1.8;
+		font-weight: bold;
+	}
+
+	.firm-content h3 {
+		font-size: 1.4em;
+		line-height: 1.3;
+		font-weight: bold;
+	}
+
+	.firm-content th {
+		border-bottom: 1px solid aliceblue;
+	}
+
+	.firm-content tr:nth-child(2n) {
+		background: #383b3c;
+	}
+
+	.firm-content h4 {
+		font-size: 1.2em;
+		line-height: 1.3;
+		font-weight: bold;
+	}
+
+	.firm-content a {
+		color: rgb(59 130 246);
+		transition: 300ms ease-in-out;
+	}
+
+	.firm-content a:hover {
+		color: rgb(96 165 250);
+	}
+</style>
-- 
cgit