-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtimeline.html
163 lines (147 loc) · 5.95 KB
/
timeline.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
<!DOCTYPE HTML>
<html>
<head>
<title>Jackie Faherty</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="timeline.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<!-- Animate CSS -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="animate.min.css">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<div id="wrapper">
<header id="header" class="alt style2">
<a href="index.html" class="logo">Jackie Faherty</a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="content.html">About</a></li>
<li><a href="podcast.html">Podcast</a></li>
<li><a href="timeline.html">Achievement Timeline</a></li>
<li><a href="generic.html">Work</a></li>
<li><a href="landing.html">Gallery</a></li>
<li><a href="games.html">Games</a></li>
</ul>
</nav>
<section style="max-height:52vw !important;" id="banner" class="style10">
<div class="inner">
<span class="image">
<img src="images/pic07.jpg" alt="" />
</span>
<header class="major">
<h1>Timeline</h1>
</header>
</div>
</section>
<!-- Main -->
<div style="padding-top:50px !important;" id="main">
<section class="timeline">
<ol>
<li>
<div>
<time>2001</time> At age 18, Jackie Faherty enrolled in the University of Norte Dame to pursue her major in Physics. She later successfully graduated from this university with a degree in that field.
</div>
</li>
<li>
<div>
<time>2006</time> In 2006, she initiated the Brown Dwarf Kinematics Project (BDKP) in order to use astrometric measurements to investigate fundamental physical properties of the brown dwarf population.
</div>
</li>
<li>
<div>
<time>2010</time> At 27, Dr. Faherty enrolled in Stony Brook University with the goal of studying more about Physics. In this year, she received her PhD in this topic.
</div>
</li>
<li>
<div>
<time>2011</time> Dr.Faherty worked as a Post-Doctoral Researcher at the University of Chile.
</div>
</li>
<li>
<div>
<time>2011</time> Dr.Faherty worked as a Post-Doctoral Researcher at the American Museum of Natural History.
</div>
</li>
<li>
<div>
<time>2013</time> In this year, Dr. Faherty won prestigious postdoctoral fellowships awarded in astronomy, the Hubble Postdoctoral Fellowship Program supports outstanding postdoctoral scientists whose research is broadly related to NASA Cosmic Origins.
</div>
</li>
<li>
<div>
<time>2017</time> Dr.Faherty participated in an educational program explaining reveals the different signals exoplanet hunters are using to better understand worlds beyond our own.
</div>
</li>
<li>
<div>
<time>1956</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>1957</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>1967</time> Aenean condimentum odio a bibendum rhoncus. Ut mauris felis, volutpat eget porta faucibus, euismod quis ante.
</div>
</li>
<li>
<div>
<time>1977</time> Vestibulum porttitor lorem sed pharetra dignissim. Nulla maximus, dui a tristique iaculis, quam dolor convallis enim, non dignissim ligula ipsum a turpis.
</div>
</li>
<li>
<div>
<time>1985</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>2000</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li>
<div>
<time>2005</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
</div>
</li>
<li></li>
</ol>
<div class="arrows">
<button class="arrow arrow__prev disabled" disabled>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/arrow_prev.svg" alt="prev timeline arrow">
</button>
<button class="arrow arrow__next">
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/arrow_next.svg" alt="next timeline arrow">
</button>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="timeline.js"></script>
</body>
</html>