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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>