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.

75 lines
2.5 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>
<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>
<main class="updates" id="updates-container">
<h3>updates</h3>
3 years ago
<ul class="filters" id="filters">
<li class="tag active" data-tag="research">Research</li>
<li class="tag active" data-tag="daily">Daily</li>
<li class="tag active" data-tag="dev">Dev</li>
</ul>
<!-- <div class="update">
<blockquote>
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.
</blockquote>
<div class="log">
<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> -->
</main>
</body>
</html>