removed old shitz, added html src

html_src/sass/layout/_base.scss

@@ -0,0 +1,12 @@
+html {
+	font-family: Arial, sans-serif;
+	color: #D0D0D0;
+	background: #131315;
+}
+
+html, body {
+	@include naked();
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}

html_src/sass/layout/_box.scss

@@ -0,0 +1,27 @@
+.Box {
+	display: block;
+	max-width: 900px;
+
+	margin-top: dist(0);
+	padding: dist(-1);
+
+	@include media($phone) {
+		margin-top: dist(-1);
+	}
+
+	h1 + & {
+		margin-top: 0;
+	}
+
+	h2 {
+		margin-top: 0;
+	}
+
+	border-radius: 3px;
+	background-color: rgba(white, .07);
+
+	&.wide {
+		width: initial;
+		max-width: initial;
+	}
+}

html_src/sass/layout/_content.scss

@@ -0,0 +1,46 @@
+#content {
+	flex-grow: 1;
+
+	overflow-y: auto;
+	padding: dist(0);
+	@include media($phone) {
+		padding: dist(-1);
+	}
+
+	a, a:visited, a:link {
+		color: #5abfff;
+		text-decoration: none;
+	}
+
+	a:hover {
+		color: #5abfff;
+		text-decoration: underline;
+	}
+
+	& > * {
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	h1 {
+		text-align: center;
+		font-size: fsize(7);
+		margin-top: 0;
+		margin-bottom: dist(0);
+	}
+
+	h2 {
+		font-size: fsize(3);
+		margin-bottom: dist(-1);
+	}
+
+	td, th {
+		padding: dist(-2);
+	}
+
+	tbody th {
+		text-align: right;
+		width: $form-label-w;
+		color: $c-form-label-fg;
+	}
+}

html_src/sass/layout/_index.scss

@@ -0,0 +1,8 @@
+@import "base";
+
+@import "outer-wrap";
+@import "menu";
+@import "content";
+
+@import "box";
+@import "modal";

html_src/sass/layout/_menu.scss

@@ -0,0 +1,94 @@
+#menu {
+	$menu-bg: #2bab5f;
+
+	flex: 0 0 15rem;
+	background: $menu-bg;
+
+	& > * {
+		display: block;
+		text-decoration: none;
+		padding: dist(-1) dist(0);
+
+		@include nowrap;
+		@include noselect;
+	}
+
+	#brand {
+		color: white;
+		background: darken($menu-bg, 10%);
+		font-size: 120%;
+		text-align: center;
+		position:relative;
+
+		margin-bottom: dist(0);
+
+		@include media($phone) {
+			background: $menu-bg;
+			cursor: pointer;
+
+			&:after {
+				position: absolute;
+				color: rgba(black, .2);
+				right: dist(0);
+				content: '>';
+				top:50%;
+				font-size: 120%;
+				font-weight: bold;
+				transform: translate(0,-50%) rotate(90deg);
+			}
+		}
+	}
+	&.expanded #brand {
+		background: darken($menu-bg, 10%);
+
+		@include media($phone) {
+			&:after { transform: translate(0,-50%) rotate(-90deg) }
+		}
+	}
+
+
+	a {
+		font-size: 130%;
+		color: white;
+
+		$hl: #1bd886;
+		transition: background-color 0.2s;
+		text-shadow: 0 0 5px rgba(black, .4);
+
+		&:hover, &.selected {
+			background: $hl;
+			text-shadow: 0 0 5px rgba(black, .6);
+		}
+
+		&.selected {
+			position: relative;
+			box-shadow: 0 0 5px rgba(black, .5);
+		}
+
+		&:before {
+			content: "▸";
+			padding-right: .5rem;
+			position: relative;
+			top: -0.1rem;
+		}
+
+		@include media($phone) {
+			display: none;
+		}
+	}
+
+	&.expanded a { display:block }
+
+	@include media($tablet) {
+		#brand {
+			font-size: 95%;
+			margin-bottom: dist(-1);
+		}
+
+		a { font-size: 105%; }
+
+		flex-basis: 10rem;
+
+		& > * { padding: dist(-2) dist(-1);	}
+	}
+}

html_src/sass/layout/_modal.scss

@@ -0,0 +1,33 @@
+.Modal {
+	position: fixed;
+	width: 100%; height: 100%;
+	left: 0; top: 0; right: 0; bottom: 0;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	transition: opacity .5s;
+	background: rgba(black, .65);
+	opacity: 0;
+	&.visible { opacity: 1 }
+	&.hidden { display: none }
+}
+
+.Dialog {
+	margin: dist(-1);
+	padding: dist(0) dist(-1);
+	overflow: hidden;
+
+	max-width: 100%;
+	max-height: 100%;
+	flex: 0 1 30rem;
+	//min-height: 15rem;
+
+	background: #1c1c1e;
+	border-left: 6px solid $c-form-highlight;
+	border-right: 6px solid $c-form-highlight;
+	box-shadow: 0 0 2px 0 #434349, 0 0 6px 0 black;
+
+	border-radius: 6px;
+}

html_src/sass/layout/_outer-wrap.scss

@@ -0,0 +1,22 @@
+/* Main outer container */
+#outer {
+	display: flex;
+
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	overflow: hidden;
+
+	flex-direction: row;
+}
+
+@include media($phone) {
+	#outer {
+		display: block;
+		overflow-y: scroll;
+	}
+}