-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
140 lines (128 loc) · 9.28 KB
/
Copy pathindex.html
File metadata and controls
140 lines (128 loc) · 9.28 KB
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Editor Scheda</title>
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style/reset.css">
<link rel="stylesheet" href="style/link-previews.css">
<link rel="stylesheet" href="style/material.css">
<link rel="stylesheet" href="style/common.css">
<link rel="stylesheet" href="style/dialog.css">
<link rel="stylesheet" href="style/sheet.css">
<link rel="stylesheet" href="style/controlPanel.css">
<link rel="stylesheet" href="style/clientMenu.css">
</head>
<body>
<div id="page-wrapper" class="flex-hor">
<div id="normal-content">
<main id="content-body">
<section id="section-contentHeader">
<input id="main-title" type="text" placeholder="Titolo">
<div id="main-data">
<div id="input-author-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:italian">
<img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/artist.png">
<input id="input-author" placeholder="Autore" type="text">
</div>
<div id="input-date-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:italian csSUBJECT:history">
<img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/clock.png">
<label id="date-label">Data:</label>
<div id="input-dateFrom-wrapper">
<input id="input-dateFrom-day" placeholder="gg" type="number" min="1" max="31"><span class="input-date-separator">/</span>
<input id="input-dateFrom-month" placeholder="mm" type="number" min="1" max="12"><span class="input-date-separator">/</span>
<input id="input-dateFrom-year" placeholder="aaaa" type="number" min="-9999" max="9999">
</div>
<span id="input-date-middle-separator" class="input-date-separator">–</span>
<div id="input-dateTo-wrapper">
<input id="input-dateTo-day" placeholder="gg" type="number" min="1" max="31"><span class="input-date-separator">/</span>
<input id="input-dateTo-month" placeholder="mm" type="number" min="1" max="12"><span class="input-date-separator">/</span>
<input id="input-dateTo-year" placeholder="aaaa" type="number" min="-9999" max="9999">
</div>
</div>
<div id="input-location-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:history">
<img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/pin.png">
<input id="input-location" placeholder="Luogo" type="text">
</div>
<div id="input-subject-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:italian">
<img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/subject.png">
<input id="input-subject" placeholder="Soggetto" type="text">
</div>
</div>
</section>
<section id="section-mainImage" class="imageCarousel-wrapper">
<div class="image-carousel scrollbar-visible">
</div>
</section>
</main>
<!--Keep these as last elements-->
<div id="controls">
<div id="add-element-panel" class="controls-panel">
</div>
<div id="export-panel" class="controls-panel">
<button id="export-button" onclick="exportSheet()">Esporta scheda</button>
<!--TODO: include whether this input is checked in config, so it can be saved as a preference-->
<label for="export-with-date">Includi data</label><input checked type="checkbox" name="export-with-date" id="export-with-date">
<a id="download-point" download="senza_nome.jpg">Scarica</a>
</div>
<div id="display-panel" class="controls-panel">
<select name="csSUBJECT-selector" id="csSUBJECT-selector" style="color: white; background-color: var(--color-accent-main)">
<option disabled value="csSUBJECT:none">Scegli materia...</option>
</select>
<button id="darkmode-button" onclick="toggleDisplayMode('darkmode')">Modalità scura</button>
<button id="subwaysurfers-button" onclick="toggleSubwaySurfers()">Distraimi</button>
</div>
</div>
<div id="client-menu">
<button id="client-menu-button" onclick="document.getElementById('client-menu').classList.add('menu-open')">
<img src="assets/hamburger.png" alt="menu" class="icon-mono display-mode-dynamic-icon">
</button>
<div id="menu-screen-darkener" class="screen-blocker" onclick="document.getElementById('client-menu').classList.remove('menu-open')"></div>
<div id="client-menu-dropdown">
<div id="client-options">
<button id="client-option-saveLocalConfig" class="setting-bool" data-setting="client.saveLocalConfig">Salva impostazioni </button>
<button id="client-option-toggleDynamicBackgrounds" class="setting-bool" data-setting="sheet.editing.enableDynamicBackgrounds">Sfondi dinamici </button>
<button id="client-option-saveCurrentSubject" class="setting-bool" data-setting="sheet.editing.saveCurrentSubject">Ricorda materia selezionata </button>
</div>
<div id="client-debug-options">
Opzioni sviluppatore
<button id="client-option-debug-resetConfig" class="">Ripristina <code>-> CONFIG.json</code></button>
<button id="client-option-debug-toggleScreenshotMode" class="setting-bool">Modalità screenshot:</button>
</div>
<div id="meta-links">
<button id="feedbackButton" onclick="window.open('mailto:oilseed_mending0y@icloud.com?subject=Feedback%20generatore%20di%20schede')">Invia feedback 🥹👉👈</button>
<button id="featureRequestButton" onclick="window.open('https://github.com/AwMan3703/art-cheatsheet-maker/issues/new?template=feature_request.md')">Richiedi una funzionalità</button>
<button id="issueReportButton" onclick="window.open('https://github.com/AwMan3703/art-cheatsheet-maker/issues/new?template=bug_report.md')">Segnala un bug</button>
<button id="shareButton" onclick="sharePage('Cheatsheet maker', 'Crea schede per storia dell\'arte al volo!', window.location.href)">Fammi pubblicità 🤓</button>
</div>
<div id="clientInfo-wrapper">
<span id="author">creato da <a href="https://twitter.com/Aw_Man3704" target="_blank">@AwMan3704</a></span>
<span><a class="link-preview" href="https://github.com/AwMan3703/art-cheatsheet-maker" target="_blank">GitHub</a> • <a href="commitLog.html" target="_blank">Contribuzioni</a></span>
<span id="version">versione sconosciuta</span>
</div>
</div>
</div>
<div id="dialog-screen-darkener" class="screen-blocker"></div>
</div>
<div id="adhd-content">
<video id="subway-surfers-video" src="assets/subway-surfers.mp4"></video>
<button id="subwaysurfers-mute-button" onclick="toggleSubwaySurfersVolume()">
<img id="subwaysurfers-mute-button-icon" src="assets/speaker.png" alt="Mute">
</button>
</div>
</div>
<!--Scripts-->
<script src="js/lib/dom-to-image.min.js"></script> <!-- Thanks to https://github.com/tsayen -->
<script src="js/lib/compileHTMLTemplate.min.js"></script>
<script src="js/lib/link-previews.min.js"></script>
<script src="js/utility.js"></script>
<script src="js/dialog.js"></script>
<script src="js/dialogJsPresets.js"></script>
<script src="js/sheet.js"></script>
<script src="js/controlPanel.js"></script>
<script src="js/clientMenu.js"></script>
<script src="js/export.js"></script>
<script src="js/share.js"></script>
<!--finally, run the startup script-->
<script src="js/startup.js"></script>
</body>
</html>