-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
286 lines (256 loc) · 13.5 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
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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Morgan Van V.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="main.js"></script>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
</head>
<body>
<!-- TITLE AREA -->
<div id="particles-js" class="particles-js">
<script type="text/javascript" src="particles.js"></script>
<script type="text/javascript" src="app.js"></script>
</div>
<div class="container">
<img id="backgroundImage" src="content/forestStars.png">
<div id="imageText" class="splitContainer">
<p class="titleText clearBackground" >Morgan Van</p>
<p class="titleText clearBackground">Valkenburgh</p>
<p class="standardText clearBackground" >A Real Human Man</p>
</div>
</div>
<!-- CONTENT AREA -->
<div class="container">
<div class="splitContainer">
<p class="titleText">Skills</p>
</div>
<div class="splitContainer">
<p class="button" id="skillsButton">Show</p>
</div>
</div>
<!-- SKILLS CONTENT -->
<br>
<div class="container">
<div class="contentContainer" id="skillsContainer">
<div class="skillsContent">
<p class="standardText">Physics</p>
<p class="subText">Current Major at Ohio University</p>
<p class="subText">The following classes have been taken: Physics 2001 (Physics General Study), Physics 2051 (Kinematics and Motion) and Physics 2052 (Electromagnetism and Optics)</p>
</div>
<div class="skillsContent">
<p class="standardText">Applied Mathematics</p>
<p class="subText">Current Major at Ohio University</p>
<p class="subText">The following classes have been taken: Calculus I (Derivatives and Functions), Calculus II (Techniques of Integration), Calculus III (Multi-variable and Higher Dimension Calculus), Applied Linear Algebra, and Differential Equations</p>
</div>
<div class="skillsContent">
<p class="standardText">Web Design</p>
<p class="subText">HTML & CSS (Self-Taught)</p>
<p class="subText">Javascript & jQuery (Self-Taught)</p>
</div>
<div class="skillsContent">
<p class="standardText">Back End</p>
<p class="subText">C++ (CS2400)</p>
<p class="subText">Python (Self-Taught)</p>
</div>
<div class="skillsContent">
<p class="standardText">Raspberry Pi</p>
<p class="subText">Portable RetroPi Emulator (more information in the Portfolio section)</p>
<p class="subText">PiHole Ad Blocker</p>
</div>
<div class="skillsContent">
<p class="standardText">Photography</p>
<p class="subText">instagram: @morgan.vanv</p>
</div>
<div class="skillsContent">
<p class="standardText">Adobe Creative Suite</p>
<p class="subText">Photoshop & Lightroom</p>
<p class="subText">Illustrator</p>
<p class="subText">Premier</p>
</div>
</div>
</div>
<br><br><br><br><br>
<div class="container">
<div class="splitContainer">
<p class="titleText">Employment History</p>
</div>
<div class="splitContainer">
<p class="button" id="experienceButton">Show</p>
</div>
</div>
<!-- EXPERIENCE CONTENT -->
<br>
<div class="container">
<div class="splitContainer">
<p class="subText jInstruct">Hover Job for More Information</p>
<P class="subText experienceDescription" id="jDesc1">
Worked with a team of associates to clean and merchandise bays within the store to vendor standards. Also often spent a lot of time helping customers find what they need within the store.
</P>
<P class="subText experienceDescription" id="jDesc2">
Employed by Milford High School to operate lighting and sound systems for all school events, with a specialty in stage lighting. Collaborated with Teachers and Principals to help plan, and set up for events.
</P>
<P class="subText experienceDescription" id="jDesc3">
Received incoming shipments, then organized, stored, and accepted into the system. Most of my time was spent with data entry, and setting up organizational standards. However I operated as a sales associate after that was completed, helping customers find what they need and ring them out.
</P>
<P class="subText experienceDescription" id="jDesc4">
These are pretty self-explanatory
</P>
</div>
<div class="contentContainer" id="experienceContainer">
<div class="experienceContent" id="jTitle1">
<p class="standardText">Home Depot</p>
<p class="subText">MET Team Associate (Merchandising Execution Team)</p>
<p class="subText">(May 2018 - Present)</p>
</div>
<div class="experienceContent" id="jTitle2">
<p class="standardText">Milford High School</p>
<p class="subText">Lighting Technician</p>
<p class="subText">(October 2016 - May 2017)</p>
</div>
<div class="experienceContent" id="jTitle3">
<p class="standardText">Vineyard Vines</p>
<p class="subText">Stock/Inventory Associate</p>
<p class="subText">(June 2016 - August 2016)</p>
</div>
<div class="experienceContent" id="jTitle4">
<p class="standardText">Odd Jobs</p>
<p class="subText">Ticket Seller @ Expressway Baseball Park</p>
<p class="subText">Line Cook @ Roosters</p>
</div>
</div>
</div>
<br><br><br><br><br>
<!-- EDUCATION -->
<div class="container">
<div class="splitContainer">
<p class="titleText">Education</p>
</div>
<div class="splitContainer">
<p class="button" id="edButton">Show</p>
</div>
</div>
<div class="container">
<div class="contentContainer" id="edContainer">
<div class="edContent">
<p class="standardText">Ohio University</p>
<p class="subText">Physics & Applied Mathematics (B.S.)</p>
<p class="subText">(August 2017 - Present)</p>
<p class="subText">Expected Graduation in 2021</p>
</div>
<div class="edContent">
<p class="standardText">Milford High School</p>
<p class="subText">Class of 2017</p>
</div>
</div>
</div>
<br><br><br><br><br>
<!-- Extracurriculars -->
<div class="container">
<div class="splitContainer">
<p class="titleText">Extracurriculars / Awards</p>
</div>
<div class="splitContainer">
<p class="button" id="ecButton">Show</p>
</div>
</div>
<div class="container">
<div class="contentContainer" id="ecContainer">
<div class="ecContent">
<p class="standardText">Student Senate at Ohio University</p>
<p class="subText">Director of University Affairs</p>
</div>
<div class="ecContent">
<p class="standardText">Milford Tech Squad</p>
<p class="subText">Selected by the Milord Schools District Technology Coordinator to be a part of a student IT team to supplement the existing professional IT staff</p>
</div>
<div class="ecContent">
<p class="standardText">Student Teaching Internship</p>
<p class="subText">Assistant to a Biology/Life Sciences teacher at Milford Junior High School</p>
</div>
<div class="ecContent">
<p class="standardText">Milford Drama</p>
<p class="subText">Head of Lighting</p>
<p class="subText">Member of Drama Council</p>
</div>
</div>
</div>
<br><br><br><br><br>
<!-- Portfolio -->
<div class="container">
<div class="splitContainer">
<p class="titleText">Portfolio</p>
</div>
<div class="splitContainer">
<p class="button" id="pButton">Show</p>
</div>
</div>
<div class="container">
<div class="contentContainer" id="pContainer">
<div class="pContent">
<p class="standardText">GitHub</p>
<p class="subText">
Most of my repositories are currently private due to them either being homework assignments or projects that I am working on for clients.
However, feel free to dig around!
<br>
<a class="hLink" href="https://github.com/morgan-vanv">(GitHub)</a>
</p>
</div>
<div class="pContent">
<p class="standardText">Local Artist Outreach</p>
<p class="subText">
Currently developing multiple websites for local artists and musicians so that they can promote their work online and have a professional digital presence.
<br><br>
Examples
<br>
<a class="hLink" href="http://www.devensmusic.com">www.DevensMusic.com</a>
<br>
<a class="hLink" href="http://www.tomorrowdaily.net">www.TomorrowDaily.net</a>
<br><br>
This is going to be followed up by an e-commerce platform that is currently in the works that will be open for any local artist to list their work for sale.
This is still very much a work in progress, but we are still on schedule for a live demo with the local artists that I have been working with by the end of the semester.
</p>
</div>
<div class="pContent">
<p class="standardText">Portable RetroPie Emulator</p>
<p class="subText">
This system is powered by a Raspberry Pi 2 B running RetroPie, and makes use of a USB power bank to power both the Pi and the 7″ display.
The Raspberry Pi runs RetroPie, so it can emulate a wide array of systems including but not limited to the NES, SNES, Nintendo 64, all Gameboy variants, Playstation 1, Sega Genesis, Sega 32x, Atari 800 & 2600, and PC.
<br><br>
More Information Below
<br>
<a class="hLink" href="https://www.reddit.com/r/RetroPie/comments/45zbxk/my_portable_retropie_emulator/?utm_source=share&utm_medium=web2x">(Reddit)</a>
<a class="hLink" href="https://imgur.com/gallery/uHF42?lr=1455574652">(Imgur)</a>
<br>
</p>
</div>
<div class="pContent">
<p class="standardText">Milford Drama</p>
<p class="subText">Head of Lighting</p>
<p class="subText">Member of Drama Council</p>
</div>
</div>
</div>
<br><br><br><br><br>
<!-- GET IN CONTACT -->
<div class="container">
<div class="splitContainer">
<p class="titleText">Get in Contact!</p>
<form class="contactForm" action="contactForm.php" method="POST" >
<input class="contactInput" type="text" name="name" placeholder="Full name" required>
<input class="contactInput" type="email" name="contactInfo" placeholder="Your e-mail" required>
<input class="contactInput" type="text" name="subject" placeholder="Subject" required>
<textarea class="contactInput" name="message" placeholder="Message"></textarea>
<button class="contactInput ciButton" type="submit" name="submit">Submit</button>
</form>
<br><br><br><br><br>
</div>
</div>
</body>
<footer>
</footer>
</html>