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.

192 lines
7.6 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="残酷な天使のテーゼ">
</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/toshiba_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="
NES Longplay [918] America Daitouryou Senkyo ">
</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, initiative, folkscanomy" href="http://azeria.jp/index.php">
<img src="img/aa_archive_portal.png" alt="AA/ASCIIART archive">
</a>
<a class = "archive, initiative, folkscanomy" href="https://lolicore.net/">
<img src="img/lolicore.jpg" 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>
<a class = "text, mathematics, anecdote" href="">
<img src="img/recursion_monk.png" alt="Recursion monk text">
</a>
<a class = "archive" href="">
<img src="img/text_flip.png" alt="Text flip demo">
</a>
<a class = "artifact" href="http://www.wangma.net.cn/prodetail.aspx?sm=2&p=3">
<img src="img/wang_ma_mouse.jpg" alt="Wang Code Mouse Keyboard 王码键字通">
</a>
<a class = "archive, interview" href="https://zhuanlan.zhihu.com/p/37715470">
<img src="img/f_basic_yuxing.png" alt="F Basic Yuxing">
</a>
<a class = "archive" href="">
<img src="img/cec_demo_comp_beijing.png" alt="首届儿童中华学习机表演赛北京赛区剪影 Photos From The First China Educational Computer Demo Competition In Beijing">
</a>
<a class = "archive" href="">
<img src="img/cec_demo_comp_award_3.png" alt="首届儿童中华学习机表演赛北京赛区剪影 Photos From The First China Educational Computer Demo Competition In Beijing">
</a>
<a class = "archive" href="">
<img src="img/cec_demo_comp_award_2.png" alt="首届儿童中华学习机表演赛北京赛区剪影 Photos From The First China Educational Computer Demo Competition In Beijing">
</a>
<a class = "archive" href="">
<img src="img/cec_demo_comp_award.png" alt="首届儿童中华学习机表演赛北京赛区剪影 Photos From The First China Educational Computer Demo Competition In Beijing">
</a>
<a class = "archive" href="">
<img src="img/cec_duo_2.png" alt="Cover from China Educational Computer Magazine, July 1990">
</a>
<a class = "archive" href="https://archive.org/details/zhonghuaxuexiji-90-06/mode/2up">
<img src="img/duo_child_mother_cec.png" alt="Illustration from China Educational Computer Magazine">
</a>
<a class = "archive" href="">
<img src="img/cec_demo_comp.png" alt="Newspaper Clip Five Institutes To Host Childrens China Education Computer Demo Contest">
</a>
<a class = "archive" href="https://archive.org/details/cec199004/page/n51/mode/2up">
<img src="img/ccc_2.png" alt="Advertisement of Weifang Computer Companys CCC (Computers, Communication, Chinese Character Processing) agenda featured in China Educational Magazine">
</a>
<a class = "archive" href="https://archive.org/details/cec199004/page/n51/mode/2up">
<img src="img/ccc_1.png" alt="Advertisement of Weifang Computer Companys CCC (Computers, Communication, Chinese Character Processing) agenda featured in China Educational Magazine">
</a>
<a class = "archive, patent" href="">
<img src="img/word_trie.png" alt="Visualization of a trie structure to store Chinese glyphs in a patent document">
</a>
<a class = "archive" href="">
<img src="img/cec_drawing_stroke.png" alt="An aesthetical and painterly visualization of text varying in stroke width ">
</a>
<a class = "archive" href="https://archive.org/details/congwawazuoqi">
<img src="img/congwawazuoqi.jpg" alt="计算机由娃娃抓起 Computer literacy project implemented for children in China">
</a>
<a class = "archive" href="https://archive.org/details/zhonghuaxuexiji-90-08/page/n51/mode/2up">
<img src="img/wawaxuediannao.png" alt="Cover image from 中华学习机 90/08 - (Zhōnghuá xuéxí jī / CEC-I) - China Educational computer - 中国中华学习机普及协会会刊">
</a>
<a class = "software" href="https://archive.org/details/cws-1-sys/CWS_SCR01.png">
<img src="img/CWS_SCR01.png" alt="中华学习机中西文字处理系统CWS ( Chinese Word Star ) V1.0 for AppleII & CEC-I">
</a>
<a class = "song, initiative, folkscanomy" href="https://www.nicovideo.jp/watch/sm547620">
<img src="img/heart_hard_drive.png" alt="Heart hard drive illustration from NIFTY-Serve Song">
</a>
<a class = "artifact" href="https://www.youtube.com/watch?v=HB0hFhw3RAI">
<img src="img/flowing_text_jp.png" alt="文字が流れるデジタルLED看板">
</a>
<a class = "archive" href="">
<img src="img/cec_welcome.png" alt="">
</a>
<a class = "archive" href="">
<img src="img/cec_congwawazuoqi-2.png" alt="">
</a>
<a class = "archive" href="">
<img src="img/cec_comp_ribbon_90_8.png" alt="">
</a>
<a class = "archive" href="">
<img src="img/congwawazuoqi.jpg" alt="">
</a>
</div>
</div>
</body>
</html>