added help page (closes #15)

src/less/help.less

@@ -0,0 +1,16 @@
+.help {
+	display: block;
+
+	article {
+		margin-bottom: 2ex;
+	}
+
+	section {
+		margin-bottom: 1ex;
+	}
+
+	ul {
+		margin-left: 2ex;
+		font-size: 1.6em;
+	}
+}

src/less/popup.less

@@ -48,6 +48,7 @@
 				flex-direction: column;
 				align-items: center;
 				overflow-y: auto;
+				flex: 1;
 
 				& > * {
 					margin: .5rem;

src/less/snek.less

@@ -31,6 +31,10 @@ h1, h2, h3, h4, h5, h6 {
 	margin-bottom: .1em;
 }
 
+p + p {
+	margin-top: 1em;
+}
+
 a {
 	text-decoration: inherit;
 	display: contents;
@@ -40,6 +44,11 @@ em {
 	font-style: italic;
 }
 
+code {
+	background: @accentbg;
+	font-weight: bold;
+}
+
 header, footer {
 	background: @accentbg;
 
@@ -131,3 +140,6 @@ p {
 
 // setup the hud
 @import 'hud';
+
+// setup the help file
+@import 'help';