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.

347 lines
15 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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> allUniversità 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 unopera contemporanea. Nel 2022, ho ricevuto il 3° premio dellEOP 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' class="selected" >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' >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' class="selected" >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' >Confabulazioni</a>
</div>
<div class="content scrollbar">
<h1>Quando non saremo grandi</h1>
<iframe src='https://www.youtube-nocookie.com/embed/BvKjANlXRMc?si=5bgDtodbD7bAmQWg' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share' referrerpolicy='strict-origin-when-cross-origin' allowfullscreen></iframe>
<div class="text_content">
<ul>
<li>soggetto Giulia Lombezzi e Lorenzo Ponte</li>
<li>drammaturgia Giulia Lombezzi</li>
<li>con llaria Marchianò, Elia Galeotti</li>
<li>regia Lorenzo Ponte</li>
<li>scene e costumi Chiara Previato</li>
<li>La voce dei Grandi è di Alberto Mancioppi</li>
<li>produzione Teatro Franco Parenti</li>
<li>in collaborazione con Associazione Pier Lombardo</li>
<li>Foto di Andea Salafia</li>
</ul>
<p>Milano. Anno 2123. Uma e Mo, adolescenti, vivono nella comunità nomade
dei Grandi. Mo è il maggiore, ma è Uma a occuparsi di lui, a farsi carico per
entrambi di tutte le responsabilità. Mo è malato e ha un segreto.
Vivono in una Milano colpita dalla siccità, priva di ordine sociale, dove le
risorse elettriche sono limitate e ogni cosa, a causa della crisi climatica, si è
fermata. Devono lavorare sottostando a regole infinite e punteggi impietosi.</p>
<p>Il premio agognato è un trasferimento sul Pianeta B, dove regna il benessere,
dove l'acqua non è razionata e puoi accendere la luce quando vuoi. Mentre Uma si impegna per il passaggio al pianeta B, Mo vaneggia sul Fuori, il
territorio proibito oltre i Distretti, dove la natura sopravvive nonostante i
cambiamenti climatici. Possibile che il Pianeta B sia l'unica speranza? E se
nel Fuori ci fosse una possibilità di recuperare il nostro rapporto con la
natura, con la nostra umanità?</p>
<p>Maggio / Novembre 2023</p>
</div>
<div class="grid">
<img onclick="openModal()" class="slide" src="assets/.DS_Store"
alt="">
<img onclick="openModal()" class="slide" src="assets/1 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/2 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/3 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/4 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/5 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/6 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="assets/7 copia.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/.DS_Store" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/1 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/2 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/3 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/4 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/5 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/6 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/7 copia.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>