M artbound_python/static/script.js → artbound_python/static/script.js

@@ -18,7 +18,6 @@ selectall_button = document.getElementById("selectall_button"),
 	selectnone_button = document.getElementById("selectnone_button"),
 	controls_div = document.getElementById("controls"),
 	opacity_range = document.getElementById("opacity_range"),
-	main_container_div = document.getElementById("main_container"),
 	content_div = document.getElementById("content"),
 	canvas_link = document.getElementById("canvas-download"),
 	canvas_ig = document.getElementById("instagram-canvas"),
@@ -84,7 +83,6 @@ return element.div;
 }
 
 async function updateFanartList() {
-	main_container_div.hidden = false;
 	content_div.innerHTML = "";
 	get_button.disabled = false;
 	get_button.innerText = "Aggiungi";

M artbound_python/templates/help.html → artbound_python/templates/help.html

@@ -24,10 +24,10 @@ 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>
-                    ArtBound Panel</a>
+                    ArtBound Panel
                 </h1>
                 <h2 class="lead">Informazioni</h2>
-                
+
             </div>
         </section>
         <div class="container">
@@ -43,11 +43,13 @@ <div class="row text-row">
                 <div class="col-md-12">
                     <h2 class="lead">Istruzioni</h2>
                     <ol>
-                        <li>Per prima cosa, seleziona il mese da cui vuoi estrarre le fanart e clicca sul tasto a fianco. Se le immagini non sono in cache potrebbe volerci un attimo.</li>
+                        <li>Per prima cosa, seleziona il mese da cui vuoi estrarre le fanart e clicca sul tasto a
+                            fianco. Se le immagini non sono in cache potrebbe volerci un attimo.</li>
                         <li>Ripeti l'operazione precedente per integrare le fanart di eventuali altri mesi.</li>
                         <li>Disabilita le fanart non necessarie e ordina opportunamente il resto.</li>
                         <li>Usa il mouse o il touch screen per posizionare il watermark su ciascuna immagine.</li>
-                        <li>Usa i tasti {{ emoji["save"] }} o {{ emoji["save_ig"] }} per salvare i risultati su file.</li>
+                        <li>Usa i tasti {{ emoji["save"] }} o {{ emoji["save_ig"] }} per salvare i risultati su file.
+                        </li>
                     </ol>
                 </div>
             </div>
@@ -55,13 +57,15 @@ <div class="row text-row">
                 <div class="col-md-12">
                     <h2 class="lead">Comandi globali</h2>
                     <p>
-                        Questi comandi sono posizionati sulla parte superiore centrale della pagina e permettono di agire su tutte le fanart.
+                        Questi comandi sono posizionati sulla parte superiore centrale della pagina e permettono di
+                        agire su tutte le fanart.
                     </p>
                     <ul>
                         <li>{{ emoji["select_all"] }}: abilita tutte le fanart;</li>
                         <li>{{ emoji["select_none"] }}: disabilita tutte le fanart;</li>
                         <li>Slider: cambia l'opacità dei prossimi watermark;</li>
-                        <li>{{ emoji["save"] }}: salva tutte le fanart nel formato base, per Facebook e Google Forms;</li>
+                        <li>{{ emoji["save"] }}: salva tutte le fanart nel formato base, per Facebook e Google Forms;
+                        </li>
                         <li>{{ emoji["save_ig"] }}: salva tutte le fanart nel formato storia, per Instagram.</li>
                     </ul>
                 </div>
@@ -70,7 +74,8 @@ <div class="row text-row">
                 <div class="col-md-12">
                     <h2 class="lead">Comandi fanart</h2>
                     <p>
-                        Questi comandi sono posizionati lungo la parte inferiore destra di ogni fanart e permettono di agire su di essa.
+                        Questi comandi sono posizionati lungo la parte inferiore destra di ogni fanart e permettono di
+                        agire su di essa.
                     </p>
                     <ul>
                         <li>{{ emoji["prev"] }}: porta indietro la fanart;</li>
@@ -82,11 +87,17 @@ <li>{{ emoji["next"] }}: porta avanti la fanart.</li>
                     </ul>
                 </div>
             </div>
+            <div class="row text-row">
+                <div class="col-md-12 text-center">
+                    <a href="/" class="btn btn-primary">Home 🏠</a>
+                </div>
+            </div>
         </div>
     </main>
     <footer>
         <div class="container">
-            <p>&copy; Earthbound Café, realizzato da <a href="mailto:andronacomarco@gmail.com">Marco Andronaco</a> (BiRabittoh).</p>
+            <p>&copy; Earthbound Café, realizzato da <a href="mailto:andronacomarco@gmail.com">Marco Andronaco</a>
+                (BiRabittoh).</p>
         </div>
     </footer>
     <script src="/static/ext/js/jquery-3.2.1.slim.min.js"></script>

M artbound_python/templates/index.html → artbound_python/templates/index.html

@@ -57,26 +57,12 @@ <a href="#" class="btn btn-secondary my-2" onclick="saveAllIG();" id="saveallig_button">{{ emoji["save_ig"] }}</a>
                 </div>
             </div>
         </section>
-        <div class="album py-5" id="main_container" hidden>
+        <div class="album py-5" id="main_container" style="padding-bottom: 0px !important;">
             <div class="container">
                 <div class="row" id="content"></div>
-                <div class="row">
-                    <div class="col-md-12">
-                        <a href="#" id="copy_button" onclick="navigator.clipboard.writeText(filename_h1.innerText);"
-                            hidden>
-                            <h1 id="filename" style="display: inline;"></h1>
-                            <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>
-                        </a>
-                    </div>
-                    <div id="canvas" class="col-md-12" hidden>
-                        <canvas width="1080" height="1920" id="instagram-canvas"></canvas>
+                <div class="row text-row">
+                    <div class="col-md-12 text-center">
+                        <a href="/help" class="btn btn-primary">Info ❔</a>
                     </div>
                 </div>
             </div>
@@ -110,6 +96,7 @@ </div>
             </div>
         </div>
     </template>
+    <canvas width="1080" height="1920" id="instagram-canvas" hidden></canvas>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
     <script src="/static/ext/js/jquery-3.2.1.slim.min.js"></script>
     <script src="/static/ext/js/bootstrap.min.js"></script>