-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
executable file
·117 lines (102 loc) · 6.48 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Brian L. Chen @ NTU</title>
<meta name="description" content="This is Brian L. Chen's NTU Homepage">
<meta name="author" content="Brian L. Chen">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="assets/images/faviconntu.ico"/>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Mansalva&display=swap" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167607612-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-167607612-1');
</script>
</head>
<body>
<div id="particle-container"></div>
<div class="container">
<div class="intro">
<h1>Hello <span class="wave">👋🏾</span></h1>
<p style="font-weight:500; font-size:2.2em">
I am Brian L. Chen.
</p>
<p data-aos="fade-right">
🇭🇰🇹🇼👨🏾🎓 <br> I am currently a freshman pursuing a bachelor degree in
<a href="https://management.ntu.edu.tw/en/IM" target="_blank" rel="noopener">Information Management</a>
at <a href="https://www.ntu.edu.tw/english/index.html" target="_blank" rel="noopener">National Taiwan
University</a>. And before coming to NTU,
I previously went to The Chinese University of Hong Kong majoring in
Computer Science.
</p>
<p data-aos="fade-right">
📚🧑🏾💻🏋🏾♂️💪🏾🎾📖🏊🏾♂️🚴🏾🏃🏾♂️🏈<br>
Besides studying and programming, I like working out, bodyweight training, playing tennis, reading books,
self-learning, swimming, cycling, running, playing and watching American football.
</p>
<p data-aos="fade-right">
You may have guessed it, I like doing sports in general. I am in the college-wide
tennis team, department-wide swimming team, badminton team, and volleyball team.
</p>
<p data-aos="fade-right">
💁🏾♂️☎️<br>
If you want to know more about me, please visit
<a href="https://icheft.github.io/menu/about" target="_blank" rel="noopener">here</a>.
You can also check out the <a href="https://icheft.github.io/menu/contact" target="_blank" rel="noopener">Contact page</a>
and drop me a message. Both of the links are <a href="https://icheft.github.io/" target="_blank" rel="noopener">on my
official site</a>.
</p>
</div>
<div class="d-flex justify-content-center" data-aos="zoom-out">
<div class="btn-group mt-2 mb-4" role="group" aria-label="actionButtons">
<a id="btn-outline1" href="assets/doc/2020-05-06-cv.pdf" target="_blank" rel="noopener" class="d-block btn btn-outline-dark" >Download My CV<i class="far fa-id-badge ml-2"></i></a>
<a id="btn-outline2" href="https://icheft.github.io/" target="_blank" rel="noopener" class="d-block btn btn-outline-dark" >Visit My Official Website<i class="fas fa-external-link-square-alt ml-2"></i></a>
</div>
</div>
<div class="d-flex justify-content-center" data-aos="fade-up">
<div class="social-icons spinned">
<a class="item linkedin" href="https://www.linkedin.com/in/brianlhchen/" target="_blank" rel="noopener"><i class="fab fa-linkedin"></i></a>
<a class="item github" href="https://github.com/icheft" target="_blank" rel="noopener"><i class="fab fa-github"></i></a>
<a class="item instagram" href="https://instagram.com/brian_lxchen" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
<a class="item facebook" href="https://facebook.com/brian.lxchen" target="_blank" rel="noopener"><i class="fab fa-facebook"></i></a>
<a class="item" href="mailto:brian.lxchen@gmail.com"><i class="fa fa-envelope"></i></a>
</div>
</div>
<footer class="footer">
© <script>document.write(new Date().getFullYear());</script> Brian L. Chen. All rights reserved.<br>
<span style="font-size:0.8em">Source code of this site is held on <a href="https://github.com/icheft/ntu-homepage" target="_blank" rel="noopener">GitHub</a> <i class="fas fa-heart" style="color: red"></i> by <a href="https://github.com/icheft" target="_blank" rel="noopener">@icheft</a>.</span> <br>
<div class="d-flex justify-content-center">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox" />
<div class="slider round"></div>
</label> <em id="dark-mode-prompt">Light Mode On</em>
</div>
</div>
</footer>
</div>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/mojs/0.265.6/mo.min.js"></script>
<script src="https://cdn.jsdelivr.net/mojs-player/0.43.15/mojs-player.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
<!-- <script src="assets/js/mojs.js"></script> -->
<script src="assets/js/main.js"></script>
<script src="assets/js/particle-script.js"></script>
</body>
</html>