-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (49 loc) · 2.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="Lily Dong">
<meta name="description" content="DXARTS 200 Class Assignment #1 - Synthesis and Hypertext">
<link rel="stylesheet" href="style.css">
<script src="space.js"></script>
<title>Travelling to a Future Planet</title>
</head>
<body>
<main>
<section id="earth">
<p>the <a href="https://www.merriam-webster.com/dictionary/ultimate">ultimate</a> packing list</p>
<input type="checkbox" value="cat">
<label for="cat">cat</label><br>
<input type="checkbox" value="shells">
<label for="shells" class="rainbow-letters">
<span>s</span>
<span>e</span>
<span>a</span>
<span> s</span>
<span>h</span>
<span>e</span>
<span>l</span>
<span>l</span>
<span>s</span>
of <a href="https://welearncode.com/rainbow-text/">different colors</a>
</label><br>
<input type="checkbox" value="bike">
<label for="bike"><a href="https://www.youtube.com/watch?v=TvnYmWpD_T8&ab_channel=TheCodfather">purple</a> bicycle</label><br>
<input type="checkbox" value="recordp">
<label for="recordp">record player</label><br>
<input type="checkbox" value="record">
<label for="record"><a href="https://www.amazon.co.uk/Nothing-Hurt-Spiritualized/dp/B07DL8NHQH">my favorite album</a></label><br>
<input type="checkbox" value="shoe">
<label for="shoe">sneakers</label><br>
<button>ready for take off</button>
</section>
<section id="planet" class="hidden">
<h1>www.e1c0me.t0.p1anet.<a href="https://www.merriam-webster.com/dictionary/why">Y</a></h1>
<p id="welcome">
To be my new citizen, you need to understand and agree with the following information: how <a href="https://www.tor.com/2017/01/17/timeless-and-time-travel-is-it-possible/">timeless</a> works here. Most importantly remember the <a href="https://depts.washington.edu/uwcbells/">location</a> of the gate. You know the key.
We do <a href="https://ds055uzetaobb.cloudfront.net/uploads/Jm5EyZc0cU-8-cell.gif">dimension</a> but not <a href="https://plato.stanford.edu/entries/freewill/">rule</a>.
Amoung many human-colonized stars and planet, we have the most distinguishable <a href="https://www.pantone.com/connect/Yellow-C">color</a>. Don't mistaken even when you are drunk!
</p>
</section>
<main>
</body>