<div class="menu">

<a>

<h1>

<em>Notes</em>

</h1>

</a>

</div>

<div class="jumbo">

<a class="right q37" href="http://q37.info/" ></a>

<h2>Welcome!</h2>

<p>

<span>Let's take some notes with the </span>

<span style="font-weight: bold;">

<span style="font-style: oblique">Atlas</span>

<span> toolkit</span>

</span>

<span>!</span>

</p>

<a href="http://atlastk.org/" class="button">

<span> About </span>

</a>

</div>

<div>

<span class="list-filter">

<input id="Pattern" placeholder="Filter By Title" class="liset-filter light" type="text" xdh:onevent="Search" />

</span>

<div style="margin: auto; display: flex; justify-content: space-around; width: 50%;">

<span>

<label>

<input id="DescriptionToggling" type="checkbox" xdh:onevent="ToggleDescriptions" />

<span> Hide descriptions </span>

</label>

</span>

<button class="button" id="CreateButton" xdh:mark="0" xdh:onevent="Edit">Create</button>

</div>

</div>

<div id="Notes" />