Attori del Teatro Potlach: Marcus Acauan, Zsofia Gulyas, Nathalie Mentha, Daniela Regnoli, Irene Rossi, Maurizio Stammati.
@@ -117,7 +117,7 @@
-
+
@@ -166,7 +166,7 @@
diff --git a/css/main.css b/css/main.css
index 6f596c9..58a2ace 100644
--- a/css/main.css
+++ b/css/main.css
@@ -30,8 +30,10 @@ html {
.mt-lg {
margin-top: 2rem;
}
-.ml-lg {
- margin-left: 2rem;
+@media (min-width: 840px) {
+ .ml-lg {
+ margin-left: 2rem;
+ }
}
.short-hr {
width: 3.5rem;
@@ -399,4 +401,8 @@ section.poi h3 {
overflow: hidden;
top: 0;
width: 100%;
+}
+canvas {
+ width: 100%;
+ height: 100%;
}
\ No newline at end of file
diff --git a/img/carro_sabino.jpg b/img/carro_sabino.jpg
new file mode 100644
index 0000000..cfbd3c1
Binary files /dev/null and b/img/carro_sabino.jpg differ
diff --git a/img/loghi_ispc_potlach_sd.png b/img/loghi_ispc_potlach_sd.png
new file mode 100644
index 0000000..43737ee
Binary files /dev/null and b/img/loghi_ispc_potlach_sd.png differ
diff --git a/img/progetto_header.jpg b/img/progetto_header.jpg
index edfec78..0158b53 100644
Binary files a/img/progetto_header.jpg and b/img/progetto_header.jpg differ
diff --git a/img/slider/Acquisizione Carro.jpg b/img/slider/Acquisizione Carro.jpg
new file mode 100644
index 0000000..c4e44b8
Binary files /dev/null and b/img/slider/Acquisizione Carro.jpg differ
diff --git a/img/slider/Angelo_backst.jpg b/img/slider/Angelo_backst.jpg
new file mode 100644
index 0000000..6af04ae
Binary files /dev/null and b/img/slider/Angelo_backst.jpg differ
diff --git a/img/slider/Rocco si è svegliato02 Backst.jpg b/img/slider/Rocco si è svegliato02 Backst.jpg
new file mode 100644
index 0000000..95f1a2d
Binary files /dev/null and b/img/slider/Rocco si è svegliato02 Backst.jpg differ
diff --git a/img/slider/Vicolo.jpg b/img/slider/Vicolo.jpg
new file mode 100644
index 0000000..227730f
Binary files /dev/null and b/img/slider/Vicolo.jpg differ
diff --git a/index.html b/index.html
index 7b78961..16047c3 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
-
+
Nel cielo di Fara
diff --git a/itinerario.html b/itinerario.html
index 981316a..eba66a2 100644
--- a/itinerario.html
+++ b/itinerario.html
@@ -5,7 +5,7 @@
-
+
L'itinerario | Nel cielo di Fara
@@ -44,7 +44,8 @@
-
+
+
Il borgo storico in tappe
@@ -493,7 +494,7 @@
diff --git a/js/fara.js b/js/fara.js
index a0dc1e7..b3c76ed 100644
--- a/js/fara.js
+++ b/js/fara.js
@@ -22,4 +22,22 @@ export function slider(nextimage) {
}
header.setAttribute('style', 'background-image : url("' +images[nextimage++] + '");');
setTimeout(slider(nextimage), 2000);
+}
+
+/**
+ * @todo
+ * The canvas should be drawn into an overlay
+ * container (always fullscreen)
+ */
+export function interactiveMap() {
+ let canvas = document.createElement('canvas');
+
+ let ctx = canvas.getContext('2d');
+
+ const img = new Image;
+ img.src = 'img/mappa.png';
+
+ img.onload = () => {
+ ctx.drawImage(img, 0, 0);
+ }
}
\ No newline at end of file
diff --git a/js/ui.js b/js/ui.js
index a07608b..e013c76 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -1,6 +1,7 @@
//use strict;
-//import * as Farapp from './fara.js';
+import * as Farapp from './fara.js';
+
let homeRE = new RegExp(/(https?:\S+\/$|index.html$)/);
if (homeRE.test(window.location.href)) {
@@ -152,4 +153,14 @@ window.addEventListener('load', () => {
modal.classList.remove('active');
})
}
-});
\ No newline at end of file
+});
+/**
+ * Draw interactive map in canvas...
+ if (window.location.href.includes('itinerario')) {
+ let mapImg = document.getElementById('map');
+
+ mapImg.addEventListener('click', () => {
+ Farapp.interactiveMap();
+ });
+ }
+*/
\ No newline at end of file
diff --git a/news.html b/news.html
index d2b39ab..9257799 100644
--- a/news.html
+++ b/news.html
@@ -5,8 +5,8 @@
-
- Nel cielo di Fara
+
+ News & Eventi | Nel cielo di Fara
diff --git a/progetto.html b/progetto.html
index 57e7fbd..3cb44f6 100644
--- a/progetto.html
+++ b/progetto.html
@@ -5,7 +5,7 @@
-
+
Il progetto | Nel cielo di Fara
@@ -59,16 +59,16 @@
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,
+ A quest'anima nascosta danno forma recitazioni attoriali, racconti degli abitanti, ricostruzioni virtuali,
ambienti di Mixed Reality, interventi di scenografia urbana, projection mapping.
-
Teatro, cinema e computer grafica si fondono in questa inedita
+
Teatro, cinema, letteratura 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.
+ ambienti interattivi per tecnologie mobile, sito web, installazioni site specific, un docufilm.
@@ -84,7 +84,6 @@
La tecnologia aiuta a rendere visibile lo straordinario
Tecnologia ad alta usabilità
Un prodotto scalabile e ripetibile
-
Valorizzazione della "prossimità"
@@ -97,7 +96,7 @@
-
Output del progetto
+
Output tecnologici (a cura di Orpheo)
Piattaforma web
@@ -110,9 +109,6 @@
Web app
-
- Generata dal sito web con i contenuti pre-caricati
-