all repos — artbound-python @ 4ab8582c6bb9b125427e4b5bc809a23519976fa6

A client-server reimplementation of the administration panel for ArtBound.

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"
42                        oninput="updateOpacity()" value="0.4">
43                    <label for="opacity_range" class="form-label" id="opacity_label"></label>
44                    <a href="#" class="btn btn-secondary my-2" onclick="saveAll()" id="saveall_button">💾</a>
45                    <a href="#" class="btn btn-secondary my-2" onclick="saveAllIG()" id="saveallig_button">📷</a>
46                </div>
47            </div>
48        </section>
49        <div class="album py-5" id="main_container" hidden>
50            <div class="container">
51                <div class="row" id="content"></div>
52                <div class="row">
53                    <div class="col-md-12">
54                        <a href="#" id="copy_button" onclick="navigator.clipboard.writeText(filename_h1.innerText);"
55                            hidden>
56                            <h1 id="filename" style="display: inline;"></h1>
57                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
58                                preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
59                                <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
60                                    stroke-width="2">
61                                    <rect width="13" height="13" x="9" y="9" rx="2" ry="2" />
62                                    <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
63                                </g>
64                            </svg>
65                        </a>
66                    </div>
67                    <div id="canvas" class="col-md-12" hidden>
68                        <canvas width="1080" height="1920" id="instagram-canvas"></canvas>
69                    </div>
70                </div>
71            </div>
72        </div>
73    </main>
74    <footer>
75        <div class="container">
76            <p>&copy; Earthbound Café, realizzato da <a href="mailto:andronacomarco@gmail.com">Marco Andronaco</a>
77                (BiRabittoh).</p>
78        </div>
79    </footer>
80    <script src="/static/ext/js/jquery-3.2.1.slim.min.js"></script>
81    <script src="/static/ext/js/bootstrap.min.js"></script>
82    <script src="/static/script.js"></script>
83</body>
84
85</html>