fara-web/progetto.html

149 lines
8.9 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 src="js/ui.js" type="module"></script>
<title>Il progetto | Nel cielo di Fara</title>
</head>
<body>
<header class="main-header prog">
<div class="container">
<div class="columns text-gray" id="nav">
<div class="column col-lg-7 col-sm-10 col-md-2">
<img class="of-hidden" src="img/loghi/InnovaPatrimonio_logo_transparent_bg_150x98.png" alt="Logo InnovaPatrimonio" id="logo">
</div>
<div class="column col-sm-2 show-sm text-right">
<i class="icon icon-menu icon-2x"></i>
</div>
<div class="hide-sm column col-lg-5 col-sm-10 col-md-10 nav-light nav-menu" id="links">
<a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
<a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
<a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
<a href="credits.html" title="Credits del progetto">Credits</a>
</div>
<nav class="d-hide side-nav bg-white opensans">
<p id="close-nav"><i class="icon-close"></i></p>
<a href="itinerario.html" title="Vai all'itinerario">L'itinerario</a>
<a href="progetto.html" title="Vai alla descrizione del progetto">Il progetto</a>
<a href="news.html" title="Leggi news ed eventi">News & Eventi</a>
<a href="credits.html" title="Credits del progetto">Credits</a>
</nav>
</div>
</div>
<div id="title" class="text-center">
<h1 class="arvo">Il progetto</h1>
</div>
</header>
<main>
<section class="odd-stripe">
<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>
<div class="column col-lg-5 col-sm-12 col-md-12 pl-lg">
<h2>In sintesi</h2>
<p>
Lobiettivo del progetto Innova Patrimonio è lideazione e la creazione di un innovativo
<strong>modello di narrazione del territorio e dei suoi beni</strong>,
in particolare dei borghi antichi, che oggi vivono
un processo di progressivo abbandono, da veicolare tramite varie soluzioni tecnologiche.
</p>
<p>
La tradizionale impostazione descrittiva di itinerari e monumenti viene sostituita da
una <strong>rappresentazione drammaturgica di storie, personaggi, modi di vivere e visioni</strong>
che costituiscono i caratteri irriducibili e unici della vita profonda di un borgo.
A quest'anima nascosta danno forma recitazioni attoriali, racconti degli abitanti, ricostruzioni virtuali,
ambienti di <em lang="en">Mixed Reality</em>, interventi di scenografia urbana, <em lang="en">projection mapping</em>.
</p>
</div>
<div class="column col-12 mt-2">
<p class="mt-2"><strong>Teatro, cinema, letteratura e computer grafica</strong> 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 <em>mobile</em>, sito web, installazioni <em>site specific</em>, un docufilm.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="columns">
<div class="column col-lg-7 col-sm-12 col-md-12">
<h2>Valore aggiunto del progetto</h2>
<ul>
<li>Un nuovo modello narrativo</li>
<li>Raccontare luoghi noti con occhi nuovi</li>
<li>La tecnologia aiuta a rendere visibile lo straordinario</li>
<li>Tecnologia ad alta usabilità</li>
<li>Un prodotto scalabile e ripetibile</li>
</ul>
</div>
<div class="column col-lg-7 col-sm-12 col-md-12 of-hidden">
<iframe src="https://player.vimeo.com/video/578170143"
width="640" height="360" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section class="prj-logos">
<div class="container">
<div class="columns mb-2">
<div class="col-12">
<h2>Partner del progetto</h2>
</div>
</div>
<div class="columns mt-lg">
<div class="col-2 col-sm-12 col-md-12"></div>
<div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
<figure class="figure">
<img class="of-hidden" src="img/loghi/logo_theorema.png" alt="THEOREMA">
<figcaption class="figure-caption text-center opensans">THEOREMA</figcaption>
</figure>
</div>
<div class="col-3 col-sm-12 col-md-12 pl-2 pr-2">
<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">
<img class="of-hidden" src="img/loghi/logo_sillabe.jpg" alt="SILLABE">
<figcaption class="figure-caption text-center opensans">SILLABE</figcaption>
</figure>
</div>
<div class="col-1 col-sm-12 col-md-12"></div>
</div>
<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">
<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">
<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>
</div>
</section>
</main>
<footer class="roboto">
<p id="copy">&copy; Avviso pubblico Beni Culturali e Turismo POR FESR Lazio 2014-2020</p>
<p><img src="img/loghi_ispc_potlach.png" class="logos" alt="Loghi ISPC Potlach"></p>
<p><img src="img/FESR_BARRA_BENEFICIARI_DEF.jpg" class="logos" alt="Loghi enti beneficiari"></p>
</footer>
</body>
</html>