-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (77 loc) · 5.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aaron Xiong</title>
<!-- <link rel="shortcut icon" type="image/x-icon" href="image/icon/favicon.ico"> -->
<link rel="apple-touch-icon" sizes="180x180" href="image/icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="image/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="image/icon/favicon-16x16.png">
<link rel="manifest" href="image/icon/site.webmanifest">
</head>
<link href="main.css" rel="stylesheet" type="text/css">
<body>
<div class="flex flex-row w-dvh h-dvh ">
<div class="basis-1/4 p-8 min-w-60 bg-gradient-to-r from-blue-500 to-white border-r-4 border-r-slate-400">
<div>
<h1 class="text-center text-2xl"><span class="text-5xl">A</span>aron Xiong</h1>
<h1 class="text-center text-base">3rd-year Undergraduate</h1>
<h1 class="text-center text-base">University of Michigan</h1>
<img src="image/pfp.jpeg" alt="" class="pfpimage"></img>
</div>
<div class="footerText">
<ul>
<li><a href="https://www.linkedin.com/in/feiyang-xiong-632290192" class="linkedinLogo" target="_blank">Linkedin</a></li>
<li><a href="mailto:[email protected]" class="emailLogo" target="_blank">Email</a></li>
<li><a href="https://github.com/AoringX" class="githubLogo" target="_blank">Github</a></li>
</ul>
</div>
</div>
<div class="basis-3/4 flex flex-col p-8">
<nav class="basis-1/4 max-h-20 flex justify-center">
<button id="button_home" class="border-2 rounded border-black px-4 py-1">Home</button>
<button id="button_education" class="border-2 rounded border-black px-4 py-1">Education</button>
<button id="button_experience" class="border-2 rounded border-black px-4 py-1">Experience</button>
<button id="button_resume" class="border-2 rounded border-black px-4 py-1">Resume</button>
</nav>
<div class="basis-3/4">
<main>
<div id="page_home">
<p>I'm a third-year undergraduate student majoring in Computer Science Engineering at <a href="https://umich.edu/" target="_blank"><em>the University of
Michigan</em></a>. Prior to this, I also spent two years studying in the Department of ECE at <a href="https://www.utoronto.ca/" target="_blank"><em>the University of
Toronto</em></a>, which founded my strong knowledge base and experience in software development, digital systems,
and electrical circuits.</p>
<p>My academic interest lies in Computer Networks and Artificial Intelligence with a particular focus on
Machine Learning. Currently, I'm collaborating with <a href="https://chaoqunyou.com" target="_blank"><em>Professor You</em></a> at Fudan University, INC Lab working
on projects involving NTN RAN development using Open Air Interface.</p>
<p>In my free time, I enjoy exploring advanced algorithms and creating my own websites and applications. I'm
passionate about pushing the boundaries of technology and am always eager to connect with individuals
and professionals with shared minds in the tech industry. Feel free to reach out to me!</p>
</div>
<div id="page_education" class="hidden">
<p><span class="italic">University of Toronto, Toronto, ON, Canada</span><br>
Sep. 2022 ~ Apr. 2024<br>
Faculty of Applied Science and Engineering, Department of Electrical and Computer Engineering, Bachelor of Applied Science in Computer Engineering<br>
Cumulative GPA: 3.85/4, Cumulative Average: 88.6/100</p>
<p>
<span class="italic">University of Michigan, Ann Arbor, Michigan, USA</span><br>
Aug. 2024 ~ May. 2026 (estimated)</br>
College of Engineering, Department of Electrical Engineering and Computer Science, Bachelor of Science in Engineering in Computer Science Engineering</p>
</div>
<div id="page_experience" class="hidden">
<p>Nothing here yet...
</p>
</div>
<div id="page_resume" class="hidden">
<p>Nothing here yet...
</p>
</div>
</main>
</div>
</div>
</div>
</body>
<script src="main.js"></script>
</html>
<!-- npx tailwindcss -i ./raw.css -o ./main.css --watch -->