diff --git a/js/fara.js b/js/fara.js
index a69e294..a0dc1e7 100644
--- a/js/fara.js
+++ b/js/fara.js
@@ -1,16 +1,25 @@
//use strict;
-export {Farapp};
+export function slider(nextimage) {
+ let header = document.querySelector('header');
-const Farapp = {
- slider : /*** Fade in??*/ function (element, nextimage) {
- //opacity = 1;
+ let images = [
+ 'img/fara_background.jpg',
+ //'img/fara_bg_2.jpg',
+ 'img/fara_bg_3.jpg',
+ 'img/fara_bg_4.jpg',
+ 'img/fara_bg_5.jpg',
+ //'img/fara_bg_6.jpg',
+ 'img/fara_bg_7.jpg',
+ 'img/fara_bg_8.jpg',
+ 'img/fara_bg_9.jpg',
+ 'img/fara_bg_10.png',
+ 'img/fara_bg_11.jpg',
+ ];
- if(nextimage >= images.length) {
- nextimage = 0;
- }
- element.style =
- 'background-image : url("' +images[nextimage++] + '");';
- setTimeout(slider, 2000);
+ if (nextimage >= images.length) {
+ nextimage = 0;
}
+ header.setAttribute('style', 'background-image : url("' +images[nextimage++] + '");');
+ setTimeout(slider(nextimage), 2000);
}
\ No newline at end of file
diff --git a/js/ui.js b/js/ui.js
index 02c6ea6..d77e192 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -1,35 +1,57 @@
//use strict;
-import { Farapp } from "./fara.js";
+//import * as Farapp from './fara.js';
+let homeRE = new RegExp(/(https?:\S+\/$|index.html$)/);
+
+if (homeRE.test(window.location.href)) {
+ window.addEventListener('load', () => {
+ let nextimage = 0;
+ let header = document.querySelector('header');
+ slider();
+
+ function slider() {
+ /*** Fade in??*/
+ //opacity = 1;
+
+ let images = [
+ 'img/fara_background.jpg',
+ //'img/fara_bg_2.jpg',
+ 'img/fara_bg_3.jpg',
+ 'img/fara_bg_4.jpg',
+ 'img/fara_bg_5.jpg',
+ //'img/fara_bg_6.jpg',
+ 'img/fara_bg_7.jpg',
+ 'img/fara_bg_8.jpg',
+ 'img/fara_bg_9.jpg',
+ 'img/fara_bg_10.png',
+ 'img/fara_bg_11.jpg',
+ ];
+
+ if (nextimage >= images.length) {
+ nextimage = 0;
+ }
+ header.setAttribute('style', 'background-image : url("' + images[nextimage++] + '");');
+ setTimeout(slider, 2000);
+ }
+ });
+}
+/**
+ * Apply active class to selected link...
+ * @todo Inefficient!!
+ */
window.addEventListener('load', () => {
let navlinks = Array.from(document.querySelectorAll('#links a'));
navlinks.forEach(element => {
let ref = element.href.substr(element.href.lastIndexOf('/'), element.href.length);
- if (window.location.href.includes(ref) || element.href.includes('index.html')) {
+ if (window.location.href.includes(ref)) {
element.setAttribute('class', 'active');
}
+ if (homeRE.test(window.location.href)) {
+ navlinks[0].setAttribute('class', 'active');
+ }
});
-
- let images = [
- 'img/fara_background.jpg',
- //'img/fara_bg_2.jpg',
- 'img/fara_bg_3.jpg',
- 'img/fara_bg_4.jpg',
- 'img/fara_bg_5.jpg',
- //'img/fara_bg_6.jpg',
- 'img/fara_bg_7.jpg',
- 'img/fara_bg_8.jpg',
- 'img/fara_bg_9.jpg',
- 'img/fara_bg_10.png',
- 'img/fara_bg_11.jpg',
- ];
- let nextimage = 0;
- let header = document.querySelector('header');
-
- Farapp.slider(header, nextimage);
-
});
window.addEventListener('scroll', event => {
@@ -37,14 +59,14 @@ window.addEventListener('scroll', event => {
let links = document.querySelector('#links');
if (window.pageYOffset !== 0) {
- nav.classList.add('bg-white');
+ nav.classList.add('bg-white', 'border');
nav.classList.remove('text-gray');
links.classList.add('nav-dark');
links.classList.remove('nav-light');
}
else {
nav.classList.add('text-gray');
- nav.classList.remove('bg-white');
+ nav.classList.remove('bg-white', 'border');
links.classList.add('nav-light');
links.classList.remove('nav-dark');
}
diff --git a/progetto.html b/progetto.html
new file mode 100644
index 0000000..db362cb
--- /dev/null
+++ b/progetto.html
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
+
Il progetto | Nel cielo di Fara
+
+
+
+
+
+
+
+
+
+
+
+
Il progetto
+
+
+
+
+
+
+
+
+
+
+
In sintesi
+
+ L’obiettivo del progetto Innova Patrimonio è l’ideazione e creazione di un innovativo
+ modello di narrazione del territorio e dei suoi beni ,
+ in particolare dei borghi antichi, che oggi vivono
+ un processo di progressivo abbandono, da veicolare tramite varie soluzioni tecnologiche.
+
+
+ La tradizionale impostazione descrittiva di itinerari e monumenti viene sostituita da
+ una rappresentazione drammaturgica di storie, personaggi, modi di vivere e visioni
+ che costituiscono i caratteri irriducibili e unici della vita profonda di un borgo.
+ A quest’anima nascosta danno forma recitazioni attoriali, ricostruzioni virtuali,
+ ambienti di Mixed Reality , interventi di scenografia urbana, projection mapping .
+
+
+
+
Teatro, cinema e computer grafica si fondono in questa inedita rappresentazione
+ spettacolare alla quale la comunità prende parte e in essa si riconosce ma che allo
+ stesso tempo diventa elemento di attrazione turistica. Gli output sono vari:
+ ambienti interattivi per tecnologie mobile, sito web, installazioni site specific .
+
+
+
+
+
+
+
+
Valore aggiunto del progetto
+
+ Un nuovo modello narrativo
+ Raccontare luoghi noti con occhi nuovi
+ La tecnologia aiuta a rendere visibile lo straordinario
+ Tecnologia ad alta usabilità
+ Un prodotto scalabile e ripetibile
+ Valorizzazione della "prossimità"
+
+
+
+
+
+
+
+
+
+
+
+
Output del progetto
+
+
+
+
Piattaforma web
+
+ Per la condivisione dei contenuti e la creazione gratuita di tour e visite guidate
+
+
+
+
+
+
Web app
+
+ Generata dal sito web con i contenuti pre-caricati
+
+
+
+
+
+
+
+
+
+
Partner del progetto
+
+
+
+
+
+
+ THEOREMA
+
+
+
+
+
+ SILLABE
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+