-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (71 loc) · 5.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
<!--
This website was written by hand by Derek Murphy, and should work equally well on desktop and mobile (I hope).
-->
<head>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Righteous&family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Preserving Worlds</title>
<meta name="description" content="Preserving Worlds is a documentary travelogue through aging virtual worlds.">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Preserving Worlds" />
<meta property="og:description" content="A documentary travelogue through aging virtual worlds." />
<meta property="og:type" content="video.movie" />
<meta property="og:image" content="https://preservingworlds.net/images/social/opengraph.png" />
<meta property="og:url" content="https://www.preservingworlds.net/" />
<meta property="og:site_name" content="Preserving Worlds" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@DerekLMurphy" />
<meta name="twitter:site" content="Preserving Worlds" />
<meta name="twitter:description" content="A documentary travelogue through aging virtual worlds." />
<meta name="twitter:image" content="https://preservingworlds.net/images/social/twitter.png" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="top">
<span class="topflex"><a href="https://means.tv/" target="_blank"><img src="images/meanstv.png"></a>PRESENTS:</span>
</div>
<div id="logo">
<span class="logoflex">
<a href="index.html"> <img src="images/LogoFull200percent.gif" style="max-width: 50vmin;"></a>
</span>
</div>
<div id="navbar">
<span id="navbarflex">
<a href="worldschat.html"><img src="images/worldschatmenu.gif"></a>
<a href="zzt.html"><img src="images/zztmenu.gif"></a>
<a href="myst.html"><img src="images/mystmenu.gif"></a>
<a href="doom.html"><img src="images/doommenu.gif"></a>
<a href="neohabitat.html"><img src="images/neohabitatmenu.gif"></a>
<a href="secondlife.html"><img src="images/secondlifemenu.gif"></a>
</span>
</div>
<div id="main">
<span class="headerflex">
<img src="images/gifs/floppyfloathome.gif" style="margin-right: 3%;">
<div class="flexchildtext">Greetings, Netizens!</div>
<img src="images/gifs/floppyfloathome.gif" style="margin-left: 3%;"></span>
<span class="constructionflex"><img src="images/gifs/construction.gif"></span>
<div style="width: 50%; margin:auto;"><div class='embed-container'><iframe src='https://www.youtube.com/embed/7qqxw-Unjlo' frameborder='0' allowfullscreen></iframe></div></div>
<p style="text-align:center; font-size: 2.8vmin;"><img src="images/gifs/wow.gif" style="max-width: 8vmin;"><a href="https://means.tv/programs/preservingworlds" target="_blank">Watch now on Means TV!</a> <img src="images/gifs/new.gif" style="max-width: 8vmin;"></p>
<p>Preserving Worlds is a documentary series about aging virtual worlds.</p>
<p>Virtual worlds are delicate things, and they can vanish with hardly a trace. You can archive the offline software, but a dead world can only tell you so much. It’s just as important to document how people spent their time within it.</p>
<p>Preserving Worlds is a travelogue that takes you through some of the most interesting and impactful online games and communities of the past forty years to see what it’s like to visit them today. Along the way, you’ll meet people who are working against obsolescence to keep the communities they care about alive and accessible.</p>
<p>The series takes an ethnographic approach to capture historically important information about the player communities of online video games, as well as some offline games indelibly stamped by the creative contributions of their players.</p>
<p>This website's purpose is to provide you with supporting information to help you learn more about the games we featured, see some of the efforts that have been made to preserve them, find out about the music and player-created areas/games that appear in each episode, and learn how you can access these games for yourself. Click a game's name above to learn more about it!</p>
<p>Preserving Worlds was created by <a href="https://dereklmurphy.com/" target="_blank">Derek Murphy</a> and <a href="https://mitchellzemil.com/" target="_blank">Mitchell Zemil</a>, the filmmakers behind the feature-length surrealist documentary <a href="https://sarasotamovie.com" target="_blank">Sarasota Half in Dream.</a></p>
<p>The Preserving Worlds theme song is <a href="https://grahamkartna.bandcamp.com/track/wilton-clarkson-james" target="_blank">"Wilton, Clarkson, James"</a> by <a href="https://grahamkartna.bandcamp.com/" target="_blank">Graham Kartna</a>.
<p>The character portraits and imaginary UI windows for this series were created by <a href="http://www.bachelorsoft.com/" target="_blank">Bachelor Soft</a>.
<p>Thanks for visiting!</p>
</div>
<div id="footer">
<span class="footerflex"><img src="images/gifs/planet.gif" style="margin-right: .7%;"><a href="https://means.tv/" target="_blank"><img src="images/meanstv.png"></a> <img src="images/gifs/planet.gif"></span>
</div>
<div id="tc">
<a href="https://means.tv/pages/terms-conditions" target="_blank">(Terms & Conditions)</a>
</div>
</body>
</html>