-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (124 loc) · 8.35 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>[IT] Cheatsheet generator</title>
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
<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="Nome">
<div id="main-data">
<div id="input-author-wrapper">
<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">
<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">
<img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/pin.png">
<input id="input-location" placeholder="Ubicazione" type="text">
</div>
<div id="input-subject-wrapper">
<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">
<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" onclick="
toggleSaveConfig('client-option-saveLocalConfig')
">Salva impostazioni: </button>
<button id="client-option-enableDynamicBackgrounds" class="setting-bool" data-setting="sheet.editing.enableDynamicBackgrounds" onclick="
toggleDynamicBackgrounds('client-option-enableDynamicBackgrounds')
">Sfondi dinamici: </button>
</div>
<div id="client-debug-options">
Opzioni sviluppatore
<button id="client-option-debug-screenshotMode" class="setting-bool" onclick="
toggleClass(document.body, 'during-screenshot')
">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 @AwMan3704 (Twitter)</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/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>