-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (92 loc) · 5.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel=icon href=portfolio/favicon.ico>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>melissa cox</title>
<link rel="stylesheet" href="https://cdnjs.buttflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="loading">
<div id="spinner"></div>
</div>
<div id="particles-js"></div>
<div id="box">
<div class="box1 onlywide animated bounceOutLeft" style="animation-delay:1.7s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutLeft" style="animation-delay:1.9s;"></div>
<div class="box2 animated bounceOutRight" style="animation-delay:1.9s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.8s;"></div>
<div class="box2 onlywide animated bounceOutRight" style="animation-delay:1.7s;"></div>
</div>
<a id="about" onclick="showabout()" class="animated fadeIn" style="animation-delay:2.2s;">about</a>
<a id="work" onclick="showwork()" class="animated fadeIn" style="animation-delay:2.2s;">work</a>
<div id="middle" class="animated slideInDown" style="animation-delay:2.0s;">
<h1>melissa cox</h1>
<h2>creative developer</h2>
<div id="menu">
<a onclick="showabout()">about</a>
<a onclick="showwork()">work</a>
</div>
<table>
<tr>
<td class="animated zoomIn" style="animation-delay:2.2s;"><a class="social" title="Melissa's Github" href="https://github.com/m3lissacox" target=”_blank”><i class="fab fa-github"></i></a></td>
<td class="animated zoomIn" style="animation-delay:2.6s;"><a class="social" title="Melissa's Portfolio" href="portfolio/portfolio-index.html" target=”_blank”><i class="fa fa-archive"></i></a></td>
<td class="animated zoomIn" style="animation-delay:3.0s;"><a class="social" title="Melissa's LinkedIn" href="http://linkedin.com/in/melissa-cox-2020" target=”_blank”><i class="fab fa-linkedin"></i></a></td>
</tr>
</table>
</div>
<div id="work_container" class="container">
<div onclick="closework()"><i class="fas fa-angle-right"></i></div>
<h1>work</h1>
<section>
<p>
I grew up playing games and I've always maintained a love for emerging tech and creative storytelling. My technical side projects include designing and implementing UIs, building my Minecraft server, developing Minecraft mods, creating AR Apps using ARKit or Unity with Vuphoria, and maintaining my personal website.
</p>
<p>
Check out my <i class="fa fa-archive" style="color:white;"></i> <a href="portfolio/portfolio-index.html" target=”_blank” style="color:white;text-decoration:none;">Portfolio Website</a> for art and past projects!
</p>
<h2>Skills</h2>
<div id="used">
<div><i class="fas fa-circle-o"></i>Swift</div>
<div><i class="fas fa-circle-o"></i>C/C++</div>
<div><i class="fas fa-circle-o"></i>HTML/CSS/JS</div>
<div><i class="fas fa-circle-o"></i>Java</div>
<div><i class="fas fa-circle-o"></i>git/svn</div>
<div><i class="fas fa-circle-o"></i>Adobe PS/AI</div>
<div><i class="fas fa-circle-o"></i>WCAG 2.1 (IP)</div>
</div>
<button
class="btn_two"
onclick=" window.open('https://drive.google.com/file/d/1nTeN728LheC7swCpjBFzeUbKkdJAKOiW/view?usp=sharing','_blank')"
target="_blank"
type="button">Resume</button>
<button class="btn_two" onclick="location.href='mailto:[email protected]'" target="_blank" type="button">Contact Me</button>
</section>
</div>
<div id="about_container" class="container">
<div onclick="closeabout()"><i class="fas fa-angle-left"></i></div>
<h1>about</h1>
<section>
<h2>Tech + Art</h2>
<p>
I'm a UCLA Computer Science graduate with a tech breadth in Public Policy and Urban Planning. I am passionate about inclusive design and accessibility, social justice for marginalized groups, and creating a better future for our planet.
</p>
<p>
I aspire to better myself through the pursuit of art and service. I draw, paint, 3D model, create pixel art, crochet, dance, flow, DJ, and practice aerial lyra, among other hobbies! I am happiest when I'm helping others, and I've been fortunate to work in the areas of teaching kids, assisting at music festivals as part of a harm reduction team, and developing accessible websites that are a joy to use for all.
</p>
</section>
</div>
<div id="footer">
</div>
<script src="index.js" type="text/javascript"></script>
<script src="particles.js"></script>
<script src="app.js"></script>
</body>
</html>