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

321 lines
14 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 property="description"
content="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."/>
<meta property="og:image" content="http://lorenzoponte.com/renzo.png"/>
<meta property="og:url" content="http://lorenzoponte.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<style>
html {
height: 100%;
}
.start {
width: 100%;
height: 100%;
position: relative;
display: grid;
grid-template-columns: auto auto auto;
justify-items: center;
align-items: unset;
justify-content: 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 class="head" id="head">
<div class="menu">
<div class='site-title'>
<a href="#head" 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">
<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="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>
<div id="fakeBackground"></div>
<div class="presentazione swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="galleria/Idoménée, roi de Crête - 26-09-23 - Sim on Gosselin-141.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="galleria/Idoménée, roi de Crête - 26-09-23 - Sim on Gosselin-93.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="galleria/Sito 1 copia.JPG" alt="">
</div>
<div class="swiper-slide">
<img src="galleria/_DSC6686 copia.JPG" alt="">
</div>
<div class="swiper-slide">
<img src="galleria/_DSC7702.JPG" alt="">
</div>
<div class="swiper-slide">
<img src="galleria/Buoni a nulla.JPG" alt="">
</div>
<div class="swiper-slide">
<img src="galleria/falstaff.jpg" alt="">
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<div class="menu" id="menu"></div>
<div id="work">
<div class="menu categories">
<a onclick="selectCategory('all')" href="#work"><i>*</i></a>
<a href="#work" onclick="selectCategory('Opera')">Opera</a>
<a href="#work" onclick="selectCategory('Prosa')">Prosa</a>
</div>
<div class="start">
<div class="left">
<div class="element Opera" data-title="Idomeneo, re di Creta"
data-slug="projects/idomeneo/">
<a href="projects/idomeneo/"><img
src="projects/idomeneo/assets/Locandina.jpg"></a>
</div>
<div class="element Prosa" data-title="Buoni a Nulla"
data-slug="projects/buoni_a_nulla/">
<a href="projects/buoni_a_nulla/"><img
src="projects/buoni_a_nulla/assets/Locandina.JPG"></a>
</div>
<div class="element Prosa" data-title="Confabulazioni"
data-slug="projects/confabulazioni/">
<a href="projects/confabulazioni/"><img
src="projects/confabulazioni/assets/Locandina - opzione A.jpg"></a>
</div>
</div>
<div class="right">
<div class="element Prosa" data-title="Quando non saremo grandi"
data-slug="projects/quando_non_saremo_grandi/">
<a href="projects/quando_non_saremo_grandi/"><img
src="projects/quando_non_saremo_grandi/assets/Immagine locandina copia.jpeg"></a>
</div>
<div class="element Prosa" data-title="Tu Sei Agatha"
data-slug="projects/tu_sei_agatha/">
<a href="projects/tu_sei_agatha/"><img
src="projects/tu_sei_agatha/assets/A - Locandina.png"></a>
</div>
</div>
<div class="mobile">
<div class="element Opera" data-title="Idomeneo, re di Creta" data-slug="projects/idomeneo/">
<a href="projects/idomeneo"><img src="/projects/idomeneo/assets/Locandina.jpg"></a>
<h1>Idomeneo, re di Creta</h1>
<hr>
</div>
<div class="element Prosa" data-title="Quando non saremo grandi" data-slug="projects/quando_non_saremo_grandi/">
<a href="projects/quando_non_saremo_grandi"><img src="/projects/quando_non_saremo_grandi/assets/Immagine locandina copia.jpeg"></a>
<h1>Quando non saremo grandi</h1>
<hr>
</div>
<div class="element Prosa" data-title="Buoni a Nulla" data-slug="projects/buoni_a_nulla/">
<a href="projects/buoni_a_nulla"><img src="/projects/buoni_a_nulla/assets/Locandina.JPG"></a>
<h1>Buoni a Nulla</h1>
<hr>
</div>
<div class="element Prosa" data-title="Tu Sei Agatha" data-slug="projects/tu_sei_agatha/">
<a href="projects/tu_sei_agatha"><img src="/projects/tu_sei_agatha/assets/A - Locandina.png"></a>
<h1>Tu Sei Agatha</h1>
<hr>
</div>
<div class="element Prosa" data-title="Confabulazioni" data-slug="projects/confabulazioni/">
<a href="projects/confabulazioni"><img src="/projects/confabulazioni/assets/Locandina - opzione A.jpg"></a>
<h1>Confabulazioni</h1>
</div>
</div>
</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="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" onmouseenter="this.stop();" onmouseleave="this.start();" 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>
</body>
</html>