proper sidebar thing :D

_layouts/default.html

@@ -9,7 +9,15 @@
 		{% if page.neko == "true" %}
 			{% include neko.html %}
 		{% endif %}
-		{% include navigation.html %}
+
-		{{ content }}
+		<div class="columns">
+			<div class="left-sidebar">
+				{% include navigation.html %}
+			</div>
+			<div class="main-content">{{ content }}</div>
+			<div class="right-sidebar">
+				hello world
+			</div>
+		</div>
 	</body>
 </html>

_sass/main.scss

@@ -1,3 +1,17 @@
-.current {
+@import "sidebar";
-	color: green
+
+
+body {
+	background-color: #2196F3;
+	color: black;
+	font-family: Verdana;
+	text-align: center;
+	margin: 1px;
+	cursor: url("/cursor.png"),auto;
+}
+
+h1 {
+	margin: 1px;
+	padding: 8px;
+	background-color: blue;
 }

_sass/sidebar.scss

@@ -0,0 +1,29 @@
+.columns {
+  max-width: 80%;
+  display: flex;
+  margin-top: 5px; margin-bottom: 0px;
+  margin-left: auto; margin-right: auto;
+  justify-content: space-around;
+  border: 1px solid black;
+}
+
+.left-sidebar {
+  background: darkgray;
+  padding: 10px;
+  overflow-y: scroll;
+  flex: 0 60px;
+}
+
+.main-content {
+  width: 60%;
+  flex: 5;
+  margin: 10px;
+  border: 1px solid black;
+}
+
+.right-sidebar {
+  background: darkgray;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}