60 lines
1.3 KiB
HTML
60 lines
1.3 KiB
HTML
<!DOCTYPE html>”
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="/chota.css">
|
|
|
|
<script>
|
|
if (window.matchMedia &&
|
|
window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
document.body.classList.add('dark');
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<nav class="nav" style="margin-bottom: 50px;">
|
|
<div class="nav-left">
|
|
<a class="brand" href="#">Watermeter</a>
|
|
<div class="tabs">
|
|
<a href="/">Status</a>
|
|
<a href="/settings">Settings</a>
|
|
<a class="active" href="/export">Data export</a>
|
|
</div>
|
|
</div>
|
|
<div class="nav-right">
|
|
<a class="button outline">Button</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="card">
|
|
<header>
|
|
<h4>JSON</h4>
|
|
</header>
|
|
Hello json
|
|
</div>
|
|
|
|
<div class="card">
|
|
<header>
|
|
<h4>MQTT</h4>
|
|
</header>
|
|
Hello mqtt
|
|
</div>
|
|
|
|
<div class="card">
|
|
<header>
|
|
<h4>Email alert</h4>
|
|
</header>
|
|
Hello json
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<style>
|
|
.card {
|
|
margin-bottom: 10px;
|
|
}
|
|
</style> |