survey/templates/bench/index.html

109 lines
2.2 KiB
HTML
Raw Normal View History

<. include!("../components/base/top.html"); .>
2021-10-14 17:13:09 +05:30
<body class="survey__body">
<main class="survey__container">
2021-10-14 21:25:19 +05:30
<. include!("../components/error/index.html"); .>
2021-10-14 17:13:09 +05:30
<div id="pre-bench">
<h1>Click to Start Benchmark</h1>
2021-10-14 21:25:19 +05:30
<form class="new-campaign__form" accept-charset="utf-8">
<label class="form__label" for="name">
Device name
<input
class="form__input"
name="name"
required
id="name"
type="text"
/>
</label>
2021-10-14 17:13:09 +05:30
2021-10-14 21:25:19 +05:30
<!-- <button id="start" type="submit">Start</button> -->
<button id="start" class="form__submit" type="submit">
Start
</button>
</form>
2021-10-14 17:13:09 +05:30
</div>
<noscript>
<b>
This is a WASM benchmark, please enable JavScript to run it. We don't
collect any data and
<a href="https://github.com/mCaptcha/benches"
>source code is available here</a
>
</b>
</noscript>
<div id="bench">
<h1 id="status" class="name">Running benchmark</h1>
2021-10-14 21:25:19 +05:30
<div id="submission-proof"></div>
2021-10-14 17:13:09 +05:30
<div id="device-info"></div>
<div id="counter"></div>
<table>
<thead>
<tr>
<th>Difficulty factor</th>
<th>Duration(ms)</th>
</tr>
</thead>
<tbody id="stats"></tbody>
</table>
</div>
</main>
<. include!("../components/footer/index.html"); .>
2021-10-14 17:13:09 +05:30
</body>
<style>
body {
width: 100%;
display: flex;
flex-direction: column;
padding: 40px 0;
display: hidden;
align-items: center;
}
#pre-bench,
#bench {
width: 100%;
display: flex;
margin: 40px auto;
align-items: center;
flex-direction: column;
}
#bench {
display: none;
}
#status {
max-width: 80%;
margin: auto;
}
table {
border-collapse: collapse;
margin: 40px auto;
width: 40%;
}
td,
th {
border: 1px solid #999;
padding: 0.5rem;
text-align: left;
}
th {
color: green;
}
#device-info {
margin: auto;
font-size: 1.3rem;
}
</style>
<script src="<.= &*crate::GLUE .>"></script>
<. include!("../components/base/bottom.html"); .>