diff options
Diffstat (limited to 'stuff/index.html')
| -rw-r--r-- | stuff/index.html | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/stuff/index.html b/stuff/index.html new file mode 100644 index 0000000..6e73ad8 --- /dev/null +++ b/stuff/index.html @@ -0,0 +1,106 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>subh.space</title> + <style> + :root { + --bg0: #282828; + --bg1: #3c3836; + --fg: #ebdbb2; + --gray: #928374; + --yellow: #fabd2f; + --aqua: #8ec07c; + --orange: #fe8019; + } + + body { + font-family: 'Iosevka Nerd Font Propo'; + line-height: 1.6; + color: var(--fg); + background-color: var(--bg0); + max-width: 650px; + margin: 60px auto; + padding: 0 20px; + -webkit-font-smoothing: antialiased; + } + + header { + margin-bottom: 40px; + } + + h1 { + font-size: 1.8em; + color: var(--yellow); + margin-bottom: 10px; + } + + .subtitle { + color: var(--gray); + font-size: 0.95em; + } + + nav ul { + list-style: none; + padding: 0; + } + + nav li { + margin-bottom: 15px; + display: flex; + justify-content: space-between; + align-items: baseline; + border-bottom: 1px dotted var(--bg1); + padding-bottom: 8px; + } + + nav a { + color: var(--aqua); + text-decoration: none; + font-weight: 500; + transition: color 0.2s; + } + + nav a:hover { + color: var(--orange); + text-decoration: underline; + } + + .date { + font-family: 'Fira Code', monospace; + font-size: 0.85em; + color: var(--gray); + } + + footer { + margin-top: 60px; + font-size: 0.8em; + color: var(--gray); + text-align: center; + } + </style> +</head> +<body> + + <header> + <h1>Random Stuff</h1> + </header> + + <main> + <nav> + <ul> + <li> + <a href="cloudflare-dot.html">DNS over TLS (DoT) with Cloudflare</a> + <span class="date">2026-04-14</span> + </li> + </ul> + </nav> + </main> + + <footer> + <p>© 2026 subh.space</p> + </footer> + +</body> +</html> |