index.html (1793B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>miacelium.gay</title> 7 <link rel="stylesheet" href="/theme.css"> 8 <style> 9 * { margin: 0; padding: 0; box-sizing: border-box; } 10 body { 11 font-family: var(--font-mono); 12 background: var(--bg-primary); 13 color: var(--text-secondary); 14 min-height: 100vh; 15 display: flex; 16 justify-content: center; 17 align-items: center; 18 padding: var(--space-8); 19 } 20 main { 21 max-width: 40rem; 22 width: 100%; 23 } 24 h1 { 25 color: var(--accent-primary); 26 font-size: var(--text-2xl); 27 font-weight: 400; 28 margin-bottom: var(--space-6); 29 border-bottom: 1px solid var(--border-subtle); 30 padding-bottom: var(--space-3); 31 } 32 ul { list-style: none; } 33 li { margin: var(--space-3) 0; } 34 a { 35 color: var(--accent-secondary); 36 } 37 a:hover { 38 color: var(--accent-tertiary); 39 } 40 .desc { 41 color: var(--text-muted); 42 margin-left: var(--space-4); 43 } 44 footer { 45 margin-top: var(--space-8); 46 padding-top: var(--space-4); 47 border-top: 1px solid var(--border-subtle); 48 color: var(--text-dim); 49 font-size: var(--text-sm); 50 } 51 .ipv6 { color: var(--color-success); } 52 .ipv4 { color: var(--text-muted); } 53 </style> 54 </head> 55 <body> 56 <main> 57 <h1>miacelium.gay</h1> 58 <ul> 59 <li><a href="https://mc.miacelium.gay">mc</a><span class="desc">— minecraft server</span></li> 60 <li><a href="https://monitor.miacelium.gay">monitor</a><span class="desc">— grafana dashboard</span></li> 61 <li><a href="https://git.miacelium.gay">git</a><span class="desc">— source code</span></li> 62 <li><a href="/theme.css">theme.css</a><span class="desc">— color palette</span></li> 63 </ul> 64 <footer> 65 <span class="ipv6">ipv6: 2a0e:97c0:3e3:408::1</span> · <span class="ipv4">ipv4: 37.221.93.151</span> 66 </footer> 67 </main> 68 </body> 69 </html>