-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
99 lines (98 loc) · 4.9 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<html lang="en-US">
<title>Raymond Xu</title>
<meta name="author" content="Raymond Xu">
<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type='text/css'>
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-89449139-1', 'auto');
ga('send', 'pageview');
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.4.0/velocity.min.js"></script>
<meta http-equiv="Cache-control" content="public">
<meta name="description" content="Raymond Xu's personal website">
<meta name="keywords" content="Machine Learning, Computer Vision, Cornell University Engineering">
<meta name="author" content="Raymond Xu">
<style>
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
</style>
</head>
<body onload="openTab('about')">
<!-- Header and nav bar -->
<div id="header">
<div id="headerContent">
<h1>Raymond Xu</h1>
<ul id="bar">
<li><a href="javascript:void(0)" class="menu" onclick="goToTab(event, 'index')" id="default">Home</a></li>
<li><a href="javascript:void(0)" class="menu" onclick="goToTab(event, 'music')">Music</a></li>
<li><a href="javascript:void(0)" class="menu active" onclick="openTab('about')">About</a></li>
<li><a href="javascript:void(0)" class="menu" onclick="goToTab(event, 'projects')">Projects</a></li>
<!-- <li><a href="javascript:void(0)" class="menu" onclick="goToTab(event, 'courses')">Courses</a></li> -->
<li><a href="javascript:void(0)" class="menu" onclick="goToTab(event, 'blog')">Blog</a></li>
<li><a href="javascript:void(0)" class="menu" onclick="goToTab(event, 'connect')">Connect</a></li>
</ul>
</div>
</div>
<!-- About -->
<div class="tab" id="about">
<a class="top-anchor" id="top-about"></a>
<p>I am a machine learning engineer, with a strong interest in natural language processing. Previously I worked at Johns Hopkins Applied Physics Lab. I grew up in Ithaca, NY. In my spare time I like basketball, reading, volunteering, guitar, music, traveling, and dancing.</p>
<div class="container-stretch" style="padding: 25px 0 15px 0;">
<img src="images/perkins-guitar.jpg" style="width:100%; max-width: 800px" class="images">
</div>
<div class="container"><h2 align="center">Extracurricular Activities</h2></div>
<!-- Peer Advising -->
<div class="container-stretch" id="c-align" style="padding: 15px 0 0 0;">
<div class="scaleddiv">
<a href="http://www.engineering.cornell.edu/academics/undergraduate/assistance/peer/" target="_blank">
<img src="images/cornell-eng.gif" class="scaledim" id="float-right">
</a>
</div>
<div id="tboxtop">
<b><p class="skinny">Peer Advisor</p>
<p class="skinny">2016 - 2018</p>
<p class="skinny"><em>Ithaca, NY</em></p></b>
</div>
</div>
<!-- WVBR -->
<div class="container-stretch" id="c-align" style="padding: 15px 0 0 0;">
<div class="scaleddiv">
<a href="http://www.wvbr.com/" target="_blank">
<img src="images/wvbr.png" class="scaledim" id="float-right">
</a>
</div>
<div id="tboxtop">
<b><p class="skinny">Radio Talk show host</p>
<p class="skinny">Aug 2015 - 2018</p>
<p class="skinny"><em>Ithaca, NY</em></p></b>
</div>
</div>
<!-- Guitar -->
<div class="container-stretch" id="c-align">
<div class="scaleddiv">
<a href="https://www.youtube.com/channel/UC95r3JQiUJk0cgiuPFu_gLA" target="_blank">
<img src="images/guitar.PNG" class="scaledim" id="float-right">
</a>
</div>
<div id="tboxtop">
<b><p class="skinny">Classical Guitar Performer</p>
<p class="skinny"> 2010 - Present</p>
<p class="skinny"><em>Ithaca, NY</em></p></b>
</div>
</div>
<a href="#top-about" id="topper-about">Back to top</a>
</div>
</body>
<script src="scripts/main.js"></script>
</html>