An experimental interface that could be useful to teach children how to write. Each of the three sections correspond to a distinct phase of the writing process:
xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<title>Learn to Write</title>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<link type="text/css" href="index.css" rel="stylesheet"/>
<script src="index.js"></script>
</head>
<body onload="main()">
<ul class="section" id="ideas">
<li>Idea 1</li>
<li>Idea 2</li>
</ul>
<ol class="section" id="outline">
<li>Introduction</li>
<li>Main content</li>
<li>Conclusions</li>
</ol>
<div class="section" id="text">Actual text.</div>
</body>
</html>
https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js