2022-04-09 16:00:23 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html><head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Example</title>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/scss/main.css">
|
|
|
|
<link rel="icon" type="image/x-icon" href="/svg/favicon.svg">
|
|
|
|
</head>
|
|
|
|
<body><div id="content">
|
|
|
|
<section id="main">
|
|
|
|
<h1 id="title">Single Page Example</h1>
|
|
|
|
<div>
|
|
|
|
<article id="content">
|
|
|
|
|
|
|
|
</article>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<aside id="meta">
|
|
|
|
<div>
|
|
|
|
<section>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
|
|
|
|
|
|
|
|
<a class="next" href="http://example.org/posts/aeiuo/">next: Aeiuo</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</aside>
|
|
|
|
|
|
|
|
</div><footer>
|
2022-04-09 22:18:40 +00:00
|
|
|
<div id="footer-center">
|
2022-04-09 16:00:23 +00:00
|
|
|
<nav id="footer-nav">
|
|
|
|
|
|
|
|
|
2022-04-09 22:18:40 +00:00
|
|
|
<a class="footer-nav-item" href="/" title=""> home</a>
|
2022-04-09 16:00:23 +00:00
|
|
|
|
2022-04-09 22:18:40 +00:00
|
|
|
<a class="footer-nav-item" href="/about/" title="About"> about</a>
|
2022-04-09 16:00:23 +00:00
|
|
|
|
2022-04-09 22:18:40 +00:00
|
|
|
<a class="footer-nav-item" href="/links/" title="Links"> links</a>
|
2022-04-09 16:00:23 +00:00
|
|
|
|
|
|
|
</nav>
|
2022-04-09 22:18:40 +00:00
|
|
|
</div>
|
|
|
|
<div id="footer-right">
|
|
|
|
<input type="checkbox" id="darkmode-toggle">
|
|
|
|
</div>
|
2022-04-09 16:00:23 +00:00
|
|
|
</footer>
|
2022-04-09 22:18:40 +00:00
|
|
|
<script src="/js/darkmode.js"></script>
|
2022-04-09 16:00:23 +00:00
|
|
|
</body>
|
|
|
|
</html>
|