about.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-zh="关于 · simoncos">About · simoncos</title>
    <meta name="description" content="About simoncos: a full-stack builder in Hong Kong, working on AI and data.">
    <meta name="author" content="simoncos">
    <link rel="canonical" href="https://simoncos.github.io/about.html">
    <meta property="og:type" content="website">
    <meta property="og:title" content="About · simoncos">
    <meta property="og:description" content="About simoncos: a full-stack builder in Hong Kong, working on AI and data.">
    <meta property="og:url" content="https://simoncos.github.io/about.html">
    <meta property="og:site_name" content="simoncos">
    <meta property="og:image" content="https://simoncos.github.io/assets/og/og-site-v2.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="simoncos — connecting the dots.">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="About · simoncos">
    <meta name="twitter:description" content="About simoncos: a full-stack builder in Hong Kong, working on AI and data.">
    <meta name="twitter:image" content="https://simoncos.github.io/assets/og/og-site-v2.jpg">
    <meta name="twitter:image:alt" content="simoncos — connecting the dots.">
    <!-- site-shell:resources:start -->
    <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png">
    <link rel="alternate" type="application/rss+xml" title="simoncos RSS (中文)" href="feed.zh.xml">
    <link rel="alternate" type="application/rss+xml" title="simoncos RSS (English)" href="feed.en.xml">
    <link rel="alternate" hreflang="en" href="https://simoncos.github.io/about.html">
    <link rel="alternate" hreflang="zh-Hans" href="https://simoncos.github.io/about.html?lang=zh">
    <link rel="alternate" hreflang="x-default" href="https://simoncos.github.io/about.html">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Geist:wght@300..700&amp;family=Noto+Sans+SC:wght@400..700&amp;display=swap"></noscript>
    <script src="src/js/theme-init.js?v=5b1326e6db90"></script>
    <link rel="stylesheet" href="src/css/styles.css?v=13625ac29d93">
    <script src="src/js/site.js?v=151f77791807" defer></script>
    <script src="https://static.cloudflareinsights.com/beacon.min.js" defer data-cf-beacon="{&quot;token&quot;:&quot;27d42618c53846ada3300ce4fefe0f94&quot;}"></script>
    <!-- site-shell:resources:end -->
</head>
<body>
    <!-- site-shell:header:start -->
    <a class="skip" href="#main"><span data-l="en">Skip to content</span><span data-l="zh" lang="zh-Hans">跳到正文</span></a>
    <header class="hdr">
        <a class="brand" href="index.html" aria-label="simoncos — home" data-zh-aria-label="simoncos — 首页" data-i18n="aria-label"><span class="brand-dot" aria-hidden="true"></span><span>simoncos</span></a>
        <div class="hdr-right">
            <nav class="hdr-nav" aria-label="Primary" data-zh-aria-label="主导航" data-i18n="aria-label">
                <a class="tab" href="index.html"><span data-l="en">Index</span><span data-l="zh" lang="zh-Hans">首页</span><span class="tab-dot" aria-hidden="true"></span></a>
                <a class="tab" href="blogs.html"><span data-l="en">Articles</span><span data-l="zh" lang="zh-Hans">文章</span><span class="tab-dot" aria-hidden="true"></span></a>
                <a class="tab" href="gallery.html"><span data-l="en">Work</span><span data-l="zh" lang="zh-Hans">作品</span><span class="tab-dot" aria-hidden="true"></span></a>
                <a class="tab" href="favorites.html"><span data-l="en">Favorites</span><span data-l="zh" lang="zh-Hans">收藏</span><span class="tab-dot" aria-hidden="true"></span></a>
                <a class="tab" href="about.html" aria-current="page"><span data-l="en">About</span><span data-l="zh" lang="zh-Hans">关于</span><span class="tab-dot" aria-hidden="true"></span></a>
            </nav>
            <div class="hdr-tools">
                <button class="theme-btn" type="button" data-theme-toggle aria-label="Dark mode" title="Dark mode"><span class="i-moon" aria-hidden="true">☾</span><span class="i-sun" aria-hidden="true">☀</span></button>
                <a class="lang-btn" href="?lang=zh" data-lang-toggle><span data-l="en" lang="zh-Hans">中文</span><span data-l="zh">EN</span></a>
                <button class="menu-btn" type="button" data-menu-toggle aria-expanded="false" aria-controls="menu-sheet"><span class="menu-when-closed"><span data-l="en">Menu</span><span data-l="zh" lang="zh-Hans">菜单</span></span><span class="menu-when-open"><span data-l="en">Close</span><span data-l="zh" lang="zh-Hans">关闭</span></span></button>
            </div>
        </div>
    </header>
    <nav class="sheet" id="menu-sheet" hidden aria-label="Menu" data-zh-aria-label="菜单" data-i18n="aria-label">
        <a class="sheet-link" href="index.html"><span><span data-l="en">Index</span><span data-l="zh" lang="zh-Hans">首页</span></span><span class="sheet-n" aria-hidden="true">01</span></a>
        <a class="sheet-link" href="blogs.html"><span><span data-l="en">Articles</span><span data-l="zh" lang="zh-Hans">文章</span></span><span class="sheet-n" aria-hidden="true">02</span></a>
        <a class="sheet-link" href="gallery.html"><span><span data-l="en">Work</span><span data-l="zh" lang="zh-Hans">作品</span></span><span class="sheet-n" aria-hidden="true">03</span></a>
        <a class="sheet-link" href="favorites.html"><span><span data-l="en">Favorites</span><span data-l="zh" lang="zh-Hans">收藏</span></span><span class="sheet-n" aria-hidden="true">04</span></a>
        <a class="sheet-link" href="about.html" aria-current="page"><span><span data-l="en">About</span><span data-l="zh" lang="zh-Hans">关于</span></span><span class="sheet-n" aria-hidden="true">05</span></a>
    </nav>
    <!-- site-shell:header:end -->
<main id="main" class="about enter" tabindex="-1">
    <section class="about-prose">
        <h1 class="visually-hidden"><span data-l="en">About</span><span data-l="zh" lang="zh-Hans">关于</span></h1>
        <p class="about-motto" lang="en">connecting the dots.</p>
        <p class="about-who"><span data-l="en">Che Zhao · <span lang="zh-Hant">趙澈</span> · Hong Kong</span><span data-l="zh" lang="zh-Hans">Che Zhao · <span lang="zh-Hant">趙澈</span> · 香港</span></p>
        <p class="about-p"><span data-l="en">Full-stack developer in AI and data. I care about AI, <a href="blogs.html#series-problem-solving-and-design" data-float="blogs/assets/images/problem-solving-and-design-1-situation/3ac53d9fead8d368e660caa585da814a.jpg">problem solving and design</a>.</span><span data-l="zh" lang="zh-Hans">AI 与数据方向的全栈开发者，关注 AI、<a href="blogs.html#series-problem-solving-and-design" data-float="blogs/assets/images/problem-solving-and-design-1-situation/3ac53d9fead8d368e660caa585da814a.jpg">问题解决和设计</a>。</span></p>
        <p class="about-p"><span data-l="en">I’m into the <a href="blogs/my-haba-snow-mountain-journey.en.html" data-float="gallery/assets/gallery-card-haba-field-v2.jpg">outdoors</a>, <a href="gallery/music/qingtian.html" data-float="gallery/assets/gallery-card-qingtian.webp">music</a>, <a href="favorites/books.html" data-float="favorites/assets/covers/books.webp">reading</a>, <a href="favorites/games.html" data-float="favorites/assets/covers/games.webp">games</a> and more.</span><span data-l="zh" lang="zh-Hans">兴趣有<a href="blogs/my-haba-snow-mountain-journey.html" data-float="gallery/assets/gallery-card-haba-field-v2.jpg">户外</a>、<a href="gallery/music/qingtian.html" data-float="gallery/assets/gallery-card-qingtian.webp">音乐</a>、<a href="favorites/books.html" data-float="favorites/assets/covers/books.webp">阅读</a>、<a href="favorites/games.html" data-float="favorites/assets/covers/games.webp">游戏</a>等。</span></p>
    </section>
    <section class="contacts">
        <button class="copy-btn" type="button" data-copy="simonzhao1024@gmail.com"><span>simonzhao1024@gmail.com</span><span class="copy-state"><span class="copy-idle"><span data-l="en">Copy</span><span data-l="zh" lang="zh-Hans">复制</span></span><span class="copy-done"><span data-l="en">Copied</span><span data-l="zh" lang="zh-Hans">已复制</span></span><span class="copy-fail"><span data-l="en">Copy failed</span><span data-l="zh" lang="zh-Hans">复制失败</span></span></span></button>
        <a class="contact" href="https://www.linkedin.com/in/chezhao/">LinkedIn<span class="contact-arrow" aria-hidden="true">↗</span></a><a class="contact" href="https://x.com/simonc_os">X<span class="contact-arrow" aria-hidden="true">↗</span></a><a class="contact" href="https://github.com/simoncos">GitHub<span class="contact-arrow" aria-hidden="true">↗</span></a><a class="contact" href="feed.en.xml" data-zh-href="feed.zh.xml" data-i18n="href">RSS<span class="contact-arrow" aria-hidden="true">↗</span></a>
    </section>
    <figure class="about-wechat"><img src="assets/about/wechat-qr.jpg" width="320" height="320" alt="" decoding="async" loading="lazy"><figcaption><span data-l="en">WeChat official account (in Chinese)</span><span data-l="zh" lang="zh-Hans">微信公众号</span><span class="about-wechat-hint"><span data-l="en">Scan in WeChat</span><span data-l="zh" lang="zh-Hans">微信扫一扫，或长按识别</span></span></figcaption></figure>
</main>
    <!-- site-shell:footer:start -->
    <footer class="ftr">
        <span class="ftr-l"><span>© 2026 simoncos</span><span class="num"><span data-l="en">Updated Oct 22, 2026</span><span data-l="zh" lang="zh-Hans">更新于 2026-10-22</span></span></span>
        <span class="ftr-r"><a href="feed.zh.xml">RSS <span lang="zh-Hans">中文</span></a><a href="feed.en.xml">RSS EN</a></span>
    </footer>
    <!-- site-shell:footer:end -->
</body>
</html>