forked from espoir-ecs/espoir-ecs.github.io
-
Notifications
You must be signed in to change notification settings - Fork 2
/
about_maz.html
116 lines (107 loc) · 4.87 KB
/
about_maz.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="about_mazstyle.css" type="text/css">
<script src="jade.js"></script>
<!-- <script src="gameweb.js" type="text/javascript"></script>-->
<!-- Navigation Bar -->
</head>
<body>
<div class="container_left">
<a class="home" href="index.html"> <!--style="margin:0 auto; display: block;" -->
<img id="homebutton" src="warm6.png">
</a>
<button id="btnMenu" onclick="openMenu()">
<i class="fa fa-bars"></i>
<i class="fa fa-close"></i>
</button>
</div>
<div class="container_menu" id="thisMenu">
<div class="container_list">
<button class="btnList" onclick="openList('1')">
<span class="drop">Mental Health</span>
</button>
<div class="content_list left" id="thisList_1">
<p><a href="mentalhealthinfo.html" class="button">About</a></p>
</div>
</div>
<div class="container_list">
<button class="btnList" onclick="openList('2')">
<span class="drop">Inspiration</span>
</button>
<div class="content_list left" id="thisList_2">
<p><a href="wit.html">Kim Swift</a><br>
<a href="https://girlswhocode.com/" class="button" target = "_blank">Girls Who Code</a></p>
</div>
</div>
<div class="container_list">
<button class="btnList" onclick="openList('3')">
<span class="drop" id="lala"> Meet The Creators </span>
</button>
<div class="content_list center" id="thisList_3">
<p><a href="aboutcourtney.html">Courtney Ng</a><br><a href="about_maz.html">Mazal Zebak</a><br><a href="jade.html">Jade Shen</a></p>
</div>
</div>
<div class="container_list">
<button class="btnList" onclick="openList('4')">
<span class="drop">About The Game</span>
<span class="acc">Accordion 4</span>
</button>
<div class="content_list right" id="thisList_4">
<p><a href="info.html">Information</a><br><a href="cause.html">Our Cause</a></p>
</div>
</div>
<div class="container_list">
<button class="btnList" onclick="openList('5')">
<span class="drop">Credits</span>
<span class="acc">Accordion 5</span>
</button>
<div class="content_list right" id="thisList_5">
<p><a href="artist.html">The Artist</a><br><a href="help.html">Helpers</a></p>
</div>
</div>
</div>
<div class="container_right">
<div class="content_search" id="thisSearch">
<form><input type="text" placeholder="Search..."></form>
</div>
<button id="btnSearch" onclick="openSearch()">
<i class="fa fa-search"></i>
<i class="fa fa-close"></i>
</button>
</div>
<div>
<audio id="playlist">
<source src="rain.mp3" id="mp3Source" type="audio/mpeg" />
<source src="river.mp3" id="mp3Source" type="audio/mpeg" />
<source src="UT.mp3" id="mp3Source" type="audio/mpeg" />
<source src="clair.mp3" id="mp3Source" type="audio/mpeg" />
<p>If you are seeing this, the audio player is unsupported in this browser.</p>
</audio>
<div>
<button onclick="document.getElementById('playlist').play()">Play Music</button>
<button onclick="document.getElementById('playlist').pause()">Pause</button>
<button onclick="document.getElementById('playlist').muted=!document.getElementById('playlist').muted">Mute/Unmute</button>
</div>
</div>
</body>
<!-- Links -->
<!-- Text Starts -->
<div class="me">
<span id="left"><a href="https://www.linkedin.com/in/mazal-zebak-83489016a/" target="blank_"><img src="https://cdn4.iconfinder.com/data/icons/social-media-icons-the-circle-set/48/linkedin_circle-512.png"></a></span>
</div>
<div class = "title">
<header>
<h1> About Us: Mazal </h1>
<p>Meet the Creators</p>
</header>
<div> <!-- o -->
<h2 id="name">
Mazal
</h2>
<p id= "first"> Mazal is currently sixteen years-old and a rising high school seniors. Her hobbies are reading fiction, writing short stories, and drawing. She has always been interested in pursuing a career in STEM, specifically medicine; however, she chose to do Girls Who Code to expand her interests and now is considering a career in biomedical engineering due to how much she enjoys coding. <br>Mazal has always felt the importance of mental health issues. She feels that something as widespread as this should not be stigmatized nor ignored. Many people that she knows suffer from some mental health issues and refuse to get help because they are worried about others hearing about it. This is why she felt that this game would be important: it's bringing awareness, it's normalizing this issue.
</p>
<img id = "portrait" src = "maz.jpg" alt = "Mazal Photo">
</div> <!-- o -->
</div>
</html>