-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (115 loc) · 5.03 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
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<title>Kody with a K</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="stylez.css">
<meta name="description" content="My personal website!">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="icon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="icon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="icon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="icon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="icon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="icon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="icon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="icon/favicon-16x16.png">
<link rel="manifest" href="icon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="icon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<header>
<!-- <h1><a class='initials'>K.C.</a></h1> -->
<ul class='navbar'>
<li> <a class='home'>Home</a></li>
<li> <a class='about'>About</a></li>
<!-- <li> <a class='education'>Education</a></li> -->
<li> <a class="resume">Resume</a></li>
<li> <a class="contact">Contact</a></li>
</ul>
</header>
<div id="Home" class="me">
<!-- <h1>Kody Cheung</h1> -->
</div>
<div class="profilepic">
<h1>Kody Cheung</h1>
<img class="prof" src="assets/profile.jpg">
</div>
<div id="hpmp" class=container>
<div class="progress-bar progress-bar-striped active progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
HP: 100%
</div>
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
MP: 100%
</div>
</div>
<div class="Section">
<h3 id="About">About</h3>
<p>I graduated in 2018 with a B.S. in Computer Science from the University of California, Irvine.
My main interests are centered around data science and machine learning, and how those areas bridge
the gap between computer science and statistics, but I also like to spend time in web development and computer networking.
When I'm not in front of the computer I enjoy visiting art museums, scraping data from games, and cooking up new concotions.
Feel free to reach out to me by email!</p>
</div>
<!-- <div class="Section">
<h3 id="Education">Education</h3>
<p>University of California, Irvine</p>
<p>B.S. in Computer Science, Minor in Mathematics</p>
</div> -->
<div id="Resume" class = "Section">
<h3>Resume</h3>
<p><a href="assets/Resume.pdf" target="_blank">View full resume</a></p>
<!-- <p>Personal Projects</p> -->
</div>
<div class="Section">
<p>Under Construction</p>
</div>
<div id="ContactSection" class="container-fluid">
<div class="row-fluid">
<div class="col-sm-12 col-lg-4">
<i class="fas fa-envelope fa-9x"></i>
<p>kodycheung013@gmail.com</p>
</div>
<div class="col-sm-12 col-lg-4">
<a href="https://github.com/kodyc1" target="_blank"><i class="fab fa-github fa-9x" ></i></a>
<p><a href="https://github.com/kodyc1" target="_blank">github.com/kodyc1</a></p>
</div>
<div class="col-sm-12 col-lg-4 ">
<a href="https://linkedin.com/in/kodycheung" target="_blank"><i class="fab fa-linkedin-in fa-9x"></i></a>
<p><a href="https://linkedin.com/in/kodycheung" target="_blank">linkedin.com/in/kodycheung</a></p>
</div>
</div>
</div>
<script src='https://code.jquery.com/jquery-3.1.0.min.js'></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<script src="main.js"></script>
<!-- navigation -->
<script>
$('.home').on('click', function(){
$("html, body").animate({ scrollTop: $("#Home").offset().top }, '200');
});
$('.about').on('click', function(){
$("html, body").animate({ scrollTop: $("#About").offset().top - 130 }, '200');
});
$('.resume').on('click', function(){
$("html, body").animate({ scrollTop: $("#Resume").offset().top - 100}, '200');
});
$('.contact').on('click', function(){
$("html, body").animate({ scrollTop: $("#ContactSection").offset().top }, '200');
});
</script>
<!-- Snow Effect
<script type="text/javascript" src="https://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>
<script type="text/javascript">
snowStorm.snowColor = '#ffffff';
snowStorm.flakesMaxActive = 80;
</script> -->
</body>
</html>