-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (138 loc) · 5.54 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jen Young | Software Engineer</title>
<link rel="stylesheet" href="css/main.css" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<!-- Banner -->
<section id="banner">
<div class="inner">
<header>
<img src="images/logo.png" alt="jy logo" />
<h1>Jen Young</h1>
<p>
Software Engineer | San Francisco Bay Area
</p>
</header>
<a href="#main" class="button big scrolly">Learn More</a>
</div>
</section>
<div id = "main">
<!-- Section -->
<section class="wrapper style1">
<div class="inner">
<!-- 2 Columns -->
<div class="flex flex-2">
<div class="col col1">
<div class="image round fit">
<img src="images/ProfilePicture.jpg" alt="Headshot" />
</div>
</div>
<div class="col col2">
<h3>hello there!</h3>
<p>
You can find me learning, breaking, and building with Ruby on Rails,
JavaScript, HTML, and CSS. I have kept my data organized with
SQLite and PostgreSQL and my versions controlled with Git. I have
experience with Swift, Sinatra, Python, Adobe Photoshop, and
Agile software development. See my <a href="files/Resume.pdf">resume</a>
for more info.
</p>
<p>
When I'm AFK, I'm probably in a mosh pit, at yoga, Memorial Stadium,
or petting dogs.
</p>
</div>
</div>
</div>
</section>
<!-- Section -->
<section class="wrapper style2">
<div class="inner">
<div class="flex flex-2">
<div class="col col2">
<h3>how I got here</h3>
<p>
I played around with HTML/CSS during my childhood but always saw it as a pasttime,
thinking I couldn't be good enough to turn it into a career. When a programming
bootcamp became a viable option, I fell in love with the craft quickly and the
transition has been tough but seamless. I'm looking forward to using my
BA in Art History from UC Berkeley and previous work in human resources,
non-profits, and event planning to provide a unique, well-rounded
perspective to projects I find meaningful.
</p>
</div>
<div class="col col1 first">
<div class="image fit">
<img src="images/tnt.jpeg" alt="" />
</div>
</div>
</div>
</div>
</section>
<section class="wrapper style1">
<div class="inner">
<header class="align-center">
<h2>Projects</h2>
</header>
<div class="flex flex-3">
<div class="col align-center">
<div class="image round fit">
<img src="images/emoteme.jpg" alt="Emote Me Logo" />
</div>
<p>
<b>Emote Me</b> analyzes a user's emotion and returns resources to either
maintain or improve the mood. Decoupled Swift app with Ruby on Rails backend API and
deployed to Heroku.
</p>
<a href="https://github.com/JessCodes/emotional-index" target="_new" class="button">See Code</a>
</div>
<div class="col align-center">
<div class="image round fit">
<img src="images/puppylove.jpg" alt="Where's the Puppy Love Screenshot" />
</div>
<p>
<b>Where's the Puppy Love</b> geolocates the user and returns Flickr
images of dogs that were tagged nearby. Ruby web app with Sinatra
framework and deployed to Heroku.
</p>
<a href="https://github.com/jyoung488/puppy-love" target="_new" class="button">See Code</a>
</div>
<div class="col align-center">
<div class="image round fit">
<img src="images/gamestaparadise.jpg" alt="Gamesta Paradise Logo" />
</div>
<p>
<b>Gamesta Paradise</b> lists board games and allows users to add them
to personal libraries and follow one another. Mock client project built
with Ruby on Rails and deployed on Heroku.
</p>
<a href="https://gamestaparadise.herokuapp.com/" class="button">Heroku Page</a>
</div>
</div>
</div>
</section>
</div>
<footer id="footer">
<div class="copyright">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jennifercyoung" target="_new" class="icon fa-linkedin-square"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/jyoung488" target="_new" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.instagram.com/jenyoung_/" target="_new" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
<p>© jennifer young | 2017</p>
</div>
</footer>
<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.scrollex.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/util.js"></script>
<script src="js/main.js"></script>
</body>
</html>