-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
262 lines (236 loc) · 10.9 KB
/
About.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
<link rel="stylesheet" type="text/css" href="TextAdventure.css">
<!-- BOOTSTRAP ELEMENT -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<!--<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">-->
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body class ="UserPage" id="bod">
<!-- NAV BAR AT THE TOP OF SCREEN -->
<nav class="navbar navbar-inverse">
<!-- <nav class="navbar navbar-default"> -->
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<!--
<div class="navbar-header">
<!~~
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
~~>
<a class="navbar-brand" href="#">R.E.A.L.ity</a>
</div>
-->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<a class="navbar-brand" href="#">R.E.A.L.ity</a>
<li><a href="HomePage.html">Home</a></li>
<li><a href="Game.html">Text Adventure Game</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Issues <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Environmental.html">Environmental</a></li>
<li role="separator" class="divider"></li>
<li><a href="Social.html">Social </a></li>
<!-- <li><a href="#">Something else here</a></li> -->
<!-- <li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li> -->
</ul>
</li>
<!--
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Issues <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Environmental.html">Environemtal</a></li>
<li role="separator" class="divider"></li>
<li><a href="Social.html">Social </a></li>
-->
<!-- <li><a href="#">Something else here</a></li> -->
<!-- <li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li> -->
<!--
</ul>
</li>
-->
<li class="active"><a href="About.html">About the Creators<span class="sr-only">(current)</span></a></li>
<li><a href="sources.html">Sources<span class="sr-only">(current)</span></a></li>
</ul>
<!--
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
-->
<!-- Right Nav Bar, open if needed -->
<!-- <ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul> -->
</div><!-- /.navbar-collapse -->
</div>
</nav>
<!-- Our Mission -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Our Mission</h3>
</div>
<div class="panel-body">
The Real Adventurer's want to make this site a simulator for the social
and environmental problems that are happening around you, the player. We
are trying to raise awareness of our viewers and help them have more of an
understanding of how people of various races respond and get treated in
different scenarios.
</div>
</div>
<!-- Creators -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">The Creators</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="robin.png" alt="Robin Acosta">
<div class="caption">
<h3>Robin Acosta</h3>
<p>Robin Acosta is a rising senior from Newton South High School in Massachusetts. She has just recently discovered her interest in coding through her Girls Who Code club at her library and the Girls Who Code Immersion Program. She loves to unicycle, walk her dog, and draw the animals at the Harvard Museum of Natural History.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="eva.jpg" alt="Eva Lynch">
<div class="caption">
<h3>Eva Lynch</h3>
<p>Eva Lynch is a rising senior from Austin High School who has been pursuing a technical education to prepare for a major or minor in Computer Science. When she is not on the water rowing varsity or completing homework, Eva is writing for her family's website, SharedDNA, and working to fulfill her dream of petting every cat in the world. Now an alumni of the Girls Who Code Immersion Program, Eva is currently focusing on building up a range of personal projects and using technology to enhance various activities in her school.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="anushri.jpg" alt="Anushri Marar">
<div class="caption">
<h3>Anushri Marar</h3>
<p>I am Anushri Marar, a rising senior living in Orlando, Florida. I love to draw, dance and dine, and I have only recently sparked an interest in coding, which eventually got me into the Girls Who Code program. I embrace my strong Indian roots through clothing, festivals and food, and I love to share that part of me with others. </p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="lucia.png" alt="Lucia Hruby">
<div class="caption">
<h3>Lucia Hruby</h3>
<p>My name is Lucia Hruby and I am a rising senior. I am a fan of novelty socks, chocolate milk, witty puns, and traveling. When not slaving away at homework, you can find me running with my cross country team, tending to my chickens, dining at Kerbey Lane Cafe, re-watching Ugly Betty episodes, or taking selfies with my family.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Contact Us!</h3>
</div>
<div class="panel-body">
<p>If you you have any questions or suggestions, please reach out to us.</p>
<!--
<form>
<div class="form-group">
<label>Your Email</label>
<input class="form-control" placeholder="Email">
</div>
<div class="form-group">
<label>Your Name</label>
<input class="form-control" placeholder="Name">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Your Message</label>
<input class="form-control" placeholder="Message">
</div>
</div>
<div class="container">
<button type="submit" id="story" class="btn btn-default" onclick="thankYou()">Submit</button>
</form>
-->
<!-- http://bootstrapious.com/p/how-to-build-a-working-bootstrap-contact-form -->
<form id="contact-form" method="post" action="contact.php" role="form">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_name">Name *</label>
<input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your name" required="required" data-error="Firstname is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_email">Email *</label>
<input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email" required="required" data-error="Valid email is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Message *</label>
<textarea id="form_message" name="message" class="form-control" placeholder="Write your message" rows="4" required="required" data-error="Please,leave us a message."></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-default btn-send" value="Send message">
</div>
</div>
</div>
</form>
</div>
</div>
</div><!-- /.container-fluid -->
<!--
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
-->
<script src="validator.js"></script>
<script src="contact.js"></script>
</body>
</html>