38 lines
2.3 KiB
HTML
38 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Zk | Mandelnote</title>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Gentium+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Lato&family=Ubuntu+Monodisplay=swap" />
|
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>Zk | Mandelnote</h1>
|
|
</header>
|
|
<article class="content">
|
|
<video src="/assets/mandelnote.webm" autoplay loop></video>
|
|
|
|
<p>I found myself writing pretty often in a variation of what’s called the snowflake method, where you start with an idea, then come up with an outline of acts, then come up with an outline of chapters, then come up with an outline of scenes. Then you write the scenes and flatten them into chapters, then flatten the chapters into acts, then flatten the acts into the final product.</p>
|
|
<p>To that end, I decided to poke at making an editor for just that. It stores each of those elements in cards in a notebook which one can move between set titles, set contents, etc. The format that it uses is just Markdown: cards are a header of any depth followed by the text of the body.</p>
|
|
<video src="/assets/mandelnote-2.webm" autoplay loop></video>
|
|
|
|
<p>The goal of Mandelnote is to provide a unique outlining and writing experience based loosely on the snowflake method: acts contain chapters contain scenes, which can then be written and then merged and promoted until one has a completed work. Of course, it’s more general than that, it doesn’t rely on the idea of acts/chapters/scenes, of course.</p>
|
|
<p>Since the native file format is just markdown with a YAML block, it’s suitable for using in Jekyll, Hugo, and the like.</p>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2023-05-10</p>
|
|
</footer>
|
|
</main>
|
|
<script type="text/javascript">
|
|
document.querySelectorAll('.tag').forEach(tag => {
|
|
let text = tag.innerText;
|
|
tag.innerText = '';
|
|
tag.innerHTML = `<a href="/tags.html#${text}">${text}</a>`;
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|