index.html (view raw)
1<!doctype html>
2<html lang="it">
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6 <meta name="description" content="Un modo semplice e veloce per gestire le fanart di ArtBound.">
7 <meta name="author" content="Bi-Rabittoh">
8 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>✏️</text></svg>">
9 <title>ArtBound Panel</title>
10 <link href="ext/css/bootstrap.min.css" rel="stylesheet">
11 <link href="style.css" rel="stylesheet">
12 </head>
13 <body>
14 <main role="main">
15 <section class="jumbotron text-center">
16 <div class="container">
17 <h1 class="jumbotron-heading">
18 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><polygon points="14 2 18 6 7 17 3 17 3 13 14 2"></polygon><line x1="3" y1="22" x2="21" y2="22"></line></svg>
19 ArtBound Panel
20 </h1>
21 <p class="lead" onclick="debugFn()">Perché semplice è meglio.</p>
22 <div id="month_div">
23 <label for="month_input" style="margin-right: 10px;">Scegli il mese: </label><input id="month_input" type="month" value="2022-08">
24 <a href="#" class="btn my-2 btn-go" onclick="handleAuthClick()" id="authorize_button" hidden>Vai</a>
25 <!--<a href="#" class="btn btn-secondary my-2" onclick="debugFn()">debug</a>-->
26 </div>
27 <div id="controls" hidden>
28 <a href="#" class="btn btn-secondary my-2" onclick="selectAllNone(1)" id="selectall_button">✅</a>
29 <a href="#" class="btn btn-secondary my-2" onclick="selectAllNone(0)" id="selectnone_button">❎</a>
30 <a href="#" class="btn btn-secondary my-2" onclick="toggleColor()" id="togglecolor_button">⚪</a>
31 <input type="range" class="form-range" id="opacity_range" min="0" max="1" step="0.01" oninput="updateOpacity()" value="0.4">
32 <label for="opacity_range" class="form-label" id="opacity_label"></label>
33 </div>
34 </div>
35 </section>
36 <div class="album py-5" id="main_container" hidden>
37 <div class="container">
38 <div class="row" id="content"></div>
39 <div class="row">
40 <div class="col-md-12">
41 <a href="#" id="copy_button" onclick="navigator.clipboard.writeText(filename_h1.innerText);" hidden>
42 <h1 id="filename" style="display: inline;"></h1>
43 <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="13" height="13" x="9" y="9" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></g></svg>
44 </a>
45 </div>
46 <div id="canvas" class="col-md-12" hidden>
47 </div>
48 </div>
49 </div>
50 </div>
51 </main>
52 <footer>
53 <div class="container">
54 <p>© Earthbound Café, realizzato da <a href="mailto:andronacomarco@gmail.com">Marco Andronaco</a> (Bi-Rabittoh).</p>
55 </div>
56 </footer>
57 <script async defer src="https://apis.google.com/js/api.js" onload="gapiLoaded()"></script>
58 <script async defer src="https://accounts.google.com/gsi/client" onload="gisLoaded()"></script>
59 <script src="ext/js/bootstrap.min.js"></script>
60 <script src="config.js"></script>
61 <script src="script.js"></script>
62 </body>
63</html>