81 lines
1.7 KiB
HTML
81 lines
1.7 KiB
HTML
<!doctype html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Terrible Working Environment — North Pole Blog</title>
|
||
<style>
|
||
body {
|
||
margin: 0;
|
||
background: #d9f3e1; /* pale Xmas green */
|
||
color: #000000;
|
||
font-family: Verdana, Arial, sans-serif;
|
||
}
|
||
.page {
|
||
max-width: 800px;
|
||
margin: 20px auto;
|
||
padding: 12px 16px 18px;
|
||
background: #ffffff;
|
||
border: 3px solid #c00000; /* Xmas red */
|
||
}
|
||
.subtitle {
|
||
font-size: 11px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 1px;
|
||
color: #006600;
|
||
margin-bottom: 4px;
|
||
}
|
||
h1 {
|
||
font-size: 20px;
|
||
margin: 6px 0 10px;
|
||
color: #900000;
|
||
}
|
||
p {
|
||
font-size: 13px;
|
||
line-height: 1.4;
|
||
margin: 6px 0 16px;
|
||
color: #333333;
|
||
}
|
||
h2 {
|
||
font-size: 15px;
|
||
margin: 16px 0 8px;
|
||
color: #006600;
|
||
}
|
||
ul.posts {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
border-top: 1px solid #cc9999;
|
||
padding-top: 10px;
|
||
}
|
||
.posts li {
|
||
font-size: 13px;
|
||
padding: 6px 0;
|
||
border-bottom: 1px solid #f0d0d0;
|
||
}
|
||
.posts a {
|
||
color: #a00000;
|
||
text-decoration: none;
|
||
font-weight: bold;
|
||
}
|
||
.posts a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="page">
|
||
<div class="subtitle">North Pole Blog</div>
|
||
<h1>Terrible Working Environment</h1>
|
||
<p>
|
||
Unfiltered notes from elves assigned to the tech side of Santa’s operations.
|
||
Long hours, blinking lights, and not enough cocoa.
|
||
</p>
|
||
|
||
<h2>Posts</h2>
|
||
<ul class="posts">
|
||
<li><a href="/post/1">Post 1</a></li>
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
</html>
|