nicolo/fara-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Offline changes + use history.go(-1) to go back...

Browse Source
This commit is contained in:
Nicolò P 2021-09-18 12:29:13 +02:00
parent 9fec3e602f
commit 56237cf77e
3 changed files with 20 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
README.md
View File

@ -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)
- online website _nelcielodifara.cnr.it_ (tracked by `online-site` branch)
## TODO
- Add Vimeo links for videos in `online-site` version.
- Interactive SVG map??

2
js/ui.js
View File

@ -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');

53
progetto.html
View File

@ -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>