-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (84 loc) · 5.05 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
<html>
<head>
<title> stephanie chang-cuello</title>
<!--ICONS-->
<script src="https://use.fontawesome.com/604744b744.js"></script>
<!-- CSS -->
<link rel="stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/css-shake-hard.css">
<link rel="stylesheet" href = "assets/css/anicecss.css">
<!-- CUSTOM FONTS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Work+Sans:100,200,300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
</head>
<!--FAVICON -->
<link rel="icon" href="assets/img/favicon.png">
<!--JQUERY-->
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
<body>
<div class = "circle">
<div class="container" style="opacity:1 !important; overflow:visible;">
<br>
<div class = "item title">
<h1>
<div id="titleName"> Stephanie Chang-Cuello</div>
</h1>
<h2>
<div id = "titleSub"> it's like i'm a developer or something </div>
</h2>
<br>
<div id = "icons">
<a class="icon lightpink" title ="linkedin" href ="http://linkedin.com/in/stephanieischang"><i class = "fa fa-2x fa-linkedin"></i></a>
<a class="icon pink" title="github" href="http://github.com/ischang"><i class ="fa fa-2x fa-github"></i></a>
<a class="icon darkblue" title="email" href="mailto:stephanieischang@gmail.com"><i class="fa fa-2x fa-envelope"></i></a>
<a class="icon blue" title="resume" href = "https://ischang.github.io/StephanieChangResume.pdf"><i class = "fa fa-2x fa-file"></i></a>
<a class="icon quotation" title = "random quote generator (click me!)" onclick = "quote();"><i class="fa fa-2x fa-quote-right"></i></a>
</div>
</div>
<div class="item" style = "flex-direction: row;">
<div class="col-sm-6">
<div class="item propic" style="margin-top: -30px;">
<div style="text-align:center;">
<img id="propic" src = "assets/img/me_cheerio.png" class = "img-circle" style = "width:250px; height:250px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); opacity:1 !important" onmouseover = "imageChange();" onmouseout ="this.src = 'assets/img/me_cheerio.png';">
</div>
<h4>
<div class="rotate" style = "text-align:center;">this is me <i class = "fa fa-1x fa-pagelines"></i> <br> try hovering over <br>multiple times!</div>
</h4>
</div>
</div>
<div class="col-sm-6">
<div class="item bio">
<text>
<br>
<small class="dateText">website updated: 01/24/25 | resume updated: 09/17/2019</small>
<b><h3 class="headingTitle">About me</h3></b>
Hello there! I'm Stephanie! Welcome to my <a href = "https://xkcd.com/148/" class = "linkRef"> wobsite</a>!
<br><br>I'm a senior software engineer @ GoDaddy on the Platform API team. I identify as a queer, cis woman of color and I use <a class="linkref" href="./assets/gender_pronouns.pdf">she/her/they/them</a> pronouns.
<br><br>I'm also a prose MFA student in the Poets & Writers program at the University of Massachusetts, Amherst. You can see my writing under my pen name <a class="linkref" href="https://stephanieisan.com">here</a>.<br><br>
<h3 class = "headingTitle">Some things I enjoy: </h3>
<ul>
<li> helping out marginalized folks in tech </li>
<li> signing up for a gym and never going</li>
<li><span class = "shake-hard"> css shake (shake me!)</span></li>
<li> obsessing over my 12-step <a class="linkref" href="https://stephanieischang.me/skincare-compare">skincare</a> routine</li>
<li> someday getting to immortal in dota 2 </li>
</ul>
<br>
<h3 class = "headingTitle">Some things I hate: </h3>
<ul>
<li> cucumbers (the inedible plant) </li>
<li> tech bros (the toxic culture)</li>
<li> beer (almost every kind) </li>
</ul>
</text>
</div>
</div>
</div>
</div>
</div>
</body>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src = "landing.js"></script>
</html>