makyo
/
zk_html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update from sparkleup

This commit is contained in:
Madison Scott-Clary 2020-12-14 19:19:28 -08:00
parent f75d229091
commit dc9e9d37aa
2 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/mandelnote.webm
View File

Binary file not shown.

34
diary/2020-12-14.html Normal file
View File

@ -0,0 +1,34 @@
<!doctype html>
<html>
<head>
<title>Zk | Mandelnote</title>
<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">
<p>I found myself writing pretty often in a variation of what&rsquo;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.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&rsquo;s more general than that, it doesn&rsquo;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&rsquo;s suitable for using in Jekyll, Hugo, and the like.</p>
</article>
<footer>
<p>Page generated on 2020-12-14</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>