JingxuGu.github.io/index.html at main · JingxuGu/JingxuGu.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title id="title"></title>
    <link rel="icon" type="image/x-icon" href="/static/assets/hat.ico" />
    <!-- Bootstrap icons-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
    <!-- Google fonts-->
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,600;1,600&amp;display=swap"
        rel="stylesheet" />
    <link
        href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,500;0,600;0,700;1,300;1,500;1,600;1,700&amp;display=swap"
        rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,400;1,400&amp;display=swap"
        rel="stylesheet" />
    <!-- Core theme CSS (includes Bootstrap)-->
    <link type="text/css" href="/static/css/styles.css" rel="stylesheet" />
    <link type="text/css" href="/static/css/main.css" rel="stylesheet" />

</head>

<body>
    <!-- Mobile Sticky Top Header -->
    <div class="mobile-header d-lg-none">
        <a class="mobile-brand" href="/">Jingxu Gu ⌈谷景旭⌋</a>
        <div class="mobile-header-actions">
            <button class="mobile-menu-toggle" id="menuToggle" aria-label="Toggle navigation">
                <i class="bi bi-list"></i>
            </button>
            <span class="mobile-section-title" id="mobileSectionTitle"></span>
        </div>
    </div>

    <!-- Left Sidebar Navigation -->
    <nav class="sidebar" id="sidebarNav">
        <div class="sidebar-brand">
            <img class="avatar shadow" src="/static/assets/img/photo.jpeg" alt="Jingxu Gu">
            <h1 id="page-top-title"></h1>
            <p id="top-section-bg-text"></p>
        </div>
        <ul class="nav-links">
            <li class="nav-item">
                <a class="nav-link" href="/">HOME</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/news/">NEWS</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/publications/">PUBLICATIONS</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/project/">PROJECTS</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/awards/">AWARDS</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="https://blog.jingxugu.com" target="_blank">ALGORITHM BLOG</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">CV</a>
            </li>
        </ul>
        <div class="sidebar-footer">
            <div class="theme-switch-wrapper mb-3">
                <button id="themeToggleBtn" class="theme-toggle-btn" aria-label="Toggle theme">
                    <i class="bi bi-sun-fill theme-icon-light"></i>
                    <i class="bi bi-moon-fill theme-icon-dark"></i>
                    <span class="theme-toggle-text">LIGHT MODE</span>
                </button>
            </div>
            <div id="copyright-text" class="mb-2"></div>
            <div class="small">
                <a id="github-link" href="https://github.com/Grainrainy">Github</a>
                <span class="mx-1">&middot;</span>
                <a id="license-link"
                    href="https://github.com/Grainrainy/Grainrainy.github.io/blob/master/LICENSE">License</a>
            </div>
        </div>
    </nav>

    <!-- Overlay backdrop for mobile -->
    <div class="sidebar-overlay" id="sidebarOverlay"></div>

    <!-- Main Content Area with Swup Transition Container -->
    <main id="swup" class="transition-fade">
        <!-- Home Section -->
        <section class="bg-gradient-primary-to-secondary-light" id="home">
            <div class="container px-4">
                <header>
                    <h2 id="home-subtitle"></h2>
                </header>
                <div class="main-body" id="home-md"></div>
            </div>
        </section>
    </main>

    <!-- Bootstrap core JS-->
    <script type="text/javascript" src="/static/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="/static/js/marked.min.js"></script>
    <script>
        MathJax = {
            tex: { inlineMath: [['$', '$']] }
        };
    </script>
    <script type="text/javascript" id="MathJax-script"
        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
    <script type="text/javascript" src="/static/js/js-yaml.min.js"></script>

    <!-- Load Swup from CDN -->
    <script src="https://unpkg.com/swup@4"></script>

    <!-- Core JS-->
    <script type="text/javascript" src="/static/js/scripts.js"></script>

</body>

</html>