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 '3d568cfc0a'
${ noResults }
lorenzo-final/website/projects/buoni_a_nulla/index.html

399 lines
17 KiB
HTML
Raw Normal View History Unescape Escape

first commit
5 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' class="selected" >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' >Quando non saremo grandi</a>
<a href='../buoni_a_nulla' class="selected" >Buoni a Nulla</a>
<a href='../tu_sei_agatha' >Tu Sei Agatha</a>
<a href='../confabulazioni' >Confabulazioni</a>
</div>
<div class="content scrollbar">
<h1>Buoni a Nulla</h1>
<div class="text_content">
<ul>
<li>testo e regia Lorenzo Ponte</li>
<li>con Tobia Dal Corso Polzot, Paola Galassi e Luca Oldani</li>
<li>scena Davide Signorini</li>
<li>costumi Giulia Rossena</li>
<li>luci Emanuele Agliati</li>
<li>suono Gaetano Pappalardo e Simone Sigurani</li>
<li>assistente regia Filippo Capobianco</li>
<li>voce giornale radio Pietro Adami</li>
<li>con la supervisione artistica di Giuliana Musso</li>
<li>Foto di Luca Del Pia</li>
<li>produzione Teatro Franco Parenti</li>
</ul>
<p>con il sostegno di PRAXIS - Olinda/TeatroLaCucina - Vincitore bando Animali Teatrali Fantastici 2021 - ZONA K nell'ambito del progetto IntercettAzioni - Centro di Residenza Artistica della Lombardia; Fondazione Claudia Lombardi per il teatro</p>
<p>Osservare e stare ai margini per capire cosa sta al centro della nostra societa.
Guidati da questa idea, per 3 anni abbiamo fatto un percorso di conoscenza e
avvicinamento alla vita delle persone senza dimora nella città di Milano. Tra il 2019
e il 2021, la compagnia ha affiancato unità di strade composte da psicologi,
educatori e volontari che lavorano con persone che vivono questo fenomeno di
espulsione.</p>
<p>I nostri pregiudizi sono andati in frantumi e, visti da vicino, abbiamo trovato molti
punti di contatto con persone che tendiamo a nascondere e cacciare dalle vie delle
nostre città. I poveri oggi vengono invisibilizzati e stigmatizzati perché costringono a
fare i conti con le storture e i limiti di città sempre più esclusive e respingenti.</p>
<p>Dalla ricerca è scaturito uno spettacolo di narrazione nel quale si incarnano le voci,
i silenzi, i corpi e le emozioni attraversate sul campo.
Siamo alla fermata di un autobus che non sappiamo se passerà mai. Lo aspettiamo
insieme a tre personaggi le cui vicende intrecciandosi raccontano come un prisma
la marginalità interiore e sociale di Milano. Un giovane studente universitario della
Bocconi, alle prese con gli ultimi esami prima della laurea. Una giornalista precaria
di 30 anni, affaticata dai ritmi cittadini, che ha deciso di fare volontariato con le
persone senza dimora. E infine uno strambo profeta, che maledice la follia che
domina la città e offre a tutti una via di salvezza.</p>
<p>Con lo spettacolo vogliamo riportare al centro la vita di chi sta ai margini provando
a mettere in discussione lo sguardo pietistico e di superiorità che riserviamo ai devianti. La voce e il vissuto degli ultimi ci interpellano: come ci poniamo di fronte al
dolore dell'altro? E noi, i sani, come stiamo? E adesso, ancora, che fare?</p>
</div>
<div class="grid">
<img onclick="openModal()" class="slide" src="assets/1.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/10.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/1a.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/2.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/2b.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/6b.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/6c.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/7.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/8.JPG"
alt="">
<img onclick="openModal()" class="slide" src="assets/9.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/10.JPG" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/1a.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/2b.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/6b.JPG" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/6c.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/8.JPG" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="assets/9.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>