poni
/
lorenzo-final
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '0116e49be6'
${ noResults }
lorenzo-final/website/projects/confabulazioni/index.html

345 lines
17 KiB
HTML
Raw Normal View History Unescape Escape

first commit
4 months ago
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Lorenzo Ponte</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../../style.css">
<style>
.head {
height: 10%;
}
@media only screen and (max-width: 900px) {
.burger {
flex-direction: column;
}
}
@media only screen and (max-width: 600px) {
.burger {
display: none;
justify-content: space-around;
}
.burger div {
flex-direction: column;
gap: 0;
width: 50%;
}
.menu a {
-webkit-text-stroke: 1px black
}
.burger div:nth-child(2) a {
overflow-wrap: break-word;
font-size: 1rem;
color: var(--main);
-webkit-text-stroke: unset;
}
}
</style>
</head>
<body>
<div id="bioN">
<div id="egg" style="position: absolute;
top: 2rem;
right: 5rem;
z-index: -10;
width: 50%;
display: flex;
align-items: center;
justify-content: center;">
<img style="width: 50%;" src="../../renzo.png" alt="">
<i style="position: absolute;
bottom: 1rem;
right: 1rem;">Giulia Rossena</i>
</div>
<div>
<p><span class="contact">lorenzopuntoponte [at] gmail.com </span></p>
<p>Sono nato a Roma, cresciuto tra Palermo e Milano.</p>
<p>Mi sono laureato in <strong>Lettere Classiche</strong> all’Università Cattolica di Milano pensando che avrei fatto il professore di lettere. Poi ho iniziato a fare teatro e ho deciso di cercare un rapporto altro con la parola. Sono andato a studiare Regia teatrale alla <strong>Scuola Civica Paolo Grassi</strong> di Milano. Tra gli incontri più preziosi per la mia crescita artistica e professionale ricordo Mariano Furlani, Maurizio Schmidt, Carmelo Rifici, Marco Maccieri, Renata Molinari, Davide Carnevali, Giuliana Musso, e Claudio Autelli. Da ognuno di loro ho rubato e continuo a rubare. Dopo gli studi ho iniziato a lavorare come assistente alla regia presso il Teatro alla Scala di Milano e il Teatro Franco Parenti con Andrée Ruth Shammah. Sono stati gli anni della mia bottega, in cui ho iniziato a capire come è fatto un palcoscenico e chi sono i suoi abitanti.</p>
<p>Dirigo spettacoli di teatro di prosa e di opera lirica.
A volte sento la necessità di scrivere io stesso le storie che racconto, più spesso amo raccogliere e restituire le parole di Altri.</p>
<p>Nel 2018, insieme con Maddalena Massafra, Clio Sciro Saccà, Marco Sinopoli, vinciamo il concorso Macerata Opera Festival 4.0 per la scrittura e la composizione di un’opera contemporanea. Nel 2022, ho ricevuto il 3° premio dell’EOP – European opera prize for directors, insieme ad Alice Benazzi e Giulia Rossena. Nel 2023, abbiamo vinto la 13° edizione dell’<strong>EOP – European opera prize for directors</strong>.</p>
<p><em>Da quella vergogna, dall'impotenza e dal dolore, nacque comunque qualcosa che credo fosse il desiderio di diventare poeta, cioè di poter esprimere cosa vuol dire provare rimpianto per qualcuno, essere stato amato, essere solo.</em> <br>Stig Dagerman</p>
</div>
<!-- <div> -->
<svg class="spastico" onclick="document.getElementById('bioN').style.display ='none'" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"/>
</svg>
<!-- </div> -->
</div>
<div id="friends">
<a onclick="closeFriends()" id="closeMenu"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z"/></svg>
</a>
<p><a href="https://www.alicebenazzi.com">Alice Benazzi</a></p>
<p><a href="https://www.instagram.com/giuliarossena/?hl=it">Giulia Rossena</a></p>
<p><a href="https://www.k5600design.com">Emanuele Agliati</a></p>
<p><a href="https://www.rosabelhuguet.com">Rosabel Huguet Dueñas</a></p>
<p><a href="https://www.instagram.com/praxis.ass.cult/">Praxis</a></p>
<p><a href="https://www.larailariabraconi.com">Lara Ilaria Braconi</a></p>
<p><a href="https://arbaro.it">Arbaro</a></p>
<p><a href="https://gliasinirivista.org">Gli Asini</a></p>
</div>
<div class="head" id="head">
<div class="menu">
<div class='site-title'>
<a href="../../" id="name">Lorenzo Ponte</a>
<div id="toggle"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100"
viewBox="0 0 50 50">
<path
d="M 0 9 L 0 11 L 50 11 L 50 9 Z M 0 24 L 0 26 L 50 26 L 50 24 Z M 0 39 L 0 41 L 50 41 L 50 39 Z">
</path>
</svg></div>
</div>
<div class="burger">
<div>
<a href="../../#work" onclick="toggleMenu(false)">Lavori</a>
<a onclick="document.getElementById('bioN').style.display ='flex', toggleMenu(false)" >bio</a>
<!-- <a onclick="toggleMenu(false), lightingNews()">calendario</a> -->
<a onclick="openFriends(),toggleMenu(false)">amici</a>
<a id="lang" href="./en">ENG</a>
</div>
<div class="scrollbar">
<a href='../idomeneo' >Idomeneo, re di Creta</a><br>
<a href='../quando_non_saremo_grandi' >Quando non saremo grandi</a><br>
<a href='../buoni_a_nulla' >Buoni a Nulla</a><br>
<a href='../tu_sei_agatha' >Tu Sei Agatha</a><br>
<a href='../confabulazioni' class="selected" >Confabulazioni</a><br>
</div>
</div>
<div class="desktop">
<a href="../../#work">Lavori</a>
<a onclick="document.getElementById('bioN').style.display ='flex'" >bio</a>
<!-- <a onclick="lightingNews()">calendario</a> -->
<a onclick="openFriends()">amici</a>
<a id="lang" href="./en">ENG</a>
</div>
</div>
</a>
</div>
<div class="corpus">
<div class="index desktop">
<a href='../idomeneo' >Idomeneo, re di Creta</a>
<a href='../quando_non_saremo_grandi' >Quando non saremo grandi</a>
<a href='../buoni_a_nulla' >Buoni a Nulla</a>
<a href='../tu_sei_agatha' >Tu Sei Agatha</a>
<a href='../confabulazioni' class="selected" >Confabulazioni</a>
</div>
<div class="content scrollbar">
<h1>Confabulazioni</h1>
<div class="text_content">
<ul>
<li>di Eleonora Paris</li>
<li>regia Lorenzo Ponte</li>
<li>tutor Michele De Vita Conti</li>
<li>con Elena Callegari, Alice Conti, Marco Vergani
e con Sebastiano Bronzato, Chiara Caliò, Eleonora Paris, Lorenzo Ponte</li>
<li>musiche dal vivo Sebastiano Bronzato</li>
<li>adattamento musicale Gabriele Gramaglia, Edoardo Grittini, Gianfranco Pedroli</li>
<li>scene e costumi Serena D’Orlando, Valentina Silva, Lorenzo Vigevani</li>
<li>videomaker Chiara Caliò</li>
<li>tecnica video Fabio Brusadin</li>
<li>organizzazione e promozione Simona Conforti, Elisa Piasente, Camilla Rizzi</li>
<li>Spettacolo inserito nella rassegna teatrale Teste Inedite</li>
<li>realizzata da autori, registi e organizzatori della Civica Scuola di Teatro Paolo Grassi</li>
</ul>
<p><strong>Note di regia</strong></p>
<p>Confabulazioni di Eleonora Paris è una storia di formazione; i personaggi faticano ad affrontare la realtà, l’inevitabile fine delle cose. Mettono in scena un matrimonio, il più tradizionale dei riti, per esorcizzare la paura della morte della nonna e fuggire dalla complessità di una relazione d’amore. Verità e menzogna si intrecciano in questo testo, tutto è finto, nulla è falso. Ognuno dei personaggi ha le sue ragioni per affrontare questo gioco di ruoli, tutti si impegnano affinché la festa riesca al meglio. Dentro i personaggi si agitano segreti e pensieri irrisolti, fuori tutto deve apparire perfetto. In scena musicisti e operatori video affiancano gli attori per costruire l’immagine di un’unione felice. Se all’inizio le regole del gioco sono chiare, procedendo i confini sfumano e il gioco si fa via via più pericoloso. Lo sforzo continuo di rendere credibile la festa finisce per soggiogare i personaggi alla loro stessa menzogna. In un’epoca in cui l’autenticità e il benessere individuale sono i valori su cui si fonda la nostra società, qual è lo stato di salute dei modelli che hanno tentato di assicurarci la felicità di coppia fino ad oggi?</p>
<p><em>Lorenzo Ponte</em></p>
<p><strong>Note di drammaturgia</strong></p>
<p>Due amici d’infanzia si rivedono a un anno di distanza. Lui vive a Londra, lei vive in Italia con sua nonna, una donna molto anziana. Per realizzare il desiderio della nonna di vedere sua nipote sposata prima di morire, i due decidono di organizzare un finto matrimonio. Questa finzione però riapre in loro dei problemi irrisolti e la loro stessa messinscena li spingerà a guardarsi veramente e ad affrontare la complessità del loro rapporto. Confabulazioni è un testo che parla di solitudine, una condizione che i personaggi vivono con timore ma che al tempo stesso vedono come l’unica possibilità per esprimere la propria libertà personale. La paura di non bastare a sé stessi e la paura che l’altro limiti la propria indipendenza sono i due poli entro i quali i personaggi si muovono. I loro ricordi si confondono con le narrazioni idealizzate del loro rapporto: se i ricordi creano una storia e questa storia è costruita sulle proprie fantasie non si hanno più parametri per valutare la realtà. Tutto vale, ma se tutto vale niente ha più valore. Attraverso questo testo ho cercato di indagare il modo in cui oggi si ridefiniscono i rapporti affettivi e come la paura di perdere l’altro ci impedisca di scoprirlo realmente.</p>
<p><em>Eleonora Paris</em></p>
<p>Giugno 2018</p>
</div>
<div class="grid">
<img onclick="openModal()" class="slide" src="assets/1.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/2.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/3.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/4.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/5.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/6.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/7.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/Locandina - opzione B.jpg"
alt="">
</div>
</div>
</div>
</div>
<div id="fakeBackground"></div>
<div id="modal">
<svg id="closemodal" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" />
</svg>
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/1.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/2.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/3.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/4.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/5.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/6.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/7.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/Locandina - opzione B.jpg" alt="">
<span></span>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<!-- <div class="swiper-pagination"></div> -->
</div>
</div>
<div class="prefooter">
<marquee direction="left" behavior="scroll" class="marquee">
<span>Artigiano del Software:
<a target="_blank" href="http://federicoponi.it">Federico Poni</a>
</span>
<span>Questo sito è stato costruito con <a target="_blank" href="https://it.wikipedia.org/wiki/HTML">HTML</a>, <a target="_blank" href="https://it.wikipedia.org/wiki/CSS">CSS</a> e <a target="_blank" href="https://it.wikipedia.org/wiki/JavaScript">puro JavaScript</a>, in più <a target="_blank" href="https://swiperjs.com/">Swiper.JS</a> è usato per gestire le gallerie</span>
<span>Uno script artigianale scritto in <a target="_blank" href="https://www.python.org/">Python</a> è usato come <a target="_blank" href="https://en.wikipedia.org/wiki/Static_site_generator">generatore statico del sito</a> per questioni ecologiche (no database!)</span>
<span>Font in uso: <a target="_blank" href="https://www.collletttivo.it/typefaces/ortica">Ortica</a> e <a target="_blank" href="https://velvetyne.fr/fonts/vg5000/">VG5000</a></span>
</marquee>
</div>
<footer>
<marquee direction="left" behavior="scroll" class="marquee">
<!-- <span>19 - 20 Giugno: <a target="_blank" href="https://smetanovalitomysl.cz/en/udalosti/the-two-widows-a-new-view/">Two widows by Bedřich Smetana at Smetanova Litomyšl </a> </span> -->
</marquee>
</footer>
<script src="../../scripts/script.js"></script>
<script src="../../scripts/script.work.js"></script>
</body>
</html>