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

515 lines
23 KiB
HTML
Raw Permalink 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>I was born in Rome, raised between Palermo and Milan.</p>
<p>I graduated in <strong>Classics literature</strong> at the Catholic University of Milan thinking that I would be a literature professor. Then I started a course of theater and I decided to look for a different relationship with words. Therefore I went to study Theater Direction at the <strong>Paolo Grassi Civic School</strong> in Milan. Among the most precious meetings for my artistic and professional growth I count Mariano Furlani, Maurizio Schmidt, Carmelo Rifici, Marco Maccieri, Renata Molinari, Davide Carnevali, Giuliana Musso, and Claudio Autelli. From each of them I have stolen and I continue to steal. After my studies I started working as an assistant director at the Teatro alla Scala in Milan and at the Teatro Franco Parenti with Andrée Ruth Shammah. These were the years of my apprenticeship, in which I began to understand how a theater stage is made and who its inhabitants are. </p>
<p>I’ve directed prose theater and opera shows.
Sometimes I feel the need to write the stories I tell myself, sometimes I work with the words of Others.</p>
<p>In 2018, together with Maddalena Massafra, Clio Sciro Saccà, Marco Sinopoli, we won the Macerata Opera Festival 4.0 competition for the writing and composition of a contemporary opera. In 2022, I received the 3rd prize of the EOP – European Opera Prize for Directors, together with Alice Benazzi and Giulia Rossena. In 2023, we won the 13th edition of the <strong>EOP – European Opera Award for Directors</strong>. </p>
<p><em>From that shame, impotence and pain, something was born that I believe was the desire to become a poet, that is, to be able to express what it means to feel regret for someone, to have been loved, to be alone.</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="../../../en/#work" onclick="toggleMenu(false)">Works</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)">friends</a>
<a id="lang" href="../">ita</a>
</div>
<div class="scrollbar">
<a href='../../idomeneo/en' class="selected" >Idomeneo, re di Creta</a><br>
<a href='../../quando_non_saremo_grandi/en' >Once we won't be great</a><br>
<a href='../../buoni_a_nulla/en' >Good for Nothing</a><br>
<a href='../../tu_sei_agatha/en' >You Are Agatha</a><br>
<a href='../../confabulazioni/en' >Confabulazioni</a><br>
</div>
</div>
<div class="desktop">
<a href="../../../en/#work">Works</a>
<a onclick="document.getElementById('bioN').style.display ='flex'" >bio</a>
<!-- <a onclick="lightingNews()">calendario</a> -->
<a onclick="openFriends()">friends</a>
<a id="lang" href="../">ita</a>
</div>
</div>
</a>
</div>
<div class="corpus">
<div class="index desktop">
<a href='../../idomeneo/en' class="selected" >Idomeneo, re di Creta</a>
<a href='../../quando_non_saremo_grandi/en' >Once we won't be great</a>
<a href='../../buoni_a_nulla/en' >Good for Nothing</a>
<a href='../../tu_sei_agatha/en' >You Are Agatha</a>
<a href='../../confabulazioni/en' >Confabulazioni</a>
</div>
<div class="content scrollbar">
<h1>Idomeneo, re di Creta</h1>
<iframe src='https://www.youtube-nocookie.com/embed/-tvnTy_Bms8?si=OwxTfblTGI6QpA99' 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>Libretto Father Giambattista Varesco after the play by Danchet</li>
<li>
<p>Music Wolfgang Amadeus Mozart
<br></p>
</li>
<li>
<p>New production Opéra national de Lorraine</p>
</li>
<li>
<p>OPERA NATIONAL DE LORRAINE ORCHESTRA AND CHORUS
<br></p>
</li>
<li>
<p>Conductor Jakob Lehmann</p>
</li>
<li>
<p>Stage director Lorenzo Ponte
<br></p>
</li>
<li>
<p>Set design Alice Benazzi</p>
</li>
<li>Costumes Giulia Rossena</li>
<li>Lighting Emanuele Agliati</li>
ok
5 months ago
<li>Lighting assistant Alessandro Manni</li>
first commit
5 months ago
<li>
ok
5 months ago
<p>Pictures by Simon Gosselin
first commit
5 months ago
<br></p>
</li>
<li>
<p>Chorus master Guillaume Fauchère</p>
</li>
<li>
<p>Assistant conductor William Le Sage
<br></p>
</li>
<li>
<p>Idomeneo Toby Spence
damante Héloïse Mas</p>
</li>
<li>llia Siobhan Stagg</li>
<li>Electre Amanda Woodbury</li>
<li>Arbace Léo Vermot-Desroches</li>
<li>The High Priest* Wook Kang</li>
<li>The Voice of Neptune Louis Morvan</li>
<li>Cretan women® Inna Jeskova and Séverine Maquaire</li>
<li>Trojans<em> Yongwoo Jung and Jinhyuck Kim
Distant chorus</em> Yongwoo Jung, Ill Ju Lee, Jinhyuck Kim and Christophe Sagnier</li>
<li>Meda Rosabel Huguet</li>
</ul>
<p>*Opera Chorus soloists</p>
<p>Muths have different versions. After World war II, Christa Wolf began to rewrite myths from
a perspective that questions the hegemony of the fathers. In 2023 the story of Idomeneo
still need to be questioned: men and women are in the hands of the gods, the choices of a
king are blamed on a monster, human sacrifice is acceptable and love is told as a tool
capable to heal everything.</p>
<p>We start from the conflict with which the opera ends: God apparently solves everything for
everyone except for a single character. Electra cries out that joy and love have been stolen
from her. What is the crime for which she pledges revenge? I believe there has to be
something deeper than the love of Idamante. There is a hidden violence in this family. The
sacrifice of the child is presented as an accident. Whereas this sacrifice, this violence are
the very foundations of the city.</p>
<p>The opera is totally missing references to the Queen of Crete, wife of Idomeneo and
mother of damante. It is even difficult to trace its presence in other literary sources. Her
name was Meda and she was killed for treason. What was the betrayal that cost her a
damnatio memoriae? Meda was killed because she saw, because she knew on which
crime Crete lays: the perpetual abuse of the child by the Father. Around Idomeneo and his
family there is a culture that accepts and celebrates the sacrifice. In our staging we are in
the 60's. The Great Priest and the sacrifice will be represented as parts of the Christian
liturgy, the religion of the Father.</p>
<p>The killing of the children has already taken place when Idomeneo abused of them.
Religion hides the truth and keeps the horror away from men and women. The abuse is
possible because there is a community who tolerates it. The chorus plays the families that
live nearby Idomeneo. They want a peaceful life, which is threatened by the pain of these
children, and therefore they need a rite which heals and restore peace.
Electra is the one who reopens the wound. She is a 30/35 years woman of the 80's who
will travel through memory to find responsibilities; she will see and show us again Queen
Meda and therefore a possibility of a real new order based not on violence and sacrifice,
but on the protection of the weak.</p>
<p>The set tell this trip into memory through the means of analogical photography. The work
on the memory becomes the work of developing a picture. The narrative passages will be
marked by the photographic process. We will start from a family album from which the
body of the mother is deleted and we will see the mother's face at the end of the opera.</p>
<p>Christa Wolf wrote: "Little by little, when you begin to know, you begin to remember too.
Knowing and remembering are the same thing". While the story of Varesco goes along, the
staging puts the words and the actions of the characters under a different light. This story
is told from the perspective of a woman who is thought to be insane. This is a story about
the value of testimony, about memory and responsibility.</p>
<p>September - October 2023</p>
</div>
<div class="grid">
<img onclick="openModal()" class="slide" src="../assets/1.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/10 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/11 a.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/11 b.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/12 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/13 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/14 copia.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/15 b.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/15.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/16 b.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/16.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/17.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/18.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/19.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/2.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/21.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/22.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/8.jpg"
alt="">
<img onclick="openModal()" class="slide" src="../assets/9 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/1.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/10 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/11 a.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/11 b.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/12 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/13 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/14 copia.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/15 b.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/15.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/16 b.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/16.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/17.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/18.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/19.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/21.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/22.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/8.jpg" alt="">
<span></span>
</div>
<div class="swiper-slide">
<img src="../assets/9 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>Software Artisan:
<a target="_blank" href="http://federicoponi.it">Federico Poni</a>
</span>
<span>This website is built with plain <a target="_blank" href="https://en.wikipedia.org/wiki/HTML">HTML</a>, <a target="_blank" href="https://en.wikipedia.org/wiki/CSS">CSS</a> and <a href="https://en.wikipedia.org/wiki/JavaScript">plain JavaScript</a>, but we use <a target="_blank" href="https://swiperjs.com/">Swiper.JS</a> library for the galleries</span>
<span>An artisanal <a target="_blank" href="https://www.python.org/">Python</a> script is used to <a target="_blank" href="https://en.wikipedia.org/wiki/Static_site_generator">statically generate this website</a> for ecological sake</span>
<span>Fonts in use: <a target="_blank" href="https://www.collletttivo.it/typefaces/ortica">Ortica</a> and <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>