Skip to content

Commit 7ba0c66

Browse files
sixym3sixym3
committed
Added 3 new projects. Added directory.html and sitemap.xml.
1 parent 535b9a1 commit 7ba0c66

27 files changed

Lines changed: 4409 additions & 3370 deletions

‎CLAUDE.md‎

Lines changed: 0 additions & 68 deletions
This file was deleted.

‎aboutme.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -153,9 +153,10 @@ <h3>Career Goals</h3>
153153
<div class="container">
154154
<div class="footer-content">
155155
<p>&copy; 2025 Eric Xiao. All rights reserved.</p>
156-
<p>I like to game 🎮, walk my dog Mochi 🦮, and cook in my spare time 🍳.</p>
156+
<p>I like to game, walk my dog Mochi, and cook in my spare time.</p>
157+
<p style="margin-top: var(--space-md);"><a href="directory.html" style="color: var(--accent-primary);">Project Directory</a></p>
157158
</div>
158-
159+
159160
<!-- Social Links -->
160161
<div class="social-links">
161162
<a href="https://www.linkedin.com/in/eric-xiaoy/" class="social-link" title="LinkedIn">

‎directory.html‎

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Eric Xiao - Project Directory</title>
7+
<meta name="description" content="Complete directory of mechanical and software engineering projects">
8+
<link rel="icon" href="images/logo.svg" type="image/svg+xml">
9+
10+
<!-- Google Fonts -->
11+
<link rel="preconnect" href="https://fonts.googleapis.com">
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
13+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
14+
15+
<!-- Modern CSS -->
16+
<link rel="stylesheet" href="assets/css/modern.css">
17+
18+
<!-- FontAwesome -->
19+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
20+
</head>
21+
<body>
22+
<!-- Navigation -->
23+
<nav class="nav" id="navbar">
24+
<div class="nav-container">
25+
<a href="index.html" class="nav-logo">Eric Xiao</a>
26+
27+
<ul class="nav-menu" id="nav-menu">
28+
<li><a href="index.html" class="nav-link">Home</a></li>
29+
<li><a href="aboutme.html" class="nav-link">About</a></li>
30+
<li><a href="mechanical.html" class="nav-link">Mechanical</a></li>
31+
<li><a href="software.html" class="nav-link">Software</a></li>
32+
<li><a href="message.html" class="nav-link">Contact</a></li>
33+
</ul>
34+
35+
<div class="nav-toggle" id="nav-toggle">
36+
<span></span>
37+
<span></span>
38+
<span></span>
39+
</div>
40+
</div>
41+
</nav>
42+
43+
<!-- Main Content -->
44+
<section class="section" style="min-height: auto; padding-top: 120px;">
45+
<div class="container" style="max-width: 800px;">
46+
<div class="section-header">
47+
<h1 class="section-title">Project Directory</h1>
48+
<p class="section-subtitle">Complete list of all projects</p>
49+
</div>
50+
51+
<!-- Software Projects -->
52+
<div style="margin-bottom: var(--space-3xl);">
53+
<h2 style="color: var(--accent-primary); margin-bottom: var(--space-lg);">Software Projects</h2>
54+
<ul style="list-style: none; padding: 0;">
55+
<li style="margin-bottom: var(--space-sm);"><a href="software/EROBS.html" style="color: var(--accent-primary);">Extensible Robotic Beamline Scientist</a></li>
56+
<li style="margin-bottom: var(--space-sm);"><a href="software/UAVNavigation.html" style="color: var(--accent-primary);">Autonomous UAV Navigation & SLAM</a></li>
57+
<li style="margin-bottom: var(--space-sm);"><a href="software/CobotPlanning.html" style="color: var(--accent-primary);">Cobot Trajectory Planning</a></li>
58+
<li style="margin-bottom: var(--space-sm);"><a href="software/ChefBuddy.html" style="color: var(--accent-primary);">ChefBuddy - AI Recipe Manager</a></li>
59+
<li style="margin-bottom: var(--space-sm);"><a href="software/BMICodeCamp.html" style="color: var(--accent-primary);">Biomedical ML Bootcamp</a></li>
60+
<li style="margin-bottom: var(--space-sm);"><a href="software/CarbonShare.html" style="color: var(--accent-primary);">CarbonShare - Blockchain Carbon Tracking</a></li>
61+
</ul>
62+
</div>
63+
64+
<!-- Mechanical Projects -->
65+
<div style="margin-bottom: var(--space-3xl);">
66+
<h2 style="color: var(--accent-primary); margin-bottom: var(--space-lg);">Mechanical Projects</h2>
67+
<ul style="list-style: none; padding: 0;">
68+
<li style="margin-bottom: var(--space-sm);"><a href="mechanical/RoboticPipette.html" style="color: var(--accent-primary);">Robotic Pipette End Effector</a></li>
69+
<li style="margin-bottom: var(--space-sm);"><a href="mechanical/RocketTeam.html" style="color: var(--accent-primary);">SBU Rocket Team for NASA SLI</a></li>
70+
<li style="margin-bottom: var(--space-sm);"><a href="mechanical/PIDTurntable.html" style="color: var(--accent-primary);">PID Turntable Control System</a></li>
71+
<li style="margin-bottom: var(--space-sm);"><a href="mechanical/RCArduinoCar.html" style="color: var(--accent-primary);">RC Arduino Car</a></li>
72+
<li style="margin-bottom: var(--space-sm);"><a href="mechanical/HardDriveHolder.html" style="color: var(--accent-primary);">Custom Hard Drive Holder</a></li>
73+
</ul>
74+
</div>
75+
</div>
76+
</section>
77+
78+
<!-- Footer -->
79+
<footer class="footer">
80+
<div class="container">
81+
<div class="footer-content">
82+
<p>&copy; 2025 Eric Xiao. All rights reserved.</p>
83+
<p>I like to game, walk my dog Mochi, and cook in my spare time.</p>
84+
<p style="margin-top: var(--space-md);"><a href="directory.html" style="color: var(--accent-primary);">Project Directory</a></p>
85+
</div>
86+
87+
<!-- Social Links -->
88+
<div class="social-links">
89+
<a href="https://www.linkedin.com/in/eric-xiaoy/" class="social-link" title="LinkedIn">
90+
<i class="fab fa-linkedin"></i>
91+
</a>
92+
<a href="https://github.com/sixym3" class="social-link" title="GitHub">
93+
<i class="fab fa-github"></i>
94+
</a>
95+
<a href="https://www.instagram.com/sixym3/" class="social-link" title="Instagram">
96+
<i class="fab fa-instagram"></i>
97+
</a>
98+
<a href="https://x.com/cyberbroker4729" class="social-link" title="Twitter">
99+
<i class="fab fa-twitter"></i>
100+
</a>
101+
<a href="https://www.instagram.com/mochi_is_a_shiba_inu" class="social-link" title="Mochi's Instagram">
102+
<i class="fas fa-paw"></i>
103+
</a>
104+
</div>
105+
</div>
106+
</footer>
107+
108+
<!-- JavaScript -->
109+
<script>
110+
const navToggle = document.getElementById('nav-toggle');
111+
const navMenu = document.getElementById('nav-menu');
112+
113+
navToggle.addEventListener('click', () => {
114+
navMenu.classList.toggle('active');
115+
});
116+
117+
document.querySelectorAll('.nav-link').forEach(link => {
118+
link.addEventListener('click', () => {
119+
navMenu.classList.remove('active');
120+
});
121+
});
122+
</script>
123+
</body>
124+
</html>

‎images/software/CobotPlanning/cartesianplanningsimpositionvelocityaccelerationplots.png‎

212 KB
Loading

‎images/software/CobotPlanning/cartesianplanningsimulationfourpoints.mp4‎

540 KB
Binary file not shown.

‎images/software/CobotPlanning/cover.png‎

55.5 KB
Loading

‎images/software/CobotPlanning/workspacevisualization.png‎

190 KB
Loading

‎images/software/EROBS/demonstration.mp4‎

32.9 MB
Binary file not shown.

‎images/software/UAVNavigation/architecture.png‎

57 KB
Loading

‎images/software/UAVNavigation/demonstration.mp4‎

4.35 MB
Binary file not shown.

0 commit comments

Comments
 (0)