-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (132 loc) · 6.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Tarin Rickett - UI Engineer" name="description">
<meta content="Tarin Rickett" name="author">
<link rel="icon" href="images/icon.png">
<title>Tarin Rickett</title>
<link href="css/bootstrap.min.css" rel="stylesheet"><!-- Bootstrap core CSS -->
<link href="https://fonts.googleapis.com/css?family=Bungee+Shade" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bungee" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Baloo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">
<link href="css/overrides.css" rel="stylesheet"><!-- Overrides -->
<link href="css/long-scrolly.css" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/brands.js" integrity="sha384-qJKAzpOXfvmSjzbmsEtlYziSrpVjh5ROPNqb8UZ60myWy7rjTObnarseSKotmJIx" crossorigin="anonymous"></script>
</head>
<body>
<nav class="d-none d-sm-block">
<div id="my-nav" class="row fixed-top">
<a id="brand-flag" class="navbar-toggler" href="#home">T</a>
</div>
</nav>
<section class="panel" id="home">
<div class="container">
<div class="row">
<div class="col-md"></div>
<div class="col-md-6 col-sm-12">
<h1 class="shadow">TARIN RICKETT</h1>
<p></p>
<p id="icons">
<a href="mailto:tarinrickett@gmail.com"><i class="fas fa-envelope shadow"></i></a>
<a href="tel:1-914-907-8578"><i class="fas fa-phone shadow"></i></a>
<a href="https://github.com/tarinrickett" target="_blank"><i style="font-size:1.1em;" class="fab fa-github shadow"></i></a>
<a href="https://www.linkedin.com/in/tarinrickett/" target="_blank"><i style="font-size:1.2em;" class="fab fa-linkedin-in shadow"></i></a>
<a href="images/resume.pdf" target="_blank"><i style="font-size:1.1em;" class="fas fa-file-alt shadow"></i></a>
</p>
</div>
</div>
</div>
</section>
<section class="section pb-0" id="timeline">
<div class="timeline pb-0">
<!-- <h1 class="timeline__title fade fade--active">A SERIES OF FORTUNATE EVENTS</h1> -->
<ul class="timeline__ul">
<li>
<div class="timeline__content">
<h3 class="emoji">🎒</h3>
<h3>Started classes at </br>
University of Rochester</h3>
<!-- <p>B.A. Computer Science and Brain & Cognitive Sciences</p>
<p>Minors in Psychology and French</p> -->
<p><a href="https://scontent-cdt1-1.xx.fbcdn.net/v/t1.0-9/14632919_1203215943033589_1635272765047312701_n.jpg?_nc_cat=0&oh=efc2024ce5d5b9d83bfa2fc0036358d7&oe=5BA2D8C2" target="_blank">
Took a chance</a> on some intro courses and found programming to be
the perfect way to express both my analytical and creative sides</p>
</div>
<!-- https://www.facebook.com/photo.php?fbid=1203215943033589&set=a.320442671310925.77132.100000355832921&type=3&theater -->
<!-- https://www.flickr.com/photos/yiyunhuang/28503269278/in/album-72157695593669961/ -->
</li>
<li>
<div class="timeline__content">
<h3 class="emoji">📝</h3>
<h3>Began working as a TA</h3>
<!-- <p>Continued assistant teaching throughout college for courses ranging from
introduction to programming to advanced web development</p> -->
<p>If there's one thing better than uncovering my own passions, it's
helping others do the same. Continued assistant teaching every
semester throughout college</p>
</div>
</li>
<li>
<div class="timeline__content">
<h3 class="emoji">⛰️</h3>
<h3>Interned at L.L.Bean</h3>
<p>Combined a lifelong love of the outdoors with a budding passion for web development
for a summer of <a href="https://www.facebook.com/llbean/photos/a.55494987414.68284.6589192414/10154178555582415/?type=3&theater" target="_blank">hiking</a>,
lobster, and coding</p>
</div>
</li>
<li>
<div class="timeline__content">
<h3 class="emoji">🥐</h3>
<h3>Studied abroad in Nantes, France</h3>
<p>Found a love for espresso and pushing myself out of my comfort zone.
Continued assistant teaching in high school English classes</p>
</div>
</li>
<li>
<div class="timeline__content">
<h3 class="emoji">🖥️</h3>
<h3>Interned at LinkedIn</h3>
<p>Headed out West to see Silicon Valley for myself.
<a href="https://www.linkedin.com/pulse/20140824235337-22330283-the-three-qualities-of-people-i-most-enjoy-working-with" target="_blank">
Dreamed big, got sh*t done,</a> and had way too much fun</p>
</div>
</li>
<li>
<div class="timeline__content">
<h3 class="emoji">☕</h3>
<h3>Non-profit work in Paris, France</h3>
<p>Currently working with <a href="http://konexio.eu/" target="_blank">Konexio</a>, a non-profit that offers introductory
computer and coding courses to the local refugee community</p>
</div>
</li>
<li class="inactive">
<div class="timeline__content">
<h3 class="emoji">🌉</h3>
<h3>Returning to LinkedIn</h3>
<p>Starting as a full time UI engineer in San Fransisco this Fall.
Ready for a West Coast life of avocado toast, hoodies, and rock climbing</p>
</div>
</li>
<li class="inactive">
<div class="timeline__content">
<h3 style="font-weight: 600;">¯\_(ツ)_/¯</h3>
<p><a href="http://www.linkedin.com/in/tarinrickett" target="_blank">Connect with me</a>
to see where this goes next</p>
</div>
</li>
</ul>
</div>
</section>
<!-- Core JavaScript placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.visible.js"></script>
<script src="js/interactions.js"></script>
</body>
</html>