artbound_python/templates/help.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="BiRabittoh">
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 - Informazioni</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 <main role="main">
18 <section class="jumbotron text-center">
19 <div class="container">
20 <h1 class="jumbotron-heading">
21 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
22 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
23 class="feather feather-activity">
24 <polygon points="14 2 18 6 7 17 3 17 3 13 14 2"></polygon>
25 <line x1="3" y1="22" x2="21" y2="22"></line>
26 </svg>
27 ArtBound Panel
28 </h1>
29 <h2 class="lead">Informazioni</h2>
30
31 </div>
32 </section>
33 <div class="container">
34 <div class="row text-row">
35 <div class="col-md-12">
36 <p>
37 ArtBound Panel è uno strumento che aiuta a selezionare, ridimensionare, rinominare e marchiare
38 con facilità le fanart che arrivano ad Earthbound Café.
39 </p>
40 </div>
41 </div>
42 <div class="row text-row">
43 <div class="col-md-12">
44 <h2 class="lead">Istruzioni</h2>
45 <ol>
46 <li>Per prima cosa, seleziona il mese da cui vuoi estrarre le fanart e clicca sul tasto {{ emoji["get_first"] }} a
47 fianco. Se le immagini non sono in cache potrebbe volerci un attimo.</li>
48 <li>Ripeti l'operazione precedente ({{ emoji["get"] }}) per integrare le fanart di eventuali
49 altri mesi.</li>
50 <li>Disabilita ({{ emoji["toggle"] }}) le fanart non necessarie e ordina ({{ emoji["prev"] }},
51 {{ emoji["next"] }}) opportunamente il resto.</li>
52 <li>Usa il mouse o il touch screen per posizionare il watermark su ciascuna immagine.</li>
53 <li>Usa i tasti {{ emoji["save"] }} o {{ emoji["save_ig"] }} per salvare i risultati su file.
54 </li>
55 </ol>
56 <p>Data e ora sotto il titolo rappresentano l'ultimo aggiornamento del database delle fanart; per
57 aggiornare il database, cliccaci sopra. Se ci sono nuove fanart, potrebbe comunque essere
58 necessario aggiornare la pagina per caricarle.</p>
59 </div>
60 </div>
61 <div class="row text-row">
62 <div class="col-md-12">
63 <h2 class="lead">Comandi fanart</h2>
64 <p>
65 Questi comandi sono posizionati lungo la parte inferiore destra di ogni fanart e permettono di
66 agire su di essa.
67 </p>
68 <ul>
69 <li>{{ emoji["prev"] }}: porta indietro la fanart;</li>
70 <li>{{ emoji["toggle"] }}: abilita o disabilita la fanart;</li>
71 <li>{{ emoji["color"] }}/{{ emoji["color_black"] }}: alterna tra watermark bianco e nero;</li>
72 <li>{{ emoji["save"] }}: salva la fanart nel formato base, per Facebook, Mastodon, Twitter e Google Forms;</li>
73 <li>{{ emoji["save_ig"] }}: salva la fanart nel formato storia, per Instagram.</li>
74 <li>{{ emoji["next"] }}: porta avanti la fanart.</li>
75 </ul>
76 </div>
77 </div>
78 <div class="row text-row">
79 <div class="col-md-12">
80 <h2 class="lead">Comandi globali</h2>
81 <p>
82 Questi comandi sono posizionati sulla parte superiore centrale della pagina e permettono di
83 agire su tutte le fanart.
84 </p>
85 <ul>
86 <li>{{ emoji["select_all"] }}: abilita tutte le fanart;</li>
87 <li>{{ emoji["select_none"] }}: disabilita tutte le fanart;</li>
88 <li>Slider: cambia l'opacità dei prossimi watermark;</li>
89 <li>{{ emoji["save"] }}: salva tutte le fanart nel formato base;</li>
90 <li>{{ emoji["save_ig"] }}: salva tutte le fanart nel formato storia.</li>
91 </ul>
92 </div>
93 </div>
94 <div class="row text-row">
95 <div class="col-md-12 text-center">
96 <a href="/" class="btn btn-primary">Home {{ emoji["home"] }}</a>
97 </div>
98 </div>
99 </div>
100 </main>
101 <footer>
102 <div class="container">
103 <p>© <a href="https://linktr.ee/earthboundcafe">Earthbound Café</a>, realizzato da <a
104 href="https://birabittoh.github.io/">BiRabittoh</a>.</p>
105 </div>
106 </footer>
107 <script src="/static/ext/js/jquery-3.2.1.slim.min.js"></script>
108 <script src="/static/ext/js/bootstrap.min.js"></script>
109</body>
110
111</html>