226 lines
7.7 KiB
HTML
226 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CGH0S7 Official</title>
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
<style>
|
|
:root {
|
|
--accent: #CEA152 ;
|
|
--text: #1f2933;
|
|
--muted: #5c6a73;
|
|
--bg: #f7f8fa;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
margin: 0;
|
|
font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
|
|
background: var(--bg);
|
|
color: var(--text);
|
|
line-height: 1.6;
|
|
}
|
|
a { color: var(--muted); text-decoration: none; }
|
|
a:hover { color: var(--accent); }
|
|
.page {
|
|
max-width: 820px;
|
|
padding: 56px 28px 80px;
|
|
margin: 0 auto;
|
|
}
|
|
header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 16px;
|
|
margin-bottom: 32px;
|
|
}
|
|
nav {
|
|
flex: 1 1 auto;
|
|
}
|
|
nav ul {
|
|
display: flex;
|
|
gap: 18px;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
.brand {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
min-width: 220px;
|
|
}
|
|
.avatar {
|
|
width: 56px;
|
|
height: 56px;
|
|
border-radius: 50%;
|
|
object-fit: cover;
|
|
}
|
|
h1 {
|
|
margin: 0;
|
|
font-size: 26px;
|
|
font-weight: 700;
|
|
}
|
|
h2 {
|
|
margin: 38px 0 12px;
|
|
font-size: 18px;
|
|
color: var(--accent);
|
|
}
|
|
p {
|
|
margin: 8px 0 14px;
|
|
color: var(--muted);
|
|
}
|
|
.section {
|
|
margin-bottom: 18px;
|
|
}
|
|
.section ul {
|
|
margin: 0 0 0 20px;
|
|
padding: 0;
|
|
color: var(--muted);
|
|
}
|
|
.section li { margin-bottom: 8px; }
|
|
.sub-title {
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
color: var(--muted);
|
|
letter-spacing: 0.3px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.card {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
gap: 10px 18px;
|
|
align-items: center;
|
|
padding: 12px 0;
|
|
border-bottom: 1px solid #e5e9ed;
|
|
}
|
|
.card:last-child { border-bottom: none; }
|
|
.badge {
|
|
width: 50px;
|
|
height: 50px;
|
|
background: #e7f6ef;
|
|
border-radius: 12px;
|
|
display: grid;
|
|
place-items: center;
|
|
color: var(--accent);
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
}
|
|
.badge img {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 12px; /* Ensure image also respects border-radius */
|
|
}
|
|
footer {
|
|
margin-top: 48px;
|
|
text-align: center;
|
|
color: var(--muted);
|
|
font-size: 12px;
|
|
}
|
|
@media (max-width: 640px) {
|
|
header { flex-direction: column; align-items: flex-start; }
|
|
nav ul { gap: 14px; }
|
|
.card { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<header>
|
|
<nav aria-label="Main">
|
|
<ul>
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#blog">Blog</a></li>
|
|
<li><a href="#friends">Friends</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="brand" id="home">
|
|
<img class="avatar" src="avatar.jpg" alt="Avatar">
|
|
<div>
|
|
<h1>Jason Cheng</h1>
|
|
<div class="sub-title">Illusionary White Traveler / Linux Lover</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="section" aria-labelledby="about">
|
|
<h2 id="about">About</h2>
|
|
<p>I'm CGH0S7, an undergraduate student with a strong interest in computer architecture, high-performance computing, the Linux kernel, and the RISC-V instruction set. I love contributing to and learning from the open-source community, and I've been using Linux as my daily driver since 2019. I enjoy exploring the intersection of software and hardware, and I'm always eager to dive deeper into systems-level development.</p>
|
|
<p>Find me on <a href="https://github.com/CGH0S7"><svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" style="vertical-align: text-bottom;"><path 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> GitHub</a></p>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="hobby">
|
|
<h2 id="hobby"># Hobby</h2>
|
|
<ul>
|
|
<li><strong>Coding:</strong> Mostly working with C/C++, but also a little familiar with Python/Rust/Go/Dart/Chisel. Go is my favorite though.</li>
|
|
<li><strong>Reading:</strong> Computer science books, novels, and art books/concept art collections from films and animations.</li>
|
|
<li><strong>Linux Distros:</strong> Arch Linux enthusiast. Daily drivers: Arch Linux and CachyOS. Servers: Rocky Linux and Debian.</li>
|
|
<li><strong>Music:</strong> Favorite composer: Yasunori Mitsuda. Favorite singer: Utada Hikaru. Favorite band: Neck Deep.</li>
|
|
<li><strong>Game:</strong> I sincerely love Xenoblade Chronicles and Fire Emblem forever. Also enjoy Monster Hunter and Counter-Strike with friends.</li>
|
|
<li><strong>Movie:</strong> The Truman Show, The Lord of the Rings, Interstellar, John Wick, and so on.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="education">
|
|
<h2 id="education"># Education</h2>
|
|
<div class="card">
|
|
<div>
|
|
<div class="sub-title">NUDT · Changsha, China</div>
|
|
<strong>National University of Defense Technology</strong>
|
|
<p>Sep. 2023 - Jun. 2027</p>
|
|
<p>Major in Network Engineering</p>
|
|
</div>
|
|
<img class="badge" src="college-logo.jpg" alt="College Logo">
|
|
</div>
|
|
<div class="card">
|
|
<div>
|
|
<div class="sub-title">University · City</div>
|
|
<strong>To Be Determined</strong>
|
|
<p>Start Date - End Date</p>
|
|
<p>Major / Program to be determined</p>
|
|
</div>
|
|
<span class="badge">?</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="awards">
|
|
<h2 id="awards"># Awards & Certifications</h2>
|
|
<ul>
|
|
<li><strong>ASC 24 First Prize (Rank 5):</strong> Lead developer for the OpenCAEPoro problem</li>
|
|
<li><strong>ASC 25 First Prize (Rank 19):</strong> Responsible for cluster operations and performance tuning</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="publications">
|
|
<h2 id="publications"># Publications</h2>
|
|
<p>Stay tuned for upcoming publications.</p>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="blog">
|
|
<h2 id="blog">Blog</h2>
|
|
<p><a href="https://blog.hifuu.ink/">CGH0S7's Blog - The Gensokyo the Gods Loved</a></p>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="friends">
|
|
<h2 id="friends">Friends</h2>
|
|
<ul>
|
|
<li><a href="https://hexu.shahe.org/">Hexu - Keep your curiosity</a></li>
|
|
<li><a href="https://wingrew.com/">Wingrew - The best student from the Highland to THU</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="section" aria-labelledby="contact">
|
|
<h2 id="contact">Contact</h2>
|
|
<ul>
|
|
<li><a href="mailto:jasoncheng@hifuu.ink">jasoncheng @hifuu.ink</a></li>
|
|
<li><a href="mailto:c_gh0s7@nudt.edu.cn">c_gh0s7@nudt.edu.cn</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<footer>Build with ❤️ · 🐳 2025</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|