-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (88 loc) · 4.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./assets/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<section class="title-page" id="title-page">
<img class="title-img" id="title-img" src="./assets/photos/title-page.png">
<div class="title-text" id="title-text">
<p class="t-text" id="t-text">YOU CONTROL THE DREAM</p>
</div>
<div class="title-links" id="title-links">
<button class="disclaimer-btn-t" id="disclaimer-btn-t" type="button">Enter</button>
</div>
</section>
<section class="disclaimer" id="disclaimer">
<img class="disclaimer-img" id="disclaimer-img" src="./assets/photos/disclaimer-page.png">
<section class="disclaimer-text" id="disclaimer-text">These places and choices are real: I have explored them
for years through my nightmares. This environment allows you to explore as well. You are in control. If at
any time the nightmare becomes too intense, you can always click the Exit button. Are you brave enough to
enter the dream?</section>
<div class="disclaimer-links" id="disclaimer-links">
<button class="title-btn-d" id="title-btn-d" type="button">
Go to title page
</button>
<button class="main-btn-d" id="main-btn-d" type="button">
Enter
</button>
<button class="credits-btn-d" id="credits-btn-d" type="button">
Exit
</button>
</div>
</section>
<section class="main-body" id="main-body">
<div class="text-links" id="text-links">
<div class="text-box" id="text-box"></div>
<div class="main-links" id="main-links">
<button class="credits-btn-m" id="credits-btn-m" type="button">
Exit
</button>
</div>
<div class="js-links" id="js-links"></div>
</div>
<div class="image-box" id="image-box" width: 41vw height: 100vh>
<img class="my-image" id="my-image" src="">
</div>
</section>
<section class="credits" id="credits">
<section class="credits-text" id="credits-text">
<section class="kate-bio" id="kate-bio">
<img class="kate-img" id="kate-img" src="./assets/photos/Kate.jpg">
<div class="kate-text" id="kate-text"> Kate Wilhite is a Salt Lake City, UT-based watercolor artist and
illustrator. She focuses her work on duality and ambiguity, using light and color to explore queer
identity. Kate graduated with a BFA in Studio Art from the University of Utah. She can be found at:
</div>
</section>
<section class="kate-links" id="kate-links">
<p><a href="url">katewilhite.com </a></p>
<p.i><a href="url">Instagram.com/kate.wilhite </a></p>
<p><a href="url">katewilhiteart@gmail.com </a></p>
</section>
<section class="mads-bio" id="mads-bio">
<img class="mads-img" id="mads-img" src="./assets/photos/Mads.jpg">
<div class="mads-text" id="mads-text">Mads Moffat is an amateur/ self-taught web developer located in
Salt Lake City, UT. They are interested in how digital spaces can be formatted to meet the needs of
physical artists. They can be reached at: </div>
</section>
<section class="mads-links" id="mads-links"></section>
<p><a href="url">madsmoffat@gmail.com </a></p>
</section>
<div class="credits-links" id="credits-links">
<button class="main-btn-c" id="main-btn-c" type="button">
Start Over
</button>
<button class="title-btn-c" id="title-btn-c" type="button">
Go to title page
</button>
</div>
</section>
</section>
</body>
<footer>
<script src="./assets/index.js"></script>
</footer>
</html>