-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdeck.html
63 lines (59 loc) · 3.14 KB
/
deck.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
{{ include Components/head.tmpl.html }}
<link rel="stylesheet" href="./deck.css">
<title class="site-title">{{ _ no_cards_link_deck }} | {{ trademark }} </title>
</head>
<body>
{{ include Components/header.tmpl.html }}
<h1 class="centered">{{ _ no_cards_link_deck }}</h1>
<main>
<script src="https://cdn.jsdelivr.net/npm/hanzi-writer/dist/hanzi-writer.min.js"></script>
<section class="deck" id="deck-generic-info-section">
<div id="profile-card" class="card centered">
<h3>{{ _ profile-statistics-header }}</h3>
<p id="total-sessions-field">{{ _ total-sessions-field }}: </p>
<p id="streak-field">{{ _ streak-field }}: </p>
<p id="deck-card-num-field">{{ _ deck-card-num-field }}: </p>
<p id="deck-phrase-num-field">{{ _ deck-phrase-num-field }}: </p>
<p id="last-session-date-field">{{ _ last-session-date-field }}: </p>
<p id="average-knowledge-level-field">{{ _ average-knowledge-level-field }}: </p>
<p id="average-session-length-field">{{ _ average-session-length-field }}: </p>
<p id="time-spent-in-sessions-field">{{ _ time-spent-in-sessions-field }}: </p>
<h3>{{ _ game_modifiers_header }}</h3>
<label title="{{ _ extensive-mode-title }}">
<input type="checkbox" id="extensive-mode-checkbox" name="{{ _ extensive-mode-aria-label }}" aria-label="{{ _ extensive-mode-aria-label }}"/>
{{ _ extensive-mode-label }}
</label>
<br>
<label title="{{ _ level-reduce-title }}" style="display: block; margin-top: 0.5rem">
{{ _ level-reduce-label }}
<input type="range" id="level-reduce-slider" name="{{ _ level-reduce-aria-label }}" aria-label="{{ _ level-reduce-aria-label }}" min="0" max="1" value="0" step="0.01" style="margin: 0">
</label>
</div>
<div id="new-card" class="card centered">
<h1 id="new-card-header">+</h1>
<p>{{ _ new-card-header }}</p>
<button id="new-card-button" class="card-button-edit">{{ _ new-card-button }}</button>
<button id="new-phrase-button" class="card-button-edit">{{ _ new-phrase-button }}</button>
<br>
<input type="file" id="fileupload" accept="application/json"/><button id="import-deck-button" class="card-button-edit">{{ _ import-deck-button }}</button>
<button id="export-deck-button" class="card-button-edit">{{ _ export-deck-button }}</button>
<button id="clear-deck-button" class="card-button-edit">{{ _ clear-deck-button }}</button>
<button id="marketplace-deck-button" class="card-button-edit">{{ _ marketplace-deck-button }}</button>
</div>
</section>
<h1 id="deck-phrases-header" class="centered">{{ _ deck-phrases-header }}</h1>
<section class="deck" id="deck-phrases-section">
<!-- Data will be inserted dynamically by the Javascript here from the deck.js file -->
</section>
<h1 id="deck-characters-header" class="centered">{{ _ deck-characters-header }}</h1>
<section class="deck" id="deck-characters-section">
<!-- Data will be inserted dynamically by the Javascript here from the deck.js file -->
</section>
</main>
{{ include Components/footer.tmpl.html }}
</body>
<script src="./deck.js"></script>
</html>