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.

90 lines
3.3 KiB
HTML

3 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="style.css" rel="stylesheet" />
<script src="cms.js" defer></script>
<title>🎵 K-PUB</title>
</head>
<body>
<header>
<h1>
KARAOKE <br />
REPUBLISHING
</h1>
<div class="issue">
<div class="current">ISSUE _ 01</div>
<h2>Simone Weil & Franco Battiato</h2>
</div>
</header>
<main>
<div class="lyrics">
<p>
<span class="karaoke">"To ascertain exactly what the miser whose </span>treasure
was stolen lost: thus we should learn much. Lauzun and the office of Captain of
Musketeers. He preferred to be a prisoner and Captain of Musketeers rather than
to go free and not be Captain. These are garments. They were ashamed of their
nakedness."
</p>
<p>
"To lose someone: we suffer because the departed, the absent, has become
something imaginary and unreal. But our desire for him is not imaginary. We have
to go down into ourselves to the abode of the desire which is not imaginary.
Hunger: we imagine kinds of food, but the hunger itself is real: we have to
fasten on to the hunger. The presence of the dead person is imaginary, but his
absence is very real: henceforward it is his way of appearing."
</p>
<p>
"Man only escapes from the laws of this world in lightning flashes. Instants
when everything stands still, instants of contemplation, of pure intuition, of
mental void, of acceptance of the moral void. It is through such instants that
he is capable of the supernatural. Whoever endures a moment of the void either
receives the supernatural bread or falls. It is a terrible risk, but one that
must be run—even during the instant when hope fails. But we must not throw
ourselves into it."
</p>
</div>
<div class="documentation">
<div class="description">
<h2 class="info">
An enchanting reading-in-choir featuring Simone Weil's diaries through the
musical intuitions of Franco Battiato
</h2>
<p>
Esse ex qui veniam irure excepteur consequat eu ad enim proident. Ut eiusmod
incididunt ex nostrud qui eu sunt laboris enim Lorem consectetur. Esse
pariatur irure enim dolore excepteur ullamco in excepteur in nisi eiusmod.
Officia ullamco ut eu aliqua anim. Dolor non id amet fugiat mollit sunt
cupidatat consectetur et aliqua sint sit.
</p>
</div>
<div class="updates" id="updates-container">
<!-- <div class="update">
<div class="date">October the 22nd, 2021</div>
<h3 class="title">Not every update needs a title</h3>
<figure class="media">
<img
src="./assets/keta_laibach.jpg"
alt="Note that the alt is not just a copy of the caption."
/>
<figcaption>
Some updates have an image, some others a video, some others again
nothing at all. Please use super lightweight contents, the year is
2021.
</figcaption>
</figure>
<p class="text">
The text is not always relevant, but sometimes all we need is a bold
statement and a join tea party.
</p>
</div> -->
</div>
</div>
</main>
</body>
</html>