Large refactor on the front end

Created pages directory
Added night mode

client/src/pages/HelpPage.vue

@@ -0,0 +1,36 @@
+<template>
+	<div class="ui basic segment">
+		<div class="ui container">
+
+			<h2>Note Editing - Keyboard Shortcuts</h2>
+
+			<p>CTRL + SHIFT + V - paste without formatting</p>
+			<p>CTRL + Z - Undo in note, <b>Undo youtube video player embed.</b></p>
+			<p>ESC - Close note editor</p>
+
+			<h2>Block formatting</h2>
+
+			<p>The following block formatting options are available:</p>
+
+			<p>    Bulleted list – Start a line with * or - followed by a space.</p>
+			<p>    Numbered list – Start a line with 1. or 1) followed by a space.</p>
+			<p>    Headings – Start a line with # or ## or ### followed by a space to create a heading 1, heading 2 or heading 3 (up to heading 6 if options defines more headings).</p>
+			<p>    Block quote – Start a line with > followed by a space.</p>
+
+			<h2>Inline formatting</h2>
+
+			<p>The following inline formatting options are available:<p>
+
+		    <p>Bold – Type **text** or __text__,</p>
+		    <p>Italic – Type *text* or _text_,</p>
+		    <p>Code – Type `text`.</p>
+		    
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'HelpPage'
+}
+</script>