fara-web/map.html

639 lines
37 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/spectre-icons.css">
<script type="text/javascript" src="js/ui-map.js"></script>
</head>
<body>
<div>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" style="max-height: 100%;">
<image href="img/map_int.png" height="200" width="200"/>
<text
id="text837"
y="0"
x="190"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-size:6px;font-family:sans-serif;cursor:pointer;
fill:#777;fill-opacity:1;stroke-width:0.264583"
y="8"
x="190"
id="close-map"
sodipodi:role="line">X</tspan>
</text>
<g id="prologo" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="24.578873"
cx="31.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="25.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="26"
x="30.1"
id="tspan835"
sodipodi:role="line">0</tspan></text>
</g>
<g id="viaggiatore" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="69.578873"
cx="121.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
y="45.578873"
x="50.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="71"
x="120"
id="tspan835"
sodipodi:role="line">1</tspan></text>
</g>
<g id="faresi" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="69.578873"
cx="95.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
y="45.578873"
x="50.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="71"
x="94"
id="tspan835"
sodipodi:role="line">2</tspan></text>
</g>
<g id="piazza" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="48.578873"
cx="93.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="50"
x="92"
id="tspan835"
sodipodi:role="line">3</tspan></text>
</g>
<g id="nobili" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="34.578873"
cx="89.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="36"
x="88"
id="tspan835"
sodipodi:role="line">4</tspan></text>
</g>
<g id="rocco" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="44.578873"
cx="82.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="46"
x="81"
id="tspan835"
sodipodi:role="line">5</tspan></text>
</g>
<g id="disputa" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="68.578873"
cx="60.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="70"
x="59"
id="tspan835"
sodipodi:role="line">6</tspan></text>
</g>
<g id="duomo" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="93.578873"
cx="89.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="95"
x="88"
id="tspan835"
sodipodi:role="line">7</tspan></text>
</g>
<g id="castello" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="95.578873"
cx="104.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="97"
x="103"
id="tspan835"
sodipodi:role="line">8</tspan></text>
</g>
<g id="sabini" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="87.578873"
cx="88.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="89"
x="87"
id="tspan835"
sodipodi:role="line">9</tspan></text>
</g>
<g id="monumento" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="158.578873"
cx="154.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="160"
x="152"
id="tspan835"
sodipodi:role="line">10</tspan></text>
</g>
<g id="fuori" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="80.578873"
cx="43.527975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.527975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="82"
x="41.5"
id="tspan835"
sodipodi:role="line">11</tspan></text>
</g>
<g id="carro" style="cursor: pointer" onclick="openModal(this.id)">
<circle
r="2.817522"
cy="12.578873"
cx="75.127975"
id="path833"
style="fill:#c96abe;fill-opacity:1;stroke-width:0.215147;paint-order:fill markers stroke" />
<text
id="text837"
y="35.578873"
x="15.127975"
style="font-size:5px;line-height:1.25;font-family:serif;-inkscape-font-specification:serif;stroke-width:0.264583"
xml:space="preserve"><tspan
style="font-style:italic;font-size:4px;font-family:Caladea;
fill:#fff;fill-opacity:1;stroke-width:0.264583"
y="14"
x="73"
id="tspan835"
sodipodi:role="line">12</tspan></text>
</g>
</svg>
</div>
<div class="modal modal-lg modal-fullheight" id="mod-vid">
<div class="modal-container">
<div class="modal-header">
<a href="#close" class="btn btn-clear float-right" title="Close" aria-label="Close"></a>
<div class="modal-title h5 roboto"></div>
</div>
<div class="modal-body of-scroll">
<div class="container roboto-slab" id="mod-cont">
<div class="columns hide" id="col-prologo">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Prologo - Annunciazione
</h3>
<p class="text-small">
Un angelo compare a un eremita all'inizio dei tempi, sul Monte Acuziano.
Gli annuncia che sulla collina antistante sorgerà una città
che si chiamerà Fara, dove si vivrà in pace e in armonia con la natura,
in attesa di un re che farà ritorno&hellip;
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-prologo">
<img src="img/thumbs/thumb_prologo.jpg" alt="Prologo" >
</div>
</div>
<div class="columns hide" id="col-viaggiatore">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Il Viaggiatore #1
</h3>
<p class="text-small">
Un viaggiatore, arrivato a Fara Sabina, incontra una strano personaggio
che si offre di guidarlo in un viaggio attraverso il borgo che lo
porterà a riscoprire il senso della meraviglia.
Si comincia dal teatro dove gli attori, attraverso i personaggi
che hanno creato in tanti anni di spettacoli,
si stanno preparando a rappresentare la &quot;Fara invisibile&quot;.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-viaggiatore">
<img src="img/thumbs/thumb_viaggiatore.jpg" alt="Il viaggiatore" >
</div>
</div>
<div class="columns hide" id="col-faresi">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Sul carattere dei Faresi #2
</h3>
<p class="text-small">
Trilussa, poeta romano ma ormai di casa qui a Fara Sabina, e Ariel, spirito del vento prestato
dalla commedia shakespeariana “La Tempesta”, si affrontano in una piazzetta.
Ariel, l'eterno spiritello sognatore è sospeso sui tetti e guarda il mondo dall'alto,
osserva la forma della città e le abitudini dei suoi abitanti, fa magie.
Trilussa ha i piedi ben piantati per terra ed esorta Ariel a scendere e prendere
contatto con il mondo.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-faresi">
<img src="img/thumbs/thumb_faresi.jpg" alt="Sul carattere dei Faresi" >
</div>
</div>
<div class="columns hide" id="col-piazza1">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Piazza Forcina #3
</h3>
<p class="text-small">
Trilussa, accompagnato da un angelo, racconta la storia di questa piazza che si chiamava
piazza Forcina per via delle prigioni che vi si affacciavano fino a dopo l'unità d'Italia.
Immagina il lamento di quei poveri disgraziati a cui solo la luna teneva compagnia.
Ma poi tutto è cambiato, botteghe artigiane, il trasporto pubblico... è arrivata la modernità!
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-piazza1">
<img src="img/thumbs/thumb_piazza.jpg" alt="Piazza Forcina" >
</div>
</div>
<div class="columns hide" id="col-piazza2">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Antonio #3a
</h3>
<p class="text-small">
Antonio è un artigiano restauratore del legno, di Fara Sabina.
La sua bottega si affaccia su Piazza Garibaldi dove lo troviamo
al lavoro, allietato dal canto degli uccelli.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-piazza2">
<img src="img/thumbs/thumb_antonio.jpg" alt="Piazza Forcina" >
</div>
</div>
<div class="columns hide" id="col-piazza3">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Francesco #3b
</h3>
<p class="text-small">
Francesco appartiene ad un'antica famiglia di Fara,
negli anni ha raccolto nella sua casa una collezione
di oggetti dell'800 e del primo 900 che ci
raccontano una cultura ormai scomparsa.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-piazza3">
<img src="img/thumbs/thumb_francesco.jpg" alt="Piazza Forcina" >
</div>
</div>
<div class="columns hide" id="col-nobili">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
I Nobili di Fara #4
</h3>
<p class="text-small">
Trilussa, accompagnata dall'angelo, racconta e mostra
i molti palazzi nobiliari a Fara, appartenuti alle famiglie
romane degli Orsini, dei Farnese, dei Barberini...
da queste potenti famiglie baronali
provenivano gli abati commendatari della vicina e
potentissima Abbazia di Farfa che hanno lasciato
la loro impronta nel borgo.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-nobili">
<img src="img/thumbs/thumb_nobili.jpg" alt="I nobili di Fara" >
</div>
</div>
<div class="columns hide" id="col-rocco1">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Rocco si è svegliato #5
</h3>
<p class="text-small">
Rocco era un abitante di Fara in Sabina morto nel 1987 e vissuto in
un momento di fervore della vita del paese e della sua comunità.
Passava tutto il tempo all'osteria del paese. Ora si è appena
risvegliato dal lungo sonno e non riconosce più la sua Fara,
tutta vuota e silenziosa. Ma Ariel compie una magia e gli mostra
il borgo popolato come era allora.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-rocco1">
<img src="img/thumbs/thumb_rocco.jpg" alt="Rocco si è svegliato" >
</div>
</div>
<div class="columns hide" id="col-rocco2">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Alberto #5b
</h3>
<p class="text-small">
Alberto è lo storico appassionato di Fara, scrive e colleziona foto storiche,
proseguendo una tradizione di famiglia e rappresenta "il tipico farese".
Racconta come è avvenuto lo spopolamento del borgo, nel secondo dopoguerra.
Molte cose si sono perse ma, dice, quassù si continua a vivere bene.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-rocco2">
<img src="img/thumbs/thumb_alberto.jpg" alt="Alberto" >
</div>
</div>
<div class="columns hide" id="col-disputa">
<div class="column col-lg-6 col-md-6 col-sm-12">
<h3 class="lilac mb-2 text-italic text-bold">
Disputa sui dialetti e sui saperi #6
</h3>
<p class="text-small">
Trilussa recita poesie davanti una piccola platea in una piazzetta.
Alberto, inizialmente seduto un po' in disparte, mal sopporta la
lingua romanesca di Trilussa e improvvisamente si accende,
accusando il poeta di essere un forestiero in terra sabina.
I due intraprendono una accesa disputa sui dialetti e sui cibi.
</p>
</div>
<div class="column col-lg-6 col-md-6 col-sm-12 vid-thumb" id="t-disputa">
<img src="img/thumbs/thumb_disputa.jpg" alt="Disputa sui dialetti e sui saperi" >
</div>
</div>
<div class="columns hide" id="col-duomo1">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="lilac mb-2 text-italic text-bold">
Piazza Duomo #7
</h3>
<p class="text-small">
Piazza duomo è il cuore del borgo, dove il sacro e il profano
si incontrano: la cisterna dell'acqua pubblica, l'antico Monte
Frumentario, il forno, il museo, i palazzetti nobiliari,
la chiesa, e un panorama magnifico. Ariel si delizia e volteggia
nella piazza, tessendo ghirlande da finestra a finestra,
compiendo magie e trasformandole architetture del luogo.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-duomo1">
<img src="img/thumbs/thumb_duomo.jpg" alt="Piazza Duomo">
</div>
</div>
<div class="columns hide" id="col-duomo2">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="green mb-2 text-italic text-bold">
Loredana #7a
</h3>
<p class="text-small">
Loredana gestisce il forno quattrocentesco di Fara,
con suo fratello Angelo e altri abitanti del borgo.
Era l'antico forno pubblico del borgo. Loredana racconta
come questo forno sia l'espressione del suo forte legame
con la famiglia, dalla quale ha imparato l'arte e
la gestualità del fare il pane.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-duomo2">
<img src="img/thumbs/thumb_loredana.jpg" alt="Loredana">
</div>
</div>
<div class="columns hide" id="col-duomo3">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="green mb-2 text-italic text-bold">
Pietro #7b
</h3>
<p class="text-small">
Pietro è venuto a vivere a Fara, da Roma.
Nel suo palazzo ha raccolto una collezione d'arte africana
straordinaria, frutto di cinquant'anni di vita trascorsi in Africa.
Ci racconta il suo rapporto di serenità con il borgo,
dove l'architettura vive in stupefacente equilibrio con la natura
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-duomo3">
<img src="img/thumbs/thumb_pietro.jpg" alt="Pietro">
</div>
</div>
<div class="columns hide" id="col-castello">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="lilac mb-2 text-italic text-bold">
Il castello #8
</h3>
<p class="text-small">
Fara ha un castello di nobili origini, più volte espugnato e ricostruito.
Un tempo ospitava le tante attività del paese. Oggi è quasi in abbandono.
Due imbonitori convincono la popolazione ad entrare, promettendo che lì
dentro potrà trovare risposta a tutti i suoi desideri.
Così gli abitanti cominciano a dar voce ai loro desideri, fin quando…
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-castello">
<img src="img/thumbs/thumb_castello.jpg" alt="Il castello">
</div>
</div>
<div class="columns hide" id="col-sabini">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="lilac mb-2 text-italic text-bold">
I Sabini ieri e oggi #9
</h3>
<p class="text-small">
Gli oggetti del museo di Fara in Sabina vengono proiettati sullo spazio esterno
di Piazza Duomo. Uno spettacolo di video-mapping si anima sulle facciate dei palazzi,
e viene raccontata la storia dei Sabini attraverso un dialogo drammatizzato fra
due personaggi immaginari. Gli abitanti del borgo entrano nello spettacolo,
anch'essi proiettati sui muri, e interagiscono con gli oggetti della loro passata cultura.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-sabini">
<img src="img/thumbs/thumb_sabini.jpg" alt="I sabini ieri e oggi">
</div>
</div>
<div class="columns hide" id="col-monumento1">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="lilac mb-2 text-italic text-bold">
Il monumento sacro #10
</h3>
<p class="text-small">
Lo strano personaggio guida e l'angelo ci accompagnano attraverso la pineta,
fino al monumento sacro dei caduti in guerra. Un tumulo recintato e scavato
nel banco roccioso, dove gli abitanti del paese si prendono cura dei sentieri
e dei fiori o cantano spensieratamente. Un luogo naturale fatto di roccia e memorie,
all'ombra gentile dei lecci.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-monumento1">
<img src="img/thumbs/thumb_monumento.jpg" alt="Il monumento sacro">
</div>
</div>
<div class="columns hide" id="col-monumento2">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="green mb-2 text-italic text-bold">
Eva #10a
</h3>
<p class="text-small">
Eva viveva a Roma ma si è trasferita a Fara. Si chiede quanto a lungo
resterà in questo luogo sospeso nello spazio e nel tempo.
Ha voluto costruire questo inedito ritratto del borgo,
con i nuovi compagni di viaggio protagonisti delle storie,
cercando di vivere la bellezza e promuoverla come un valore
sociale comune.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-monumento2">
<img src="img/thumbs/thumb_eva.jpg" alt="Eva">
</div>
</div>
<div class="columns hide" id="col-monumento3">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="green mb-2 text-italic text-bold">
Toto #10b
</h3>
<p class="text-small">
Toto quando era giovane faceva il fuochista alla Croce Rossa di Fara,
come tante famiglie del borgo. Questo luogo era in origine un
preventorio antitubercolare per bambini che venivano da tutta Italia.
Oggi è in rovina ma è ancora pieno di fascino, in un paesaggio bellissimo.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-monumento3">
<img src="img/thumbs/thumb_toto.jpg" alt="Toto">
</div>
</div>
<div class="columns hide" id="col-fuori">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="lilac mb-2 text-italic text-bold">
Fuori Porta #11
</h3>
<p class="text-small">
Fuori porta è il luogo del pettegolezzo. Da qui passa obbligatoriamente
chi entra e chi esce dal borgo, sottoposto agli inevitabili giudizi dei
giocatori di carte e di coloro che bighellonano sul muretto.
Il personaggio di Acab mette in scena una danza quasi tribale
che rappresenta questo rito.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-fuori">
<img src="img/thumbs/thumb_fuori.jpg" alt="Fuori Porta">
</div>
</div>
<div class="columns hide" id="col-carro">
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 pl-lg">
<h3 class="lilac mb-2 text-italic text-bold">
Il ritorno del carro #12
</h3>
<p class="text-small">
L'angelo e Ariel si trovano sul Belvedere e improvvisamente compare
qualcosa nel cielo. &Egrave; il presagio di qualcosa che si compie
e che si celebrerà con il rito di ri-fondazione della città,
all'insegna dell'immaginazione e della felicità.
</p>
</div>
<div class="column col-lg-3 col-sm-12 col-md-12 mt-2 mb-2 vid-thumb" id="t-carro">
<img src="img/thumbs/thumb_carro.jpg" alt="Fuori Porta">
</div>
</div>
</div>
</div>
</div>
</body>
</html>