SI22/web/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
    content="width=device-width,
    initial-scale=1.0"/>
    <title> SI22 Signal Lost: Archive Unzipped</title>
    <link rel="stylesheet" href="style.css" />
</head>
<body>
  <!-- This is the main title of the webpage -->
    <h1>Signal Lost: <br> Archive Unzipped</h1>
    <!-- Floating elements on the edges -->
    <h2>Special Issue #22</h2>
    <h3>XPUB1</h3>
    <h4>September–December 2023</h4>
    <!-- Description of the project -->
    <p class="intro">– — Radio makers, listeners and electromagnetic wave enthusiasts, do you copy? — – – <br>
        In the middle of an on-going apocalypse what should be preserved, and what forgotten?
        In the efforts of scavenging and resurrecting a sonic archive. It is only a question of time until all will be lost. Lend an ear as we collectively explore, activate and transmit the archive of Worm community Radio. 
        We must listen closely, we must decide what remains and how we can rebuild upon a fractured past. Become absorbed by a re-imagined reality through an archival deep-dive!
    </p>
    <button class="down" onClick="document.getElementById('map1').scrollIntoView({behavior: 'smooth'});">🡣</button>
     <!-- Map with projects -->
    <div class="container">
        
          <div class="item1"><a href="pirate-radio.html">Pirate Radio—How to Set Up Your Own Broadcast</a>
            <span class="extra"><br>More text?</span> 
        </div>
          <div class="item2"><a href="manual-radio.html">Manual for Post-Αpocalyptic Radio Making</a></div>
            <div class="item3"><a href="byte-noise.html">Byte Noise: <br>
                Sound you see me?<br>
                Sound you don't</a></div>
            <div class="item4"><a href="unzipped.html">(Un)zipped</a></div>
          <div class="item5"><a href="rain-receiver.html">Rain Receiver</a></div>
          <div class="item6"><a href="echoes-wasteland.html">Echoes of the Wasteland</a></div>
          <div class="item7"><a href="listen-closely.html">Listen closely</a></div>
        
      </div>
    <!-- Image with the map -->
    <img id="map1" src="signal.png">
</body>
</html>