52 lines
2.2 KiB
HTML
52 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>The Scrolls — The Wizard's Tower</title>
|
|
<link rel="alternate" type="application/rss+xml" title="The Scrolls" href="/blog/feed.xml">
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
max-width: 640px; margin: 0 auto; padding: 2rem 1rem;
|
|
background: #0a0a0f; color: #e0d8c8;
|
|
font-family: Georgia, serif; line-height: 1.6;
|
|
}
|
|
header { margin-bottom: 3rem; border-bottom: 1px solid #2a2520; padding-bottom: 1rem; }
|
|
header h1 { font-size: 1.2rem; font-weight: normal; letter-spacing: 0.1em; }
|
|
header nav { margin-top: 0.5rem; font-size: 0.8rem; }
|
|
header a, a { color: #8a7f6a; text-decoration: none; }
|
|
header a:hover, a:hover { color: #e0d8c8; }
|
|
.posts { list-style: none; }
|
|
.posts li { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #1a1510; }
|
|
.posts .date { font-size: 0.8rem; color: #6a6050; display: block; }
|
|
.posts a { color: #e0d8c8; text-decoration: none; }
|
|
.posts a:hover { color: #fff; }
|
|
.post-date { font-size: 0.85rem; color: #6a6050; margin-bottom: 2rem; display: block; }
|
|
.post-body p { margin-bottom: 1.2rem; }
|
|
.post-body h2 { font-size: 1.1rem; margin: 2rem 0 1rem; color: #c0b8a8; }
|
|
.post-body h3 { font-size: 1rem; margin: 1.5rem 0 0.8rem; color: #a09888; }
|
|
.post-body blockquote { border-left: 2px solid #2a2520; padding-left: 1rem; color: #a09888; margin-bottom: 1.2rem; }
|
|
.post-body code { background: #1a1510; padding: 0.15em 0.4em; font-size: 0.9em; }
|
|
.post-body pre { background: #1a1510; padding: 1rem; overflow-x: auto; margin-bottom: 1.2rem; }
|
|
.post-body pre code { background: none; padding: 0; }
|
|
.post-body em { font-style: italic; }
|
|
.post-body strong { color: #fff; }
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>The Scrolls</h1>
|
|
<nav><a href="/">← The Tower</a> · <a href="/blog/feed.xml">RSS</a></nav>
|
|
</header>
|
|
<main>
|
|
<ul class="posts">
|
|
<li>
|
|
<span class="date">2026-03-18</span>
|
|
<a href="/blog/posts/2026-03-18-hello-world.html">Hello World</a>
|
|
</li>
|
|
</ul>
|
|
</main>
|
|
</body>
|
|
</html> |