parcoursup/src/pages/home.riot

<home>
	<style>
		#main-container {
			position: relative;
			display: flex;
			flex-direction: row;
			justify-content: space-around;
		}

		#main-container
		#right, #left generalytics, #left etablanalytics, #left loc {
			box-shadow: 0px 0px 9px 1px black;
			background: #7A90A4;
		}

		#main-container
		#right {
			align-self: flex-start;
			margin-right: 3vw;
		}

		#main-container
		#left {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-self: center;
		}

		#main-container
		#left
		generalytics {
			margin-bottom: 1.3vw;
			margin-top: 1.3vw;
		}
	</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="right">
			<selector />
		</div>

		<div id="left">
			<loc />
			<generalytics />
			<etablanalytics />
		</div>
	</div>
</home>