-
Notifications
You must be signed in to change notification settings - Fork 0
/
our-team.html
183 lines (120 loc) · 5.88 KB
/
our-team.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
<!DOCTYPE html>
<html>
<head>
<title>
HCMMC - Our Team
</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
<meta content="width=device-width, initial-scale=1" name="viewport" />
</head>
<body>
<div id="nav-bar">
<a href="index.html" class="gold-hover"><h6 id="logo">HCMMC</h6></a>
<div id="right-align">
<a class="nav-item gold-hover" href="rules.pdf" target="_blank">Rules</a>
<a class="nav-item gold-hover" href="sample-exams.html">Sample Exams</a>
<a class="nav-item gold-hover" href="poty.html">POTY</a>
<span class="nav-item">Our Team</span>
</div>
</div>
<div class="banner">
<h2 class="move-from-right-at-start">
Our Team
</h2>
</div>
<div id="body-div">
<div class="bio" id="bio-1">
<img class="bio-photo" id="bio-photo-1" src="img/placeholder.jpg">
<div class="bio-info" id="bio-info-1">
<h4 class="name">
Mr. G.
</h4>
<h4 class="title">
Chief Executive Officer
</h4>
<p>
Bio
</p>
</div>
</div>
<div class="bio">
<img class="bio-photo" src="img/placeholder.jpg">
<div class="bio-info">
<h4 class="name">
Nathaniel Satriya
</h4>
<h4 class="title">
Chief Techinal Officer
</h4>
<p>
Bio
</p>
</div>
</div>
<div class="bio">
<img class="bio-photo" src="img/placeholder.jpg">
<div class="bio-info">
<h4 class="name">
Arthur Chen
</h4>
<h4 class="title">
Managing Member
</h4>
<p>
Bio
</p>
</div>
</div>
<div class="bio">
<img class="bio-photo" src="img/dylan.jpg">
<div class="bio-info">
<h4 class="name">
Dylan Frake
</h4>
<h4 class="title">
Contest Curator
</h4>
<p>
Hi! I am Dylan, one of the problem writers for HCMMC. I am a senior in high school, Teaching Assistant for Math Olympiads, and I also teach Advanced Topics in Mathematics 3. My HCMMC achievements include winning the Genius Division twice and writing many creative problems for HCMMC, including Square Disease and the Mr. Monta Vista series. My favorite aspect of HCMMC is how it involves categories of problems seen nowhere else: one example is MGCNGQ's (Mr. G Crazy Name Games Questions).
</p>
<p>
Besides math and HCMMC, I love board games, hiking, and cycling.
</p>
</div>
</div>
<div class="bio">
<img class="bio-photo" src="img/ved.JPG">
<div class="bio-info">
<h4 class="name">
Ved Pradhan
</h4>
<h4 class="title">
Point Person, Website Administrator
</h4>
<p>
Hi there, my name is Ved! I'm an undergraduate student at UCSB majoring in computer science, and I serve as a point person and the website administrator for HCMMC. I was a TA for Math Olympiads from 2019 to 2023, and I've been crafting HCMMC problems since 2020. My favorite aspect of the HCMMC experience is reading the crazy, wacky stories that each problem is set in; it's such a fun, enjoyable way to celebrate our mutual love of math!
</p>
<p>
A fun fact about me is that I was an international level athlete in Taekwon-Do and represented Team USA at the 2023 World Championships.
</p>
</div>
</div>
<h5>
HCMMC would not be possible without the invaluable contributions of current Math Olympiad TAs, who volunteer their time to proctor and grade the contest. Visit the <a href="https://dynamicteaching.com/staff/" target="_blank">Dynamic Teaching website</a> to learn more.
</h5>
</div>
<div id="mobile-nav">
<a href="index.html">Home</a> <br> <br>
<a href="rules.pdf" target="_blank">Rules</a> <br> <br>
<a href="sample-exams.html">Sample Exams</a> <br> <br>
<a href="poty.html">POTY</a> <br> <br>
<a href="our-team.html">Our Team</a>
</div>
<div id="footer">
© 2024 HCMMC. Website design by Ved Pradhan. All rights reserved.
</div>
</body>
</html>