32 lines
1.4 KiB
HTML
32 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>St‑Pierre Flashcards</title>
|
||
<link rel="stylesheet" href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css">
|
||
<style>
|
||
html, body { background: #212529; min-height: 100vh; }
|
||
body { padding: 1rem; }
|
||
.flashcard-body { max-width: 800px; margin: 0 auto; }
|
||
.card-preview { cursor: pointer; margin-bottom: .75rem; }
|
||
.card-preview:hover { filter: brightness(1.2); }
|
||
.card-preview .note { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
|
||
.tags-row { margin-top: .5rem; }
|
||
.meta-row { display: flex; flex-wrap: wrap; gap: .25rem .75rem; font-size: .85rem; margin-top: .25rem; }
|
||
.back { margin-bottom: 1.5rem; }
|
||
.detail-card .nes-badge { margin-right: .25rem; }
|
||
.detail-card .field { margin-bottom: 1rem; }
|
||
.detail-card .field-label { font-size: .75rem; opacity: .7; margin-bottom: .25rem; }
|
||
.loading { text-align: center; padding: 4rem 0; }
|
||
.header { margin-bottom: 2rem; display: flex; align-items: center; gap: .75rem; }
|
||
.nes-badge.is-icon span { position: static; }
|
||
.vote-summary { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #fff3; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="flashcard-body" id="app"></div>
|
||
<script type="module" src="/app.js"></script>
|
||
</body>
|
||
</html>
|