{{ define "page" }}
	<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/{{ .CONFIG.THEME }}/index.css">

	<script type="module" defer>
		import { } from '/js/{{ .VERSION }}/dashboard.mjs'
	</script>

	<div style="display: grid; grid-template-columns: repeat(2, min-content); align-items: end; grid-gap: 8px;">
		<img src="/images/{{ .VERSION }}/{{ .CONFIG.THEME }}/logo.svg" style="width: 64px; margin-right: 16px;">
		<div>
			<h1 style="margin-bottom: 0px">Smon</h1>
			<h2 style="margin-top: 0px">{{ .VERSION }}</h2>
		</div>
	</div>

	<smon-dashboard style="margin-top: 32px">
		<script type="application/json">{{ .Data.Dashboard }}</script>
	</smon-dashboard>
{{ end }}
