commit 8e0b4625adfec9aff6d0d69bbece2d1ce2bcf760
Author: goblin <miacelium@tuta.io>
Date: Sun, 28 Dec 2025 03:26:39 +0100
Initial website: theme and landing page
Diffstat:
| A | .gitignore | | | 61 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | index.html | | | 68 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | theme.css | | | 129 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
3 files changed, 258 insertions(+), 0 deletions(-)
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,61 @@
+# Credentials and secrets - NEVER commit these
+.env
+.env.*
+*.env
+secrets/
+credentials/
+*.key
+*.pem
+*.crt
+*_rsa
+*_ed25519
+*.p12
+*.pfx
+
+# API keys and tokens
+*token*
+*secret*
+*password*
+*apikey*
+*.credentials
+
+# SSH
+.ssh/
+id_rsa*
+id_ed25519*
+
+# Config files that might contain secrets
+config.local.*
+*.local.json
+*.local.yml
+*.local.yaml
+
+# Database
+*.db
+*.sqlite
+*.sqlite3
+
+# Logs
+*.log
+logs/
+
+# OS files
+.DS_Store
+Thumbs.db
+desktop.ini
+
+# Editor files
+.vscode/
+.idea/
+*.swp
+*.swo
+*~
+
+# Node
+node_modules/
+
+# Python
+__pycache__/
+*.pyc
+.venv/
+venv/
diff --git a/index.html b/index.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>miacelium.gay</title>
+<link rel="stylesheet" href="/theme.css">
+<style>
+* { margin: 0; padding: 0; box-sizing: border-box; }
+body {
+ font-family: var(--font-mono);
+ background: var(--bg-primary);
+ color: var(--text-secondary);
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: var(--space-8);
+}
+main {
+ max-width: 40rem;
+ width: 100%;
+}
+h1 {
+ color: var(--accent-primary);
+ font-size: var(--text-2xl);
+ font-weight: 400;
+ margin-bottom: var(--space-6);
+ border-bottom: 1px solid var(--border-subtle);
+ padding-bottom: var(--space-3);
+}
+ul { list-style: none; }
+li { margin: var(--space-3) 0; }
+a {
+ color: var(--accent-secondary);
+}
+a:hover {
+ color: var(--accent-tertiary);
+}
+.desc {
+ color: var(--text-muted);
+ margin-left: var(--space-4);
+}
+footer {
+ margin-top: var(--space-8);
+ padding-top: var(--space-4);
+ border-top: 1px solid var(--border-subtle);
+ color: var(--text-dim);
+ font-size: var(--text-sm);
+}
+.ipv6 { color: var(--color-success); }
+.ipv4 { color: var(--text-muted); }
+</style>
+</head>
+<body>
+<main>
+<h1>miacelium.gay</h1>
+<ul>
+<li><a href="https://mc.miacelium.gay">mc</a><span class="desc">— minecraft server</span></li>
+<li><a href="https://monitor.miacelium.gay">monitor</a><span class="desc">— grafana dashboard</span></li>
+<li><a href="/theme.css">theme.css</a><span class="desc">— color palette</span></li>
+</ul>
+<footer>
+<span class="ipv6">ipv6: 2a0e:97c0:3e3:408::1</span> · <span class="ipv4">ipv4: 37.221.93.151</span>
+</footer>
+</main>
+</body>
+</html>
diff --git a/theme.css b/theme.css
@@ -0,0 +1,129 @@
+/*
+ * miacelium.gay Color Theme
+ * Based on terminal color scheme - purple/magenta aesthetic
+ * Use these CSS custom properties for consistent theming
+ */
+
+:root {
+ /* Background colors */
+ --bg-primary: #0a0a0a;
+ --bg-secondary: #121212;
+ --bg-tertiary: #1a1a1a;
+ --bg-elevated: #242424;
+
+ /* Text colors */
+ --text-primary: #e0e0e0;
+ --text-secondary: #a0a0a0;
+ --text-muted: #666666;
+ --text-dim: #444444;
+
+ /* Accent colors - Purple/Magenta theme */
+ --accent-primary: #b48ead; /* Soft purple - main accent */
+ --accent-secondary: #a277ff; /* Bright purple - links, highlights */
+ --accent-tertiary: #c792ea; /* Light purple - hover states */
+
+ /* Semantic colors */
+ --color-success: #a3be8c; /* Green - success, online */
+ --color-warning: #ebcb8b; /* Yellow - warnings */
+ --color-error: #bf616a; /* Red - errors, offline */
+ --color-info: #88c0d0; /* Cyan - info, comments */
+
+ /* Border colors */
+ --border-subtle: #333333;
+ --border-default: #444444;
+ --border-accent: #b48ead40;
+
+ /* Special */
+ --selection-bg: #b48ead30;
+ --code-bg: #1a1a1a;
+ --scrollbar-thumb: #333333;
+ --scrollbar-track: #0a0a0a;
+}
+
+/* Dark mode is default, but define explicitly */
+@media (prefers-color-scheme: dark) {
+ :root {
+ color-scheme: dark;
+ }
+}
+
+/* Typography scale */
+:root {
+ --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Consolas', monospace;
+ --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+
+ --text-xs: 0.75rem;
+ --text-sm: 0.875rem;
+ --text-base: 1rem;
+ --text-lg: 1.125rem;
+ --text-xl: 1.25rem;
+ --text-2xl: 1.5rem;
+ --text-3xl: 2rem;
+
+ --leading-tight: 1.25;
+ --leading-normal: 1.5;
+ --leading-relaxed: 1.75;
+}
+
+/* Spacing scale */
+:root {
+ --space-1: 0.25rem;
+ --space-2: 0.5rem;
+ --space-3: 0.75rem;
+ --space-4: 1rem;
+ --space-6: 1.5rem;
+ --space-8: 2rem;
+ --space-12: 3rem;
+ --space-16: 4rem;
+}
+
+/* Utility classes */
+.text-primary { color: var(--text-primary); }
+.text-secondary { color: var(--text-secondary); }
+.text-muted { color: var(--text-muted); }
+.text-accent { color: var(--accent-primary); }
+.text-success { color: var(--color-success); }
+.text-warning { color: var(--color-warning); }
+.text-error { color: var(--color-error); }
+.text-info { color: var(--color-info); }
+
+.bg-primary { background-color: var(--bg-primary); }
+.bg-secondary { background-color: var(--bg-secondary); }
+.bg-elevated { background-color: var(--bg-elevated); }
+
+/* Link styles */
+a {
+ color: var(--accent-secondary);
+ text-decoration: none;
+ transition: color 0.15s ease;
+}
+
+a:hover {
+ color: var(--accent-tertiary);
+ text-decoration: underline;
+}
+
+/* Selection */
+::selection {
+ background-color: var(--selection-bg);
+ color: var(--text-primary);
+}
+
+/* Scrollbar */
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+
+::-webkit-scrollbar-track {
+ background: var(--scrollbar-track);
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--scrollbar-thumb);
+ border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: var(--border-default);
+}
