74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link rel="stylesheet" href="https://jenil.github.io/bulmaswatch/cyborg/bulmaswatch.min.css">
|
|
<!--
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
|
|
-->
|
|
<!--
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
|
|
-->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
|
|
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<link rel="icon" href="https://static.xinu.tv/favicon/letterbox.svg" />
|
|
<link data-trunk rel="css" href="static/style.css" />
|
|
<!-- Pretty checkboxes from https://justboil.github.io/bulma-checkbox/ -->
|
|
<link data-trunk rel="css" href="static/main.css" />
|
|
<!-- tall thin font for user icon -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--active-brightness: 0.85;
|
|
--border-radius: 5px;
|
|
--box-shadow: 2px 2px 10px;
|
|
--color-accent: #118bee15;
|
|
--color-bg: #fff;
|
|
--color-bg-secondary: #e9e9e9;
|
|
--color-link: #118bee;
|
|
--color-secondary: #920de9;
|
|
--color-secondary-accent: #920de90b;
|
|
--color-shadow: #f4f4f4;
|
|
--color-table: #118bee;
|
|
--color-text: #000;
|
|
--color-text-secondary: #999;
|
|
--color-scrollbar: #cacae8;
|
|
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
--hover-brightness: 1.2;
|
|
--justify-important: center;
|
|
--justify-normal: left;
|
|
--line-height: 1.5;
|
|
--width-card: 285px;
|
|
--width-card-medium: 460px;
|
|
--width-card-wide: 800px;
|
|
--width-content: 1080px;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root[color-mode="user"] {
|
|
--color-accent: #0097fc4f;
|
|
--color-bg: #333;
|
|
--color-bg-secondary: #555;
|
|
--color-link: #0097fc;
|
|
--color-secondary: #e20de9;
|
|
--color-secondary-accent: #e20de94f;
|
|
--color-shadow: #bbbbbb20;
|
|
--color-table: #0097fc;
|
|
--color-text: #f7f7f7;
|
|
--color-text-secondary: #aaa;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<section id="app"></section>
|
|
</body>
|
|
|
|
</html>
|