173 lines
5.9 KiB
Text
173 lines
5.9 KiB
Text
package web
|
|
|
|
import (
|
|
"fmt"
|
|
"git.sad.ovh/sophie/nuke"
|
|
"git.sad.ovh/sophie/nuke/lib/config"
|
|
"git.sad.ovh/sophie/nuke/lib/localization"
|
|
"git.sad.ovh/sophie/nuke/xess"
|
|
"github.com/google/uuid"
|
|
)
|
|
|
|
templ base(title string, body templ.Component, impressum *config.Impressum, challenge any, ogTags map[string]string, localizer *localization.SimpleLocalizer) {
|
|
<!DOCTYPE html>
|
|
<html lang={ localizer.GetLang() }>
|
|
<head>
|
|
<title>{ title }</title>
|
|
<link rel="stylesheet" href={ nuke.BasePrefix + xess.URL }/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<meta name="robots" content="noindex,nofollow"/>
|
|
for key, value := range ogTags {
|
|
<meta property={ key } content={ value }/>
|
|
}
|
|
<style>
|
|
body,
|
|
html {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.centered-div {
|
|
text-align: center;
|
|
}
|
|
|
|
#status {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
#progress {
|
|
display: none;
|
|
width: 90%;
|
|
width: min(20rem, 90%);
|
|
height: 2rem;
|
|
border-radius: 1rem;
|
|
overflow: hidden;
|
|
margin: 1rem 0 2rem;
|
|
outline-offset: 2px;
|
|
outline: #b16286 solid 4px;
|
|
}
|
|
|
|
.bar-inner {
|
|
background-color: #b16286;
|
|
height: 100%;
|
|
width: 0;
|
|
transition: width 0.25s ease-in;
|
|
}
|
|
</style>
|
|
@templ.JSONScript("nuke_version", nuke.Version)
|
|
@templ.JSONScript("nuke_challenge", challenge)
|
|
@templ.JSONScript("nuke_base_prefix", nuke.BasePrefix)
|
|
@templ.JSONScript("nuke_public_url", nuke.PublicUrl)
|
|
</head>
|
|
<body id="top">
|
|
@honeypotLink(nuke.BasePrefix + fmt.Sprintf("%shoneypot/%s/init", nuke.APIPrefix, uuid.NewString()))
|
|
<main>
|
|
<h1 id="title" class="centered-div">{ title }</h1>
|
|
@body
|
|
<footer>
|
|
<div class="centered-div">
|
|
<p>
|
|
{ localizer.T("protected_by") } <a href="https://git.sad.ovh/sophie/nuke">Nuke</a> { localizer.T("protected_from") } <a
|
|
href="sad.ovh"
|
|
>sad.ovh</a>. { localizer.T("made_with") }.
|
|
</p>
|
|
<p>{ localizer.T("mascot_design") } random users on discord</p>
|
|
if impressum != nil {
|
|
<p>
|
|
@templ.Raw(impressum.Footer)
|
|
-- <a href={ templ.SafeURL(nuke.BasePrefix + fmt.Sprintf("%simprint", nuke.APIPrefix)) }>Imprint</a>
|
|
</p>
|
|
}
|
|
<p>{ localizer.T("version_info") } <code>{ nuke.Version }</code>.</p>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
</body>
|
|
</html>
|
|
}
|
|
|
|
templ errorPage(message, mail, code string, localizer *localization.SimpleLocalizer) {
|
|
<div class="centered-div">
|
|
<img id="image" alt="Sad Nuke" style="width:100%;max-width:256px;" src={ nuke.BasePrefix + "/.within.website/x/cmd/nuke/static/img/reject.webp?cacheBuster=" + nuke.Version }/>
|
|
<p>{ message }.</p>
|
|
if code != "" {
|
|
<code><pre>{ code }</pre></code>
|
|
}
|
|
if mail != "" {
|
|
<p>
|
|
<a href="/">{ localizer.T("go_home") }</a> { localizer.T("contact_webmaster") }
|
|
<a href={ "mailto:" + templ.SafeURL(mail) }>
|
|
{ mail }
|
|
</a>
|
|
</p>
|
|
} else {
|
|
<p><a href="/">{ localizer.T("go_home") }</a></p>
|
|
}
|
|
</div>
|
|
}
|
|
|
|
templ StaticHappy(localizer *localization.SimpleLocalizer) {
|
|
<div class="centered-div">
|
|
<img
|
|
style="display:none;"
|
|
style="width:100%;max-width:256px;"
|
|
src={ "/.within.website/x/cmd/nuke/static/img/happy.webp?cacheBuster=" +
|
|
nuke.Version }
|
|
/>
|
|
<p>{ localizer.T("static_check_endpoint") }</p>
|
|
</div>
|
|
}
|
|
|
|
templ bench(localizer *localization.SimpleLocalizer) {
|
|
<div style="height:20rem;display:flex">
|
|
<table style="margin-top:1rem;display:grid;grid-template:auto 1fr/auto auto;gap:0 0.5rem">
|
|
<thead
|
|
style="border-bottom:1px solid black;padding:0.25rem 0;display:grid;grid-template:1fr/subgrid;grid-column:1/-1"
|
|
>
|
|
<tr id="table-header" style="display:contents">
|
|
<th style="width:4.5rem">{ localizer.T("time") }</th>
|
|
<th style="width:4rem">{ localizer.T("iters") }</th>
|
|
</tr>
|
|
<tr id="table-header-compare" style="display:none">
|
|
<th style="width:4.5rem">{ localizer.T("time_a") }</th>
|
|
<th style="width:4rem">{ localizer.T("iters_a") }</th>
|
|
<th style="width:4.5rem">{ localizer.T("time_b") }</th>
|
|
<th style="width:4rem">{ localizer.T("iters_b") }</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody
|
|
id="results"
|
|
style="padding-top:0.25rem;display:grid;grid-template-columns:subgrid;grid-auto-rows:min-content;grid-column:1/-1;row-gap:0.25rem;overflow-y:auto;font-variant-numeric:tabular-nums"
|
|
></tbody>
|
|
</table>
|
|
<div class="centered-div">
|
|
<img id="image" style="width:100%;max-width:256px;" src={ nuke.BasePrefix + "/.within.website/x/cmd/nuke/static/img/pensive.webp?cacheBuster=" + nuke.Version }/>
|
|
<p id="status" style="max-width:256px">{ localizer.T("loading") }</p>
|
|
<script async type="module" src={ nuke.BasePrefix + "/.within.website/x/cmd/nuke/static/js/bench.mjs?cacheBuster=" + nuke.Version }></script>
|
|
<div id="sparkline"></div>
|
|
<noscript>
|
|
<p>{ localizer.T("benchmark_requires_js") }</p>
|
|
</noscript>
|
|
</div>
|
|
</div>
|
|
<form id="controls" style="position:fixed;top:0.5rem;right:0.5rem">
|
|
<div style="display:flex;justify-content:end">
|
|
<label for="difficulty-input" style="margin-right:0.5rem">{ localizer.T("difficulty") }</label>
|
|
<input id="difficulty-input" type="number" name="difficulty" style="width:3rem"/>
|
|
</div>
|
|
<div style="margin-top:0.25rem;display:flex;justify-content:end">
|
|
<label for="algorithm-select" style="margin-right:0.5rem">{ localizer.T("algorithm") }</label>
|
|
<select id="algorithm-select" name="algorithm"></select>
|
|
</div>
|
|
<div style="margin-top:0.25rem;display:flex;justify-content:end">
|
|
<label for="compare-select" style="margin-right:0.5rem">{ localizer.T("compare") }</label>
|
|
<select id="compare-select" name="compare">
|
|
<option value="NONE">-</option>
|
|
</select>
|
|
</div>
|
|
</form>
|
|
}
|