doodling menu

dabblet.css

/**
 * doodling menu
 */

dabblet.html

<header>
	<h1>
		Lorem Ipsum
	</h1>
</header>
<section class="content box main container">
	<nav class="menu">
		<ul>
			<li>
				<a href="#">Lorem</a>
				<ul>
					<li>
						<a href="#">Li</a>
					</li>
					<li>
						<a href="#" class="current">European</a>
					</li>
					<li>
						<a href="#">Linguae</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="#">Ipsum</a>
			</li>
			<li>
				<a href="#">Dolor</a>
				<ul>
					<li>
						<a href="#">Arep</a>
					</li>
					<li>
						<a href="#">Anemo</a>
					</li>
					<li>
						<a href="#">Antiguanne</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="#">Sit</a>
			</li>
			<li>
				<a href="#">Amet</a>
			</li>
		</ul>
	</nav>
	<section class="content box dynamic">
	</section>
</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}