From 56237cf77ea51a4d76804896851e774e1a8333e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=B2=20P?= <nicolo.paraciani@cnr.it>
Date: Sat, 18 Sep 2021 12:29:13 +0200
Subject: [PATCH] Offline changes + use history.go(-1) to go back...

---
 README.md     |  7 ++++++-
 js/ui.js      |  2 +-
 progetto.html | 53 +++++++++++++--------------------------------------
 3 files changed, 20 insertions(+), 42 deletions(-)

diff --git a/README.md b/README.md
index 6301663..1cdadb7 100644
--- a/README.md
+++ b/README.md
@@ -3,4 +3,9 @@
 This project includes two versions of the same HTML5 app:
 
 - offline local installation (tracked by `master` branch)
-- online website _nelcielodifara.cnr.it_ (tracked by `online-site` branch)
\ No newline at end of file
+- online website _nelcielodifara.cnr.it_ (tracked by `online-site` branch)
+
+## TODO
+
+- Add Vimeo links for videos in `online-site` version.
+- Interactive SVG map??
\ No newline at end of file
diff --git a/js/ui.js b/js/ui.js
index 38a3841..60e8e10 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -54,7 +54,7 @@ if (window.location.href.includes('video')) {
         close.addEventListener('click', () => {
             // If referred from interactive map, shouldn't
             // just go back...
-            history.back();
+            window.history.go(-1);
         });
 
         let source = document.querySelector('source');
diff --git a/progetto.html b/progetto.html
index 9d259d9..4ff0b4a 100644
--- a/progetto.html
+++ b/progetto.html
@@ -42,6 +42,7 @@
                 <div class="container">
                     <div class="columns">
                         <div class="column col-lg-7 col-sm-12 col-md-12 of-hidden">
+                            <!-- What about this for offline?? -->
                             <iframe src="https://player.vimeo.com/video/464788316" 
                             width="640" height="360" frameborder="0" allowfullscreen></iframe>
                         </div>
@@ -91,28 +92,6 @@
                     </div>
                 </div>
             </section>
-            <!-- Solo versione online -->
-            <section class="odd-stripe">
-                <div class="container">
-                    <div class="columns mb-2">
-                        <div class="col-12 mb-2">
-                            <h2>Output tecnologici (a cura di Orpheo)</h2>
-                        </div>
-                        <div class="column col-lg-6 col-sm-12 col-md-12 of-hidden mt-2 mb-2 pr-lg">
-                            <p class="text-left text-uppercase mb-0 mt-2 robot-slab-b">Piattaforma web</p>
-                            <a href="https://cms.innovapatrimonio.com/" title="Vai al sito di InnovaPatrimonio">
-                                <img class="mt-2" src="img/sito_ip.PNG" alt="Sito di InnovaPatrimonio">
-                            </a>
-                        </div>
-                        <div class="column col-lg-6 col-sm-12 col-md-12 mt-2 mb-2 pr-lg">                            
-                            <p class="text-left text-uppercase mb-0 mt-2 robot-slab-b">Web app</p>
-                            <a href="https://pwa.innovapatrimonio.com/" title="Vai alla web app di InnovaPatrimonio">
-                                <img class="mt-2" src="img/webapp.PNG" alt="Web App InnovaPatrimonio">
-                            </a>
-                        </div>
-                    </div>
-            </section>
-            <!-- Fine (versione online) -->
             <section class="prj-logos">
                 <div class="container">
                     <div class="columns mb-2">
@@ -129,12 +108,10 @@
                             </figure>
                         </div>
                         <div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
-                            <a href="https://orpheogroup.com">
-                                <figure class="figure">
-                                    <img class="of-hidden" src="img/loghi/logo_orpheo.png" alt="ORPHEO">
-                                    <figcaption class="figure-caption text-center opensans">ORPHEO</figcaption>
-                                </figure>
-                            </a>
+                            <figure class="figure">
+                                <img class="of-hidden" src="img/loghi/logo_orpheo.png" alt="ORPHEO">
+                                <figcaption class="figure-caption text-center opensans">ORPHEO</figcaption>
+                           </figure>
                         </div>
                         <div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
                             <figure class="figure">
@@ -147,20 +124,16 @@
                     <div class="columns mt-lg">
                         <div class="col-3 col-sm-12 col-md-12"></div>
                         <div class="col-4 col-sm-12 col-md-12">
-                            <a href="https://www.ispc.cnr.it" title="Vai al sito di CNR ISPC">
-                                <figure class="figure">
-                                    <img class="of-hidden" src="img/ispc_ext_large.png" alt="CNR ISPC">
-                                    <figcaption class="figure-caption text-center opensans">CNR ISPC</figcaption>
-                                </figure>
-                            </a>
+                            <figure class="figure">
+                                <img class="of-hidden" src="img/ispc_ext_large.png" alt="CNR ISPC">
+                                <figcaption class="figure-caption text-center opensans">CNR ISPC</figcaption>
+                            </figure>
                         </div>
                         <div class="col-2 col-sm-12 col-md-12">
-                            <a href="https://www.teatropotlach.org" title="Vai al sito del Teatro Potlach">
-                                <figure class="figure">
-                                    <img class="of-hidden" src="img/loghi/logo_potlach.jpg" alt="TEATRO POTLACH" id="potlach">
-                                    <figcaption class="figure-caption text-center opensans">TEATRO POTLACH</figcaption>
-                                </figure>
-                            </a>
+                            <figure class="figure">
+                                <img class="of-hidden" src="img/loghi/logo_potlach.jpg" alt="TEATRO POTLACH" id="potlach">
+                                <figcaption class="figure-caption text-center opensans">TEATRO POTLACH</figcaption>
+                            </figure>
                         </div>
                         <div class="col-3 col-sm-12 col-md-12"></div>
                     </div>