#^body
<div id="split_top">{menubar}</div>
<div id="split_bot">
	<div id="split">
		<div id="split_left">
			<pre id="editor"></pre>
		</div>
		<div id="split_right">
			<pre id="result"></pre>
		</div>
	</div>
</div>

#^menutabs
<div class="menutab_wrap">
	<ul id="menutab">
		<li id="menu_result">
			<div>Results</div>
		</li>
		<li id="menu_doc">
			<div>Documentation</div>
		</li>
	</ul>
</div>

#^menubar
<ul id="menubar">
	<li id="menu_examples">
		<div>Examples</div>
		<ul>
			<li id="menu_examples_select_activity">
				<div>Select activity</div>
			</li>
			<li id="menu_examples_select_organisation">
				<div>Select organisation</div>
			</li>
			<li id="menu_examples_display_org_names">
				<div>Display participating-org names</div>
			</li>
			<li id="menu_examples_select_subarray">
				<div>Select exploded sub array</div>
			</li>
			<li id="menu_examples_select_activity_top_level">
				<div>Select activity top level only</div>
			</li>
			<li id="menu_examples_select_count">
				<div>Select count of activities</div>
			</li>
			<li id="menu_examples_count_document_links">
				<div>Find activities with most document links at top level</div>
			</li>
			<li id="menu_examples_top_organic_tags">
				<div>Top freetext tags</div>
			</li>
			<li id="menu_examples_covid_19">
				<div>COVID-19</div>
			</li>
			<li id="menu_examples_root_list">
				<div>List root use frequencies</div>
			</li>
		</ul>
	</li>
	<li id="menu_execute">
		<div title="Ctrl+Enter">Run <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path d="M4.79 2.093A.5.5 0 004 2.5v10a.5.5 0 00.79.407l7-5a.5.5 0 000-.814l-7-5z" fill="currentColor"></path></svg></div>
	</li>
	<li id="menu_explain">
		<div >Explain</div>
	</li>
	<li id="menu_browse">
		<div>View on d-portal</div>
	</li>
	<li id="download_xson">
		<div>Download <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="14" height="14"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 9.358V1h1v8.293l2.146-2.147.708.708-3.34 3.34L3.91 7.866l.678-.734L7 9.358zM2 13V7H1v7h13V7h-1v6H2z" fill="currentColor"></path></svg></div>
		<ul>
			<li id="download_xson_as_json">
				<a href="#" target="_blank" >Download JSON</a>
			</li>
			<li id="download_xson_as_csv">
				<a href="#" target="_blank" >Download CSV</a>
			</li>
			<li id="download_xson_as_csv_human">
				<a href="#" target="_blank" >Download CSV (human) </a>
			</li>
			<li id="download_xson_as_xson">
				<a href="#" target="_blank" >Download XSON</a>
			</li>
			<li id="download_xson_as_xcsv">
				<a href="#" target="_blank" >Download XCSV</a>
			</li>
			<li id="download_xson_as_xml">
				<a href="#" target="_blank" >Download XML</a>
			</li>
			<li id="download_xson_as_html">
				<a href="#" target="_blank" >Download HTML</a>
			</li>
		</ul>
	</li>
	<li id="menu_how">
		<div><a href="https://github.com/notshi/dquery/blob/master/readme.md" target="_blank">How to <svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" width="15" height="15"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 4.793L11.207 7.5 8.5 10.207 7.793 9.5l1.5-1.5H4V7h5.293l-1.5-1.5.707-.707z" fill="currentColor"></path></svg></a></div>
	</li>
</ul>
<div class="about"><b>dquery</b> is a read only SQL interface to IATI data</div>
<div id="top_title"></div>