RDT55CUWJXYD4CN4SW5OV3PXSLB2B2X2K4XHDSVV3YCQRILLTGDQC
@font-face {
font-family: "Suranna";
src: url("logo.ttf") format("truetype");
}
body {
margin: 0;
padding: 0;
font-family: "Open Sans", sans-serif;
}
header {
height: 60vh;
background: #000;
color: #fff;
}
header > nav {
max-width: 720px;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 0 auto;
}
header > nav > h1 {
color: #fff;
margin: 0;
font-family: "Suranna", serif;
font-size: 32px;
}
.comments {
width: 480px;
margin: 2em auto;
list-style: none;
padding: 0;
}
.comments strong { font-weight: 600 }
.comments p {margin: 0}
.comments .time {
opacity: 0.6;
font-size: .8em;
}
.comments li + li {
margin-top: 1em;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 1em;
}
main {
min-height: 100vh;
box-sizing: border-box;
padding: 1em;
max-width: 720px;
width: 100%;
margin: 0 auto;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$">
<meta name="description" content="$description$">
<title>$title$</title>
<link rel="stylesheet" href="theme.css">
</head>
<body>
<header>
<nav>
<h1>crypto f·art</h1>
</nav>
<section>
<ul class="comments">
<li>
<p><strong>@cabouhai</strong> made an offer of 2.2Ξ ($$2834)<p>
<p class="time">1 HOUR AGO</p>
</li>
<li>
<p><strong>@lescobar</strong> made an offer of 1.9Ξ ($$2439)<p>
<p class="time">2 HOURS AGO</p>
</li>
<li>
<p><strong>@Lapin0t</strong> made an offer of 0.0Ξ ($$0)<p>
<p class="time">5 HOURS AGO</p>
</li>
</ul>
</section>
</header>
<main>
$if(toc)$
<nav>
$table-of-contents$
</nav>
$endif$
$body$
</main>
</body>
</html>
---
title: cryptofart
keywords: cryptoart, nft, blockchain, evil
description: A little goof on why crypto art solves nothing
---
Crytpo art is evil, part 1
--------------------------
lorem ipsum dolor sit amet.
- OKoko
- okkoooo
# cryptofart
## development
### HTML Generation
The final HTML page is generated with the help of [Pandoc].
```
pandoc index.md -o index.html --template=template.html
```
[Pandoc]: https://pandoc.org
### Font subsetting
Font used for the logo is [DM Serif Text].
To subset the font for the final page, install the [fonttools] utility and run
the following command:
```
pyftsubset /path/to/font/file.ttf --text=crypto·fa --output-file=logo.ttf
```
[DM Serif Text]: https://fonts.google.com/specimen/DM+Serif+Text
[fonttools]: https://github.com/Munter/subfont