$

src/pages/home.riot

@@ -1,25 +1,25 @@
 <home>
 	<style>
-		#main-container {
+		#home {
 			position: relative;
 			display: flex;
 			flex-direction: row;
 			justify-content: space-around;
 		}
 
-		#main-container
+		#home
 		#right, #left generalytics, #left etablanalytics, #left loc {
 			box-shadow: 0px 0px 9px 1px black;
 			background: #7A90A4;
 		}
 
-		#main-container
+		#home
 		#right {
 			align-self: flex-start;
 			margin-right: 3vw;
 		}
 
-		#main-container
+		#home
 		#left {
 			display: flex;
 			flex-direction: column;
@@ -27,7 +27,7 @@
 			align-self: center;
 		}
 
-		#main-container
+		#home
 		#left
 		generalytics {
 			margin-bottom: 1.3vw;
@@ -35,23 +35,7 @@
 		}
 	</style>
 
-	<script>
-		import * as riot from "riot";
-		import start from "../components/global/api/api.js"
-
-		export default {
-			onMounted() {
-				start()
-			}
-		}
-
-		riot.mount("selector", document.getElementById("right"))
-		riot.mount("loc", document.getElementById("left"))
-		riot.mount("generalytics", document.getElementById("left"))
-		riot.mount("etablanalytics", document.getElementById("left"))
-	</script>
-
-	<div id="main-container">
+	<div id="home">
 		<div id="right">
 			<selector />
 		</div>
@@ -62,4 +46,15 @@
 			<etablanalytics />
 		</div>
 	</div>
+
+	<script>
+		import * as riot from "riot";
+		import start from "../components/global/api/api.js"
+
+		export default {
+			onMounted() {
+				start()
+			}
+		}
+	</script>
 </home>