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.

95 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> media archaeology jp multimedia playlist Test</title>
<link rel="stylesheet" type="text/css" href="static/style.css">
</head>
<body>
<div class="container">
<div class ="heading">
<h1 class = "title">media archaeology jp multimedia playlist</h1>
</div>
<div class="gallery">
<a class = "" href="https://archive.org/details/alphaville-big-in-japan-original-vhs">
<img src="img/" alt="Big in japan">
</a>
<a class = "" href="https://www.youtube.com/watch?v=k8ozVkIkr-g">
<img src="img/" alt="新世紀エヴァンゲリオン EVA - 残酷な天使のテーゼ [SC88]">
</a>
<a class = "print" href="https://archive.org/details/famicom-manga/page/n1/mode/2up">
<img src="img/famicon_manga.png" alt="Nintendo Famicom user manual manga">
</a>
<a class = "audio" href="https://www.nicovideo.jp/watch/sm2380352">
<img src="img/nifty_serve.png" alt="悲しみのNIFTY-Serve">
</a>
<a class = "" href="https://archive.org/details/cd_laventurier_indochine/disc1/01.+Indochine+-+L'Aventurier.flac">
<img src="img/" alt="Laventurier">
</a>
<a class = "audio" href="
https://archive.org/details/neuromancer-william-gibson/1+of+2.mp3">
<img src="img/neuromancer.png" alt="neuromancer">
</a>
<a class = "video" href="https://archive.org/details/ToshibaPasopiaIQMSX_1985">
<img src="img/tosiba_msx.png" alt="toshiba msx advertisement in 1985">
</a>
<a class = "video" href="https://archive.org/details/Timothy_Leary_Archives_239">
<img src="img/" alt="timothy leary in japan">
</a>
<a class = "game" href="https://archive.org/details/NESLongplay918AmericaDaitouryouSenkyo">
<img src="img/america_pre.png" alt="アメリカ大統領選挙">
</a>
<a class = "" href="https://archive.org/details/artificial-intelligence-on-the-commodore-64/page/n33/mode/2up">
<img src="img/" alt="Artificial intelligence on the Commodore 64 : make your micro think">
</a>
<a class = "" href="">
<img src="img/yaruo_text.png" alt="yaruo text">
</a>
<a class = "archive" href="https://gogoyaru.blogspot.com/">
<img src="img/yaruo.png" alt="Afternoon yaruo time">
</a>
<a class = "archive" href="http://azeria.jp/index.php">
<img src="img/" alt="AA/ASCIIART archive">
</a>
<a class = "" href="https://lolicore.net/">
<img src="img/ " alt="Lolicore music archive">
</a>
<a class = "archive" href="https://museum.ipsj.or.jp/en/computer/device/printer/0079.html">
<img src="img/oki_wiredot.png" alt="Oki wiredot printer">
</a>
<a class = "archive" href="https://web.archive.org/web/20150319073438/http://www.toragiku.com/kopa/pyuta4.htm">
<img src="img/pyuuta.png" alt="Pyuuta">
</a>
<a class = "archive" href="https://www.floodgap.com/retrobits/tomy/pyuuta/pyuuta1.html">
<img src="img/pyuuta_text.jpg" alt="Pyuuta text">
</a>
<a class = "archive" href="https://www.floodgap.com/retrobits/tomy/pyuuta/pyuuta1.html">
<img src="img/pyuuta_text_color.jpg" alt="Pyuuta text color">
</a>
</div>
</div>
</body>
</html>