<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
ws-time[connected] {
color: green;
}
ws-time:not(connected) {
color: red;
}
ws-table tr {
animation: fadein 1s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
</style>
<script type="module" src="{{ url_for('static', filename='index.js') }}"></script>
</head>
<body>
<div class="container-xxl">
<main class="bd-main">
<ws-time src="/time"></ws-time>
<div>
<ws-element autoreconnect="false" src="/ticker"></ws-element>
</div>
<div>
<ws-input src="/echo"></ws-input>
<br />
Receive: <ws-element src="/echo"></ws-element>
</div>
<ws-table limit="10" autoheader src="/logs"></ws-table>
</main>
</div>
</body>
</html>