-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (138 loc) · 7.12 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!doctype html>
<html>
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="description" content="introduction page">
<meta name="keywords" content="choose your adventure game">
<link rel="stylesheet" href="main.css" />
</head>
<body>
<header>
<h1>Welcome to Cyber Chronicles!</h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="author.html">About the Author</a>
<a href="audience.html">Target Audience</a>
<a href="stories.html">Other Stories</a>
</nav>
<audio autoplay loop>
<source src="sounds/techmusic.wav" type="audio/wav">
Your browser does not support the audio element.
</audio>
<main>
<img src="images/girllookingatcity.png">
<a href="page2.html" class="start">Start</a>
</main>
<!--matrix letters-->
<div class="letter l00 t200"><div></div></div>
<div class="letter l10 t500"><div></div></div>
<div class="letter l20 t180"><div></div></div>
<div class="letter l30 t700"><div></div></div>
<div class="letter l40 t800"><div></div></div>
<div class="letter l50 t900"><div></div></div>
<div class="letter l60 t300"><div></div></div>
<div class="letter l70 t400"><div></div></div>
<div class="letter l80 t320"><div></div></div>
<div class="letter l90 t190"><div></div></div>
<div class="letter l100 t520"><div></div></div>
<div class="letter l05 t380 big"><div></div></div>
<div class="letter l15 t400 big"><div></div></div>
<div class="letter l25 t600 big"><div></div></div>
<div class="letter l35 t650 big"><div></div></div>
<div class="letter l45 t290 big"><div></div></div>
<div class="letter l55 t530 big"><div></div></div>
<div class="letter l65 t420 big"><div></div></div>
<div class="letter l75 t900 big"><div></div></div>
<div class="letter l85 t200 big"><div></div></div>
<div class="letter l95 t180 big"><div></div></div>
<div class="letter l00 t200 d2"><div></div></div>
<div class="letter l10 t500 d2"><div></div></div>
<div class="letter l20 t180 d2"><div></div></div>
<div class="letter l30 t700 d2"><div></div></div>
<div class="letter l40 t800 d2"><div></div></div>
<div class="letter l50 t900 d2"><div></div></div>
<div class="letter l60 t300 d2"><div></div></div>
<div class="letter l70 t400 d2"><div></div></div>
<div class="letter l80 t320 d2"><div></div></div>
<div class="letter l90 t190 d2"><div></div></div>
<div class="letter l100 t520 d2"><div></div></div>
<div class="letter l05 t380 big d2"><div></div></div>
<div class="letter l15 t400 big d2"><div></div></div>
<div class="letter l25 t600 big d2"><div></div></div>
<div class="letter l35 t650 big d2"><div></div></div>
<div class="letter l45 t290 big d2"><div></div></div>
<div class="letter l55 t530 big d2"><div></div></div>
<div class="letter l65 t420 big d2"><div></div></div>
<div class="letter l75 t900 big d2"><div></div></div>
<div class="letter l85 t200 big d2"><div></div></div>
<div class="letter l95 t180 big d2"><div></div></div>
<div class="letter l00 t200 d3"><div></div></div>
<div class="letter l10 t500 d3"><div></div></div>
<div class="letter l20 t180 d3"><div></div></div>
<div class="letter l30 t700 d3"><div></div></div>
<div class="letter l40 t800 d3"><div></div></div>
<div class="letter l50 t900 d3"><div></div></div>
<div class="letter l60 t300 d3"><div></div></div>
<div class="letter l70 t400 d3"><div></div></div>
<div class="letter l80 t320 d3"><div></div></div>
<div class="letter l90 t190 d3"><div></div></div>
<div class="letter l100 t520 d3"><div></div></div>
<div class="letter l05 t380 big d3"><div></div></div>
<div class="letter l15 t400 big d3"><div></div></div>
<div class="letter l25 t600 big d3"><div></div></div>
<div class="letter l35 t650 big d3"><div></div></div>
<div class="letter l45 t290 big d3"><div></div></div>
<div class="letter l55 t530 big d3"><div></div></div>
<div class="letter l65 t420 big d3"><div></div></div>
<div class="letter l75 t900 big d3"><div></div></div>
<div class="letter l85 t200 big d3"><div></div></div>
<div class="letter l95 t180 big d3"><div></div></div>
<div class="letter l00 t200 d4"><div></div></div>
<div class="letter l10 t500 d4"><div></div></div>
<div class="letter l20 t180 d4"><div></div></div>
<div class="letter l30 t700 d4"><div></div></div>
<div class="letter l40 t800 d4"><div></div></div>
<div class="letter l50 t900 d4"><div></div></div>
<div class="letter l60 t300 d4"><div></div></div>
<div class="letter l70 t400 d4"><div></div></div>
<div class="letter l80 t320 d4"><div></div></div>
<div class="letter l90 t190 d4"><div></div></div>
<div class="letter l100 t520 d4"><div></div></div>
<div class="letter l05 t380 big d4"><div></div></div>
<div class="letter l15 t400 big d4"><div></div></div>
<div class="letter l25 t600 big d4"><div></div></div>
<div class="letter l35 t650 big d4"><div></div></div>
<div class="letter l45 t290 big d4"><div></div></div>
<div class="letter l55 t530 big d4"><div></div></div>
<div class="letter l65 t420 big d4"><div></div></div>
<div class="letter l75 t900 big d4"><div></div></div>
<div class="letter l85 t200 big d4"><div></div></div>
<div class="letter l95 t180 big d4"><div></div></div>
<div class="letter l00 t200 d5"><div></div></div>
<div class="letter l10 t500 d5"><div></div></div>
<div class="letter l20 t180 d5"><div></div></div>
<div class="letter l30 t700 d5"><div></div></div>
<div class="letter l40 t800 d5"><div></div></div>
<div class="letter l50 t900 d5"><div></div></div>
<div class="letter l60 t300 d5"><div></div></div>
<div class="letter l70 t400 d5"><div></div></div>
<div class="letter l80 t320 d5"><div></div></div>
<div class="letter l90 t190 d5"><div></div></div>
<div class="letter l100 t520 d5"><div></div></div>
<div class="letter l05 t380 big d5"><div></div></div>
<div class="letter l15 t400 big d5"><div></div></div>
<div class="letter l25 t600 big d5"><div></div></div>
<div class="letter l35 t650 big d5"><div></div></div>
<div class="letter l45 t290 big d5"><div></div></div>
<div class="letter l55 t530 big d5"><div></div></div>
<div class="letter l65 t420 big d5"><div></div></div>
<div class="letter l75 t900 big d5"><div></div></div>
<div class="letter l85 t200 big d5"><div></div></div>
<div class="letter l95 t180 big d5"><div></div></div>
<footer>
<p>© 2024 Victoria Tran</p>
</footer>
</body>
</html>