artbound_python/templates/index.html (view raw)
1<!doctype html>
2<html lang="it">
3
4<head>
5 <meta charset="utf-8">
6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 <meta name="description" content="Un modo semplice e veloce per gestire le fanart di ArtBound.">
8 <meta name="author" content="Bi-Rabittoh">
9 <link rel="icon"
10 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>">
11 <title>ArtBound Panel</title>
12 <link href="/static/ext/css/bootstrap.min.css" rel="stylesheet">
13 <link href="/static/style.css" rel="stylesheet">
14</head>
15
16<body>
17 <a id="canvas-download" hidden></a>
18 <main role="main">
19 <section class="jumbotron text-center">
20 <div class="container">
21 <h1 class="jumbotron-heading">
22 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
23 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
24 class="feather feather-activity">
25 <polygon points="14 2 18 6 7 17 3 17 3 13 14 2"></polygon>
26 <line x1="3" y1="22" x2="21" y2="22"></line>
27 </svg>
28 ArtBound Panel 1.5
29 </h1>
30 <a href="/update" class="lead">{{ last_updated }}</a>
31 <div id="month_div">
32 <label for="month_input" style="margin-right: 10px;">Scegli il mese: </label><input id="month_input"
33 type="month" value="2022-08">
34 <a href="#" class="btn my-2 btn-go" onclick="handleAuthClick()" id="authorize_button" hidden>Vai</a>
35 <button class="btn btn-secondary my-2" onclick="getArtworks()" id="get_button">Ottieni</button>
36 </div>
37 <div id="controls" hidden>
38 <a href="#" class="btn btn-secondary my-2" onclick="selectAllNone(1)" id="selectall_button">✅</a>
39 <a href="#" class="btn btn-secondary my-2" onclick="selectAllNone(0)" id="selectnone_button">❎</a>
40 <a href="#" class="btn btn-secondary my-2" onclick="toggleColor()" id="togglecolor_button">⚪</a>
41 <input type="range" class="form-range" id="opacity_range" min="0" max="1" step="0.01" oninput="updateOpacity()" value="0.4">
42 <label for="opacity_range" class="form-label" id="opacity_label"></label>
43 <a href="#" class="btn btn-secondary my-2" onclick="saveAll()" id="saveall_button">💾</a>
44 <a href="#" class="btn btn-secondary my-2" onclick="saveAllIG()" id="saveallig_button">📷</a>
45 </div>
46 </div>
47 </section>
48 <div class="album py-5" id="main_container" hidden>
49 <div class="container">
50 <div class="row" id="content"></div>
51 <div class="row">
52 <div class="col-md-12">
53 <a href="#" id="copy_button" onclick="navigator.clipboard.writeText(filename_h1.innerText);"
54 hidden>
55 <h1 id="filename" style="display: inline;"></h1>
56 <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
57 preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
58 <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
59 stroke-width="2">
60 <rect width="13" height="13" x="9" y="9" rx="2" ry="2" />
61 <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
62 </g>
63 </svg>
64 </a>
65 </div>
66 <div id="canvas" class="col-md-12" hidden>
67 <canvas width="1080" height="1920" id="instagram-canvas"></canvas>
68 </div>
69 </div>
70 </div>
71 </div>
72 </main>
73 <footer>
74 <div class="container">
75 <p>© Earthbound Café, realizzato da <a href="mailto:andronacomarco@gmail.com">Marco Andronaco</a>
76 (BiRabittoh).</p>
77 </div>
78 </footer>
79 <template id="fanart-template">
80 <div class="col-md-4 entry{| disabled |}" id="{| id |}" data-index="{| index |}">
81 <div class="card mb-4 box-shadow my-card">
82 <canvas class="card-img-top entry-img"
83 id="{| id |}" data-name="{| name |}"
84 data-content="{| content |}"
85 data-filename="{| filename |}"></canvas>
86 <div class="card-body">
87 <a class="card-text" title="Clicca per copiare." onclick="navigator.clipboard.writeText(this.innerText);">{| filename |}</a>
88 <div class="d-flex justify-content-between align-items-center card-controls">
89 <div class="btn-group">
90 <button class="btn btn-sm btn-outline-secondary" onclick="moveUpDown('{| id |}', -1);">⬅️</button>
91 <button class="btn btn-sm btn-outline-secondary" onclick="toggleEntry('{| id |}');">*️⃣</button>
92 <button class="btn btn-sm btn-outline-secondary" onclick="saveEntry('{| id |}');">💾</button>
93 <button class="btn btn-sm btn-outline-secondary" onclick="saveEntryIG('{| id |}');">📷</button>
94 <button class="btn btn-sm btn-outline-secondary" onclick="moveUpDown('{| id |}', 1);">➡️</button>
95 </div>
96 </div>
97 </div>
98 </div>
99 </div>
100 </template>
101 <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
102 <script src="/static/ext/js/jquery-3.2.1.slim.min.js"></script>
103 <script src="/static/ext/js/bootstrap.min.js"></script>
104 <script src="/static/script.js"></script>
105</body>
106
107</html>