diff options
| author | Jakob L. Kreuze <zerodaysfordays@sdf.org> | 2025-07-20 10:35:29 -0400 |
|---|---|---|
| committer | Jakob L. Kreuze <zerodaysfordays@sdf.org> | 2025-07-20 10:35:29 -0400 |
| commit | b2f9eccdd70af1123d10d3d6e70576af46002af2 (patch) | |
| tree | 28ac01331329ef2fd0095b724c3818a12bbb743e | |
| parent | 6bb3cd1c923fd37ab15501f5bb089c107e5f341c (diff) | |
Remove banner
| -rw-r--r-- | flashcards.html | 25 | ||||
| -rw-r--r-- | script.js | 10 | ||||
| -rw-r--r-- | style.css | 34 |
3 files changed, 15 insertions, 54 deletions
diff --git a/flashcards.html b/flashcards.html index b936f46..72706ab 100644 --- a/flashcards.html +++ b/flashcards.html @@ -7,24 +7,17 @@ <link rel="stylesheet" href="style.css"> </head> <body> - <div class="banner top-banner">UNCLASSIFIED // FOUO</div> - - <div class="banner bottom-banner">UNCLASSIFIED // FOUO</div> - - <div class="content"> - - <div id="flashcard"> - <div id="flashcard-front"></div> - <div id="flashcard-back"></div> - </div> + <div id="flashcard"> + <div id="flashcard-front"></div> + <div id="flashcard-back"></div> + </div> - <div class="status-section"> - <div id="status-info"> - No cards loaded! - </div> - <hr> - <input type="file" id="cards-input" accept=".json" /> + <div class="status-section"> + <div id="status-info"> + No cards loaded! </div> + <hr> + <input type="file" id="cards-input" accept=".json" /> </div> <div id="button-container"> @@ -389,12 +389,14 @@ window.addEventListener('keydown', (event) => { if (event.code === 'Space') { flipCard(); } else if (event.code === 'Digit1' || event.code === "Numpad1") { - rateCard('forgot') + rateCard('forgot'); } else if (event.code === 'Digit2' || event.code === "Numpad2") { - rateCard('easy') + rateCard('easy'); } else if (event.code === 'Digit3' || event.code === "Numpad3") { - rateCard('good') + rateCard('good'); } else if (event.code === 'Digit4' || event.code === "Numpad4") { - rateCard('hard') + rateCard('hard'); + } else if (event.code === 'KeyQ') { + endReview(); } }); @@ -79,37 +79,3 @@ body { filter: drop-shadow(2px 2px 5px gray); box-shadow: 2px 2px 5px gray; } - - -* { - box-sizing: border-box; - margin: 0; - padding: 0; -} - -.banner { - position: fixed; - width: 100%; - color: white; - text-align: center; - font-weight: bold; - line-height: 16px; - font-size: 12px; - z-index: 100; -} - -.top-banner { - top: 0; - background-color: #008000; -} - -.bottom-banner { - bottom: 0; - background-color: #008000; -} - -.content { - padding: 20px; - max-width: 800px; - margin: auto; -} |