bkvargyasandClaude Fable 5.1
1956d25061
Every team name on the board links to /t/<slug>/teams/<id>. Court cards show average game time, minutes played and the next match predicted for that court with its expected ready time; the queue shows clock times too. Team schedules show scores from the team's own perspective. Release 0.3.1. Co-Authored-By: Claude Fable 5.1 <[email protected]> Claude-Session: https://claude.ai/code/session_01MB7nCCAscYsb3zzkT6LHZi
34 lines
1.6 KiB
JavaScript
34 lines
1.6 KiB
JavaScript
import { VERSION } from '../version.js';
|
|
import { esc } from '../http.js';
|
|
|
|
export function layout({ title, body, state = null, script = null, bodyClass = '', admin = null, nav = '' }) {
|
|
return `<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
|
|
<meta name="theme-color" content="#0F1418">
|
|
<title>${esc(title)} · Courtside</title>
|
|
<link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
|
|
<link rel="manifest" href="/static/manifest.webmanifest">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Source+Sans+3:wght@400;600&family=JetBrains+Mono:wght@500&display=swap">
|
|
<link rel="stylesheet" href="/static/app.css">
|
|
</head>
|
|
<body class="${esc(bodyClass)}">
|
|
<header class="top">
|
|
<a class="brand" href="/">Courtside</a>
|
|
<nav>${nav}${admin ? `<a href="/admin">Desk</a><a href="/admin/logout">Sign out</a>` : ''}</nav>
|
|
</header>
|
|
<main>
|
|
${body}
|
|
</main>
|
|
<footer class="foot">Courtside v${VERSION} · self-hosted tournament desk · <a href="https://gitea.cloudfreeiot.com/bkvargyas/courtside">source</a> · <a href="/admin">organizer desk</a></footer>
|
|
${state ? `<script id="state" type="application/json">${JSON.stringify(state).replace(/</g, '\\u003c')}</script>` : ''}
|
|
${script ? `<script src="${esc(script)}" defer></script>` : ''}
|
|
</body>
|
|
</html>`;
|
|
}
|
|
|
|
export const flash = (msg, kind = 'ok') => msg ? `<div class="flash ${kind}">${esc(msg)}</div>` : '';
|