Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (138 loc) · 6.88 KB
/
Copy pathindex.html
File metadata and controls
152 lines (138 loc) · 6.88 KB
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
152
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Carlgen - Personal Homepage</title>
<link rel="stylesheet" href="style.css?v=20260529-2">
</head>
<body class="welcome-active">
<section class="welcome-screen" id="welcomeScreen" aria-label="Welcome screen" role="button" tabindex="0">
<div class="welcome-inner">
<div class="welcome-profile">
<img class="welcome-avatar" src="avatar.jpg" alt="Carlgen avatar">
<h1>Carlgen</h1>
</div>
<div class="welcome-greeting">
<p>Nice to meet you !</p>
<span>Click to enter</span>
</div>
</div>
</section>
<header class="site-header">
<a class="brand" href="#">Carlgen</a>
<nav class="top-nav" aria-label="Primary navigation">
<a href="#education">Education</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main class="page-shell">
<aside class="profile-card" id="contact">
<div class="avatar">
<img src="avatar.jpg" alt="Carlgen avatar">
</div>
<h1>Carlgen</h1>
<p class="role">AI Development Engineer</p>
<p class="bio">Full-stack development, system architecture, indoor positioning, and intelligent agents.</p>
<div class="social-links" aria-label="Contact links">
<a href="https://github.com/Carlgen" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
<svg viewBox="0 0 16 16" width="22" height="22" aria-hidden="true">
<path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/>
</svg>
<span>GitHub</span>
</a>
<a href="mailto:Carlgen2026@gmail.com" aria-label="Email Carlgen">
<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true">
<path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"/>
</svg>
<span>Email</span>
</a>
</div>
<div class="mini-stats">
<div>
<span>Focus</span>
<strong>AI + Systems</strong>
</div>
<div>
<span>Base</span>
<strong>Jilin University</strong>
</div>
</div>
</aside>
<section class="content-column">
<section class="hero-panel" aria-labelledby="intro-title">
<p class="eyebrow">Personal Homepage</p>
<h2 id="intro-title">Building intelligent systems with a quiet engineering rhythm.</h2>
<p>
I work across AI development, full-stack applications, and system architecture,
with research interests in indoor positioning and intelligent agents.
</p>
</section>
<section class="section-block" id="education" aria-labelledby="education-title">
<div class="section-heading">
<p class="eyebrow">Background</p>
<h2 id="education-title">Education</h2>
</div>
<article class="timeline-item">
<div>
<h3>Jilin University</h3>
<p>Information and Communication Engineering, Master's Degree</p>
<p class="muted">Research Interests: Indoor Positioning | Intelligent Agent</p>
</div>
<time>2025.09 - 2028.07</time>
</article>
<article class="timeline-item">
<div>
<h3>Jilin University</h3>
<p>Communication Engineering, Bachelor; Minor in Finance</p>
<p class="muted">Coursework: Data Structures, Algorithm Design, Database Systems</p>
</div>
<time>2021.09 - 2025.07</time>
</article>
</section>
<section class="section-block" id="projects" aria-labelledby="projects-title">
<div class="section-heading">
<p class="eyebrow">Selected Work</p>
<h2 id="projects-title">Projects</h2>
</div>
<div class="project-grid">
<article class="project-card">
<h3>Indoor Positioning Research</h3>
<p>Exploring reliable positioning methods for indoor scenarios with signal processing and intelligent modeling.</p>
<span>Research</span>
</article>
<article class="project-card">
<h3>Intelligent Agent Systems</h3>
<p>Designing agent workflows that connect perception, reasoning, tool use, and task execution.</p>
<span>AI Engineering</span>
</article>
<article class="project-card">
<h3>Full-stack Applications</h3>
<p>Building practical web systems from interface design to service architecture and deployment.</p>
<span>Web Development</span>
</article>
</div>
</section>
</section>
</main>
<footer class="site-footer">
<p>Copyright © 2026 Carlgen. Built with GitHub Pages.</p>
</footer>
<script>
const welcomeScreen = document.getElementById('welcomeScreen');
function enterHomepage() {
document.body.classList.remove('welcome-active');
document.body.classList.add('homepage-entered');
welcomeScreen.setAttribute('aria-hidden', 'true');
}
welcomeScreen.addEventListener('click', enterHomepage);
welcomeScreen.addEventListener('keydown', function (event) {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
enterHomepage();
}
});
</script>
</body>
</html>