diff --git a/dictionary/dictionary.csv b/dictionary/dictionary.csv
new file mode 100644
index 0000000..03ef432
--- /dev/null
+++ b/dictionary/dictionary.csv
@@ -0,0 +1,42 @@
+English,Japanese
+Byte,バイト
+Computer,コンピューター
+Arcade,アーケード
+Internet,インターネット
+Network,ネットワーク
+Personal Computer,パソコン
+Cyberspace,サイバースペース
+Second Summer Of Love,セカンドサマーオブラブ
+Centralization,中央集権化
+Underground Subculture,地下サブカルチャー
+Counterculture,カウンターカルチャー
+Data,データ
+Penpal,ペンパル
+System,システム
+Game magazine,ゲーム雑誌
+Computer magazine,パソコン雑誌
+Telephone line,電話回線
+Telephone book,電話帳
+Den Den Mushi telephone snails,電伝虫
+California Ideology,カリフォルニアイデオロジー
+Neuromancer,ニューロマンサー
+TRON,トロン
+Whole Earth Catalog,全地球カタログ
+Hackers,ハッカー
+Television Game Anthology,
+Computer communication,通信
+Eighth Grader Syndrome,中二
+Trance,鬼畜
+Host,ホスト
+Ghost in the Shell,攻殻機動隊
+Yaruo,やる夫
+e-zine,
+server,サーバ
+mail art,メールアート
+links,リンク
+Cyberpunk,サイバーパンク
+Denpa-kei,電波系
+Otaku,オタク
+Kawaii,かわいい
+Decentralization,地方分権化
+Distribution,分布
\ No newline at end of file
diff --git a/dictionary/dictionary.json b/dictionary/dictionary.json
new file mode 100644
index 0000000..1fbb75c
--- /dev/null
+++ b/dictionary/dictionary.json
@@ -0,0 +1,43 @@
+{
+ "Byte": "バイト",
+ "Computer": "コンピューター",
+ "Arcade": "アーケード",
+ "Internet": "インターネット",
+ "Network": "ネットワーク",
+ "Personal Computer": "パソコン",
+ "Cyberspace": "サイバースペース",
+ "Second Summer Of Love": "セカンドサマーオブラブ",
+ "Centralization": "中央集権化",
+ "Underground Subculture": "地下サブカルチャー",
+ "Counterculture": "カウンターカルチャー",
+ "Data": "データ",
+ "Penpal": "ペンパル",
+ "System": "システム",
+ "Game magazine": "ゲーム雑誌",
+ "Computer magazine": "パソコン雑誌",
+ "Telephone line": "電話回線",
+ "Telephone book": "電話帳",
+ "Den Den Mushi telephone snails": "電伝虫",
+ "California Ideology": "カリフォルニアイデオロジー",
+ "Neuromancer": "ニューロマンサー",
+ "TRON": "トロン",
+ "Whole Earth Catalog": "全地球カタログ",
+ "Hackers": "ハッカー",
+ "Television Game Anthology": "",
+ "Computer communication": "通信",
+ "Eighth Grader Syndrome": "中二",
+ "Trance": "鬼畜",
+ "Host": "ホスト",
+ "Ghost in the Shell": "攻殻機動隊",
+ "Yaruo": "やる夫",
+ "e-zine": "",
+ "server": "サーバ",
+ "mail art": "メールアート",
+ "links": "リンク",
+ "Cyberpunk": "サイバーパンク",
+ "Denpa-kei": "電波系",
+ "Otaku": "オタク",
+ "Kawaii": "かわいい",
+ "Decentralization": "地方分権化",
+ "Distribution": "分布"
+}
\ No newline at end of file
diff --git a/dictionary/makeJson.py b/dictionary/makeJson.py
new file mode 100644
index 0000000..7780efd
--- /dev/null
+++ b/dictionary/makeJson.py
@@ -0,0 +1,46 @@
+
+import csv
+import json
+
+# Modified from https://www.geeksforgeeks.org/convert-csv-to-json-using-python/
+
+# Function to convert a CSV to JSON
+# Takes the file paths as arguments
+def make_json(csvFilePath, jsonFilePath):
+
+ # create a dictionary
+ dictionary = {}
+
+ # Open a csv reader called DictReader
+ with open(csvFilePath, encoding='utf-8') as csvf:
+ csvReader = csv.DictReader(csvf)
+
+ # Convert each row into a dictionary
+ # and add it to data
+ for rows in csvReader:
+ # Assuming a column named 'English' to
+ # be the primary key
+ key = rows['English']
+ print("key is {}".format(key))
+ value = rows['Japanese']
+ print("value is {}".format(value))
+ dictionary[key] = value
+
+ # Open a json writer, and use the json.dumps()
+ # function to dump data
+ with open(jsonFilePath, 'w', encoding='utf-8') as jsonf:
+ jsonf.write(json.dumps(dictionary, ensure_ascii=False, indent=4))
+
+# Driver Code
+
+# Decide the two file paths according to your
+# computer system
+csvFilePath = r'dictionary.csv'
+jsonFilePath = r'dictionary.json'
+
+# Call the make_json function
+make_json(csvFilePath, jsonFilePath)
+
+
+# interesting project on pokemon csv
+# https://amiradata.com/parse-and-convert-json-to-csv-python/
diff --git a/publication/README.md b/publication/README.md
new file mode 100644
index 0000000..7f94354
--- /dev/null
+++ b/publication/README.md
@@ -0,0 +1,20 @@
+# computer archaeology jp multimedia playlist and utility
+
+## multimedia playlist
+In this playlist, you will find a list of multimedia content to navigate the space of "computer archaeology jp":
+
+* a handful of songs
+* an NES long play
+* a manual manga
+* an advertisement
+* an audio book
+* a book
+
+## utility
+Jinja templating engine for a web zine project.
+
+Usage
+
+## thank you
+Supported by the Race x Technology Micro Grant program of the Media Archaeology Lab
+
diff --git a/publication/app.py b/publication/app.py
new file mode 100644
index 0000000..f9c66ee
--- /dev/null
+++ b/publication/app.py
@@ -0,0 +1,27 @@
+from flask import Flask
+app = Flask(__name__)
+
+HTML_TEMPLATE = """
+
+
+
+
+ media archaeology jp multimedia playlist
+
+
+
+ computer archaeology jp multimedia playlist
+
+
+"""
+
+@app.route("/")
+def homepage():
+ return HTML_TEMPLATE
+
+if __name__ == '__main__':
+ app.run(use_reloader=True, debug=True)
diff --git a/publication/img/america_pre.png b/publication/img/america_pre.png
new file mode 100644
index 0000000..7a8a6f2
Binary files /dev/null and b/publication/img/america_pre.png differ
diff --git a/publication/img/biginjapan.jpg b/publication/img/biginjapan.jpg
new file mode 100644
index 0000000..9e981f7
Binary files /dev/null and b/publication/img/biginjapan.jpg differ
diff --git a/publication/img/c64_ai.png b/publication/img/c64_ai.png
new file mode 100644
index 0000000..674c8fd
Binary files /dev/null and b/publication/img/c64_ai.png differ
diff --git a/publication/img/ccc_1.png b/publication/img/ccc_1.png
new file mode 100644
index 0000000..dcbcbab
Binary files /dev/null and b/publication/img/ccc_1.png differ
diff --git a/publication/img/ccc_2.png b/publication/img/ccc_2.png
new file mode 100644
index 0000000..ae94308
Binary files /dev/null and b/publication/img/ccc_2.png differ
diff --git a/publication/img/cd_laventurier_indochine_itemimage.png b/publication/img/cd_laventurier_indochine_itemimage.png
new file mode 100644
index 0000000..11bc897
Binary files /dev/null and b/publication/img/cd_laventurier_indochine_itemimage.png differ
diff --git a/publication/img/cec_demo_comp.png b/publication/img/cec_demo_comp.png
new file mode 100644
index 0000000..acd161b
Binary files /dev/null and b/publication/img/cec_demo_comp.png differ
diff --git a/publication/img/cec_demo_comp_award.png b/publication/img/cec_demo_comp_award.png
new file mode 100644
index 0000000..dec697a
Binary files /dev/null and b/publication/img/cec_demo_comp_award.png differ
diff --git a/publication/img/cec_demo_comp_award_2.png b/publication/img/cec_demo_comp_award_2.png
new file mode 100644
index 0000000..4357ba9
Binary files /dev/null and b/publication/img/cec_demo_comp_award_2.png differ
diff --git a/publication/img/cec_demo_comp_award_3.png b/publication/img/cec_demo_comp_award_3.png
new file mode 100644
index 0000000..63d3e2f
Binary files /dev/null and b/publication/img/cec_demo_comp_award_3.png differ
diff --git a/publication/img/cec_demo_comp_beijing.png b/publication/img/cec_demo_comp_beijing.png
new file mode 100644
index 0000000..5e6fb4c
Binary files /dev/null and b/publication/img/cec_demo_comp_beijing.png differ
diff --git a/publication/img/cec_drawing_stroke.png b/publication/img/cec_drawing_stroke.png
new file mode 100644
index 0000000..5ff69cf
Binary files /dev/null and b/publication/img/cec_drawing_stroke.png differ
diff --git a/publication/img/cec_duo_2.png b/publication/img/cec_duo_2.png
new file mode 100644
index 0000000..6aaf285
Binary files /dev/null and b/publication/img/cec_duo_2.png differ
diff --git a/publication/img/duo_child_mother_cec.png b/publication/img/duo_child_mother_cec.png
new file mode 100644
index 0000000..fcc6f08
Binary files /dev/null and b/publication/img/duo_child_mother_cec.png differ
diff --git a/publication/img/evangelion.png b/publication/img/evangelion.png
new file mode 100644
index 0000000..cb2be37
Binary files /dev/null and b/publication/img/evangelion.png differ
diff --git a/publication/img/f_basic_yuxing.png b/publication/img/f_basic_yuxing.png
new file mode 100644
index 0000000..f8493c3
Binary files /dev/null and b/publication/img/f_basic_yuxing.png differ
diff --git a/publication/img/famicon_manga.png b/publication/img/famicon_manga.png
new file mode 100644
index 0000000..2aabb0a
Binary files /dev/null and b/publication/img/famicon_manga.png differ
diff --git a/publication/img/lolicore.jpg b/publication/img/lolicore.jpg
new file mode 100644
index 0000000..554b8d0
Binary files /dev/null and b/publication/img/lolicore.jpg differ
diff --git a/publication/img/neuromancer.png b/publication/img/neuromancer.png
new file mode 100644
index 0000000..4aa1029
Binary files /dev/null and b/publication/img/neuromancer.png differ
diff --git a/publication/img/nifty_serve.png b/publication/img/nifty_serve.png
new file mode 100644
index 0000000..c6f9ca0
Binary files /dev/null and b/publication/img/nifty_serve.png differ
diff --git a/publication/img/oki_wiredot.png b/publication/img/oki_wiredot.png
new file mode 100644
index 0000000..ed51362
Binary files /dev/null and b/publication/img/oki_wiredot.png differ
diff --git a/publication/img/pyuuta.png b/publication/img/pyuuta.png
new file mode 100644
index 0000000..55493ef
Binary files /dev/null and b/publication/img/pyuuta.png differ
diff --git a/publication/img/pyuuta_text.jpg b/publication/img/pyuuta_text.jpg
new file mode 100644
index 0000000..762fba2
Binary files /dev/null and b/publication/img/pyuuta_text.jpg differ
diff --git a/publication/img/pyuuta_text_color.jpg b/publication/img/pyuuta_text_color.jpg
new file mode 100644
index 0000000..c95b7ab
Binary files /dev/null and b/publication/img/pyuuta_text_color.jpg differ
diff --git a/publication/img/recursion_monk.png b/publication/img/recursion_monk.png
new file mode 100644
index 0000000..8a8f040
Binary files /dev/null and b/publication/img/recursion_monk.png differ
diff --git a/publication/img/text_flip.png b/publication/img/text_flip.png
new file mode 100644
index 0000000..06e0d4e
Binary files /dev/null and b/publication/img/text_flip.png differ
diff --git a/publication/img/toshiba_msx.png b/publication/img/toshiba_msx.png
new file mode 100644
index 0000000..1bbfba5
Binary files /dev/null and b/publication/img/toshiba_msx.png differ
diff --git a/publication/img/wang_ma_mouse.jpg b/publication/img/wang_ma_mouse.jpg
new file mode 100644
index 0000000..ac93176
Binary files /dev/null and b/publication/img/wang_ma_mouse.jpg differ
diff --git a/publication/img/word_trie.png b/publication/img/word_trie.png
new file mode 100644
index 0000000..624c6de
Binary files /dev/null and b/publication/img/word_trie.png differ
diff --git a/publication/img/yaruo.png b/publication/img/yaruo.png
new file mode 100644
index 0000000..40d94ce
Binary files /dev/null and b/publication/img/yaruo.png differ
diff --git a/publication/img/yaruo_text.png b/publication/img/yaruo_text.png
new file mode 100644
index 0000000..cbb39ca
Binary files /dev/null and b/publication/img/yaruo_text.png differ
diff --git a/publication/index.html b/publication/index.html
new file mode 100644
index 0000000..5b1c289
--- /dev/null
+++ b/publication/index.html
@@ -0,0 +1,95 @@
+
+
+
+
+
+ media archaeology jp multimedia playlist Test
+
+
+
+
+
+
media archaeology jp multimedia playlist
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/publication/main.py b/publication/main.py
new file mode 100644
index 0000000..4237b90
--- /dev/null
+++ b/publication/main.py
@@ -0,0 +1,18 @@
+import json
+from jinja2 import Environment, FileSystemLoader
+
+with open("playlist.json","r") as d:
+ playlist = json.load(d)
+
+fileLoader = FileSystemLoader("templates")
+env = Environment(loader=fileLoader)
+
+rendered = env.get_template("playlist.html").render(playlist=playlist,title="Test")
+
+#print(playlist)
+
+# write to html
+fileName = "index.html"
+
+with open(f"{fileName}","w") as f:
+ f.write(rendered)
\ No newline at end of file
diff --git a/publication/makeJson.py b/publication/makeJson.py
new file mode 100644
index 0000000..54c9658
--- /dev/null
+++ b/publication/makeJson.py
@@ -0,0 +1,26 @@
+import csv
+import json
+
+def csv_to_json(csvFilePath, jsonFilePath):
+ jsonArray = []
+
+ #read csv file
+ with open(csvFilePath, encoding='utf-8') as csvf:
+ #load csv file data using csv library's dictionary reader
+ csvReader = csv.DictReader(csvf)
+
+ #convert each csv row into python dict
+ for row in csvReader:
+ #add this python dict to json array
+ jsonArray.append(row)
+
+ #convert python jsonArray to JSON String and write to file
+ with open(jsonFilePath, 'w', encoding='utf-8') as jsonf:
+ jsonString = json.dumps(jsonArray, ensure_ascii=False, indent=4)
+ print(jsonString)
+ jsonf.write(jsonString)
+
+csvFilePath = r'playlist.csv'
+jsonFilePath = r'playlist.json'
+
+csv_to_json(csvFilePath, jsonFilePath)
diff --git a/publication/playlist.csv b/publication/playlist.csv
new file mode 100644
index 0000000..edcdd47
--- /dev/null
+++ b/publication/playlist.csv
@@ -0,0 +1,20 @@
+title,link,img,type,content,onText
+Big in japan,https://archive.org/details/alphaville-big-in-japan-original-vhs,,,,
+新世紀エヴァンゲリオン EVA - 残酷な天使のテーゼ [SC88],https://www.youtube.com/watch?v=k8ozVkIkr-g,,,,
+Nintendo Famicom user manual manga,https://archive.org/details/famicom-manga/page/n1/mode/2up,famicon_manga.png,print,Nintendo Famicom user manual in manga format.,famicon games displays text
+悲しみのNIFTY-Serve,https://www.nicovideo.jp/watch/sm2380352,nifty_serve.png,audio,"A melancholic song written for NIFTY Serve, a telecommunications services in Japan active from 1987 to 2006.",writing text in the Nifty serve network
+L’aventurier,https://archive.org/details/cd_laventurier_indochine/disc1/01.+Indochine+-+L'Aventurier.flac,,,,
+neuromancer,"
+https://archive.org/details/neuromancer-william-gibson/1+of+2.mp3",neuromancer.png,audio,"Chiba city blues, razor girl, console cowboy, and the matrix.",text is the matrix
+toshiba msx advertisement in 1985,https://archive.org/details/ToshibaPasopiaIQMSX_1985,tosiba_msx.png,video,Advertisement featuring kanji input.,advertisement of text processor
+timothy leary in japan,https://archive.org/details/Timothy_Leary_Archives_239,,video,Timothy Leary interviewed in japan. watch with caution.,
+アメリカ大統領選挙,https://archive.org/details/NESLongplay918AmericaDaitouryouSenkyo,america_pre.png,game,A longplay of an NES game of the American presidential election.,
+Artificial intelligence on the Commodore 64 : make your micro think,https://archive.org/details/artificial-intelligence-on-the-commodore-64/page/n33/mode/2up,,,,
+yaruo text,,yaruo_text.png,,,
+Afternoon yaruo time,https://gogoyaru.blogspot.com/,yaruo.png,archive,,ASCII text memetic network
+AA/ASCIIART archive,http://azeria.jp/index.php,,archive,,
+Lolicore music archive,https://lolicore.net/, ,,,
+Oki wiredot printer,https://museum.ipsj.or.jp/en/computer/device/printer/0079.html,oki_wiredot.png,archive,,
+Pyuuta,https://web.archive.org/web/20150319073438/http://www.toragiku.com/kopa/pyuta4.htm,pyuuta.png,archive,,
+Pyuuta text,https://www.floodgap.com/retrobits/tomy/pyuuta/pyuuta1.html,pyuuta_text.jpg,archive,,
+Pyuuta text color,https://www.floodgap.com/retrobits/tomy/pyuuta/pyuuta1.html,pyuuta_text_color.jpg,archive,,
diff --git a/publication/playlist.json b/publication/playlist.json
new file mode 100644
index 0000000..a8b216d
--- /dev/null
+++ b/publication/playlist.json
@@ -0,0 +1,146 @@
+[
+ {
+ "title": "Big in japan",
+ "link": "https://archive.org/details/alphaville-big-in-japan-original-vhs",
+ "img": "",
+ "type": "",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "新世紀エヴァンゲリオン EVA - 残酷な天使のテーゼ [SC88]",
+ "link": "https://www.youtube.com/watch?v=k8ozVkIkr-g",
+ "img": "",
+ "type": "",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Nintendo Famicom user manual manga",
+ "link": "https://archive.org/details/famicom-manga/page/n1/mode/2up",
+ "img": "famicon_manga.png",
+ "type": "print",
+ "content": "Nintendo Famicom user manual in manga format.",
+ "onText": "famicon games displays text "
+ },
+ {
+ "title": "悲しみのNIFTY-Serve",
+ "link": "https://www.nicovideo.jp/watch/sm2380352",
+ "img": "nifty_serve.png",
+ "type": "audio",
+ "content": "A melancholic song written for NIFTY Serve, a telecommunications services in Japan active from 1987 to 2006.",
+ "onText": "writing text in the Nifty serve network "
+ },
+ {
+ "title": "L’aventurier",
+ "link": "https://archive.org/details/cd_laventurier_indochine/disc1/01.+Indochine+-+L'Aventurier.flac",
+ "img": "",
+ "type": "",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "neuromancer",
+ "link": "\nhttps://archive.org/details/neuromancer-william-gibson/1+of+2.mp3",
+ "img": "neuromancer.png",
+ "type": "audio",
+ "content": "Chiba city blues, razor girl, console cowboy, and the matrix.",
+ "onText": "text is the matrix"
+ },
+ {
+ "title": "toshiba msx advertisement in 1985",
+ "link": "https://archive.org/details/ToshibaPasopiaIQMSX_1985",
+ "img": "tosiba_msx.png",
+ "type": "video",
+ "content": "Advertisement featuring kanji input.",
+ "onText": "advertisement of text processor"
+ },
+ {
+ "title": "timothy leary in japan",
+ "link": "https://archive.org/details/Timothy_Leary_Archives_239",
+ "img": "",
+ "type": "video",
+ "content": "Timothy Leary interviewed in japan. watch with caution.",
+ "onText": ""
+ },
+ {
+ "title": "アメリカ大統領選挙",
+ "link": "https://archive.org/details/NESLongplay918AmericaDaitouryouSenkyo",
+ "img": "america_pre.png",
+ "type": "game",
+ "content": "A longplay of an NES game of the American presidential election.",
+ "onText": ""
+ },
+ {
+ "title": "Artificial intelligence on the Commodore 64 : make your micro think",
+ "link": "https://archive.org/details/artificial-intelligence-on-the-commodore-64/page/n33/mode/2up",
+ "img": "",
+ "type": "",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "yaruo text",
+ "link": "",
+ "img": "yaruo_text.png",
+ "type": "",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Afternoon yaruo time",
+ "link": "https://gogoyaru.blogspot.com/",
+ "img": "yaruo.png",
+ "type": "archive",
+ "content": "",
+ "onText": "ASCII text memetic network "
+ },
+ {
+ "title": "AA/ASCIIART archive",
+ "link": "http://azeria.jp/index.php",
+ "img": "",
+ "type": "archive",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Lolicore music archive",
+ "link": "https://lolicore.net/",
+ "img": " ",
+ "type": "",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Oki wiredot printer",
+ "link": "https://museum.ipsj.or.jp/en/computer/device/printer/0079.html",
+ "img": "oki_wiredot.png",
+ "type": "archive",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Pyuuta",
+ "link": "https://web.archive.org/web/20150319073438/http://www.toragiku.com/kopa/pyuta4.htm",
+ "img": "pyuuta.png",
+ "type": "archive",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Pyuuta text",
+ "link": "https://www.floodgap.com/retrobits/tomy/pyuuta/pyuuta1.html",
+ "img": "pyuuta_text.jpg",
+ "type": "archive",
+ "content": "",
+ "onText": ""
+ },
+ {
+ "title": "Pyuuta text color",
+ "link": "https://www.floodgap.com/retrobits/tomy/pyuuta/pyuuta1.html",
+ "img": "pyuuta_text_color.jpg",
+ "type": "archive",
+ "content": "",
+ "onText": ""
+ }
+]
\ No newline at end of file
diff --git a/publication/playlist_dev.json b/publication/playlist_dev.json
new file mode 100644
index 0000000..2332120
--- /dev/null
+++ b/publication/playlist_dev.json
@@ -0,0 +1,93 @@
+[
+ {
+ "title": "Big in japan",
+ "link": "https://archive.org/details/alphaville-big-in-japan-original-vhs",
+ "img": "biginjapan.jpg",
+ "type": "audio",
+ "content": "Big in Japan, ooh, the eastern sea's so blue"
+ },
+ {
+ "title": "新世紀エヴァンゲリオン EVA - 残酷な天使のテーゼ [SC88]",
+ "link": "https://www.youtube.com/watch?v=k8ozVkIkr-g",
+ "img": "evangelion.png",
+ "type": "audio",
+ "content": "OST from Neon Genesis Evangelion, a popular anime portraying humanoids and the humans around them."
+ },
+ {
+ "title": "Nintendo Famicom user manual manga",
+ "link": "https://archive.org/details/famicom-manga/page/n1/mode/2up",
+ "img": "famicon_manga.png",
+ "type": "print",
+ "content": "Nintendo Famicom user manual in manga format."
+ },
+ {
+ "title": "悲しみのNIFTY-Serve",
+ "link": "https://www.nicovideo.jp/watch/sm2380352",
+ "img": "nifty_serve.png",
+ "type": "audio",
+ "content": "A melancholic song written for NIFTY Serve, a telecommunications services in Japan active from 1987 to 2006."
+ },
+ {
+ "title": "L’aventurier",
+ "link": "https://archive.org/details/cd_laventurier_indochine/disc1/01.+Indochine+-+L'Aventurier.flac",
+ "img": "laventurier_indochine_itemimage.png",
+ "type": "audio",
+ "content": "The band's name reflected a sense of orientalism."
+ },
+ {
+ "title": "neuromancer",
+ "link": "\nhttps://archive.org/details/neuromancer-william-gibson/1+of+2.mp3",
+ "img": "neuromancer.png",
+ "type": "audio",
+ "content": "Chiba city blues, razor girl, console cowboy, and the matrix."
+ },
+ {
+ "title": "toshiba msx advertisement in 1985",
+ "link": "https://archive.org/details/ToshibaPasopiaIQMSX_1985",
+ "img": "tosiba_msx.png",
+ "type": "video",
+ "content": "Advertisement featuring kanji input."
+ },
+ {
+ "title": "timothy leary in japan",
+ "link": "https://archive.org/details/Timothy_Leary_Archives_239",
+ "img": "",
+ "type": "video",
+ "content": "Timothy Leary interviewed in japan. watch with caution."
+ },
+ {
+ "title": "アメリカ大統領選挙",
+ "link": "https://archive.org/details/NESLongplay918AmericaDaitouryouSenkyo",
+ "img": "america_pre.png",
+ "type": "game",
+ "content": "A longplay of an NES game of the American presidential election."
+ },
+ {
+ "title": "Artificial intelligence on the Commodore 64 : make your micro think",
+ "link": "https://archive.org/details/artificial-intelligence-on-the-commodore-64/page/n33/mode/2up",
+ "img": "c64_ai.png",
+ "type": "print",
+ "content": "AI is no new deal, the promotion of AI may be."
+ },
+ {
+ "title": "Afternoon yaruo time",
+ "link": "https://gogoyaru.blogspot.com/",
+ "img": "yaruo.png",
+ "type": "archive",
+ "content": ""
+ },
+ {
+ "title": "AA/ASCIIART archive",
+ "link": "http://azeria.jp/index.php",
+ "img": "",
+ "type": "archive",
+ "content": ""
+ },
+ {
+ "title": "Lolicore music archive",
+ "link": "https://lolicore.net/",
+ "img": "lolicore.jpg",
+ "type": "archive",
+ "content": ""
+ }
+]
\ No newline at end of file
diff --git a/publication/playlist_old.json b/publication/playlist_old.json
new file mode 100644
index 0000000..5f6170e
--- /dev/null
+++ b/publication/playlist_old.json
@@ -0,0 +1,106 @@
+[
+ {
+ "title":"Big in japan",
+ "link":"https://archive.org/details/alphaville-big-in-japan-original-vhs",
+ "img":"biginjapan.jpg",
+ "type":"audio",
+ "content":"Big in Japan, ooh, the eastern sea's so blue"
+ },
+
+ {
+ "title":"新世紀エヴァンゲリオン EVA - 残酷な天使のテーゼ [SC88]",
+ "link":"https://www.youtube.com/watch?v=k8ozVkIkr-g",
+ "img":"evangelion.png",
+ "type":"audio",
+ "content":"OST from Neon Genesis Evangelion, a popular anime portraying humanoids and the humans around them."
+ },
+
+ {
+ "title":"Nintendo Famicom user manual manga",
+ "link":"https://archive.org/details/famicom-manga/page/n1/mode/2up",
+ "img":"famicon_manga.png",
+ "type":"print",
+ "content":"Nintendo Famicom user manual in manga format."
+ },
+
+ {
+ "title":"悲しみのNIFTY-Serve",
+ "link":"https://www.nicovideo.jp/watch/sm2380352",
+ "img":"nifty_serve.png",
+ "type":"audio",
+ "content":"A melancholic song written for NIFTY Serve, a telecommunications services in Japan active from 1987 to 2006."
+ },
+
+ {
+ "title":"L’aventurier",
+ "link":"https://archive.org/details/cd_laventurier_indochine/disc1/01.+Indochine+-+L'Aventurier.flac",
+ "img":"laventurier_indochine_itemimage.png",
+ "type":"audio",
+ "content":"The band's name reflected an orientalism"
+ },
+
+ {
+ "title":"neuromancer ",
+ "link":"https://archive.org/details/neuromancer-william-gibson/1+of+2.mp3",
+ "img":"neuromancer.png",
+ "type":"audio",
+ "content":"Chiba city blues, razor girl, console cowboy, and the matrix."
+ },
+
+ {
+ "title":"toshiba msx advertisement in 1985",
+ "link":"https://archive.org/details/ToshibaPasopiaIQMSX_1985",
+ "img":"tosiba_msx.png",
+ "type":"video",
+ "content":"Advertisement featuring kanji input."
+ },
+
+ {
+ "title":"timothy leary in japan",
+ "link":"https://archive.org/details/Timothy_Leary_Archives_239",
+ "img":"",
+ "type":"",
+ "content":"Timothy leary interviewed in japan. watch with caution."
+ },
+
+ {
+ "title":"アメリカ大統領選挙",
+ "link":"https://archive.org/details/NESLongplay918AmericaDaitouryouSenkyo",
+ "img":"america_pre.png",
+ "type":"game",
+ "content":"A longplay of an NES game of the american presidential election."
+ },
+
+ {
+ "title":"Artificial intelligence on the Commodore 64 : make your micro think",
+ "link":"https://archive.org/details/artificial-intelligence-on-the-commodore-64/page/n33/mode/2up",
+ "img":"c64_ai.png",
+ "type":"",
+ "content":"AI is no new deal, the promotion of AI may be."
+ },
+
+ {
+ "title":"Afternoon yaruo time",
+ "link":"https://gogoyaru.blogspot.com/",
+ "img":"",
+ "type":"",
+ "content":""
+ },
+
+ {
+ "title":"AA/ASCIIART archive",
+ "link":"http://azeria.jp/index.php",
+ "img":"",
+ "type":"",
+ "content":""
+ },
+
+ {
+ "title":"Lolicore music archive",
+ "link":"https://lolicore.net/",
+ "img":"lolicore.jpg",
+ "type":"",
+ "content":""
+ }
+]
+
diff --git a/publication/static/style.css b/publication/static/style.css
new file mode 100644
index 0000000..17745f3
--- /dev/null
+++ b/publication/static/style.css
@@ -0,0 +1,52 @@
+
+
+img
+{
+ display: block;
+ padding: 20px;
+}
+
+
+/** make live selection of random links **/
+div.container
+{
+ background-image: url("https://ascii.jp/img/2010/04/22/881674/o/1b4ba90f25fde2b8.jpg");
+ background-repeat: repeat;
+}
+
+
+
+h1.title
+{
+ font-size: 60px;
+ color: purple;
+ font-family: "Cursive";
+
+}
+
+a.archive
+{
+ color: red;
+ font-size:30px;
+}
+
+a.print
+{
+ color: yellow;
+ font-size:45px;
+}
+
+a.video
+{
+ color: blue;
+ font-size:50px;
+}
+
+a.audio
+{
+ color: violet;
+ font-size:60px;
+}
+
+
+
diff --git a/publication/templates/homepage.html b/publication/templates/homepage.html
new file mode 100644
index 0000000..e69de29
diff --git a/publication/templates/playlist.html b/publication/templates/playlist.html
new file mode 100644
index 0000000..fe075b0
--- /dev/null
+++ b/publication/templates/playlist.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+ media archaeology jp multimedia playlist {{ title }}
+
+
+
+
+
+
media archaeology jp multimedia playlist
+
+
+ {% for item in playlist %}
+
+
+
+ {% endfor %}
+
+
+
+
+
+
+
\ No newline at end of file