xsj57.github.io/index.html at main · xsj57/xsj57.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
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE HTML>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Shijie Xu</title>
    <meta name="author" content="Shijie Xu">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <!-- 网页图标（Favicon） -->
    <link rel="icon" type="image/png" sizes="32x32" href="media/icon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="media/icon/favicon-96x96.png">
    <link rel="shortcut icon" href="media/icon/favicon.ico">
    <!-- Apple设备图标 -->
    <link rel="apple-touch-icon" sizes="180x180" href="media/icon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="152x152" href="media/icon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="144x144" href="media/icon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="120x120" href="media/icon/apple-touch-icon.png">
    <!-- Android设备图标 -->
    <link rel="icon" type="image/png" sizes="192x192" href="media/icon/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="media/icon/android-chrome-512x512.png">

    <!-- Windows磁贴 -->
    <meta name="msapplication-TileImage" content="media/icon/apple-touch-icon.png">
    <meta name="msapplication-TileColor" content="#338bd8">
    <meta name="theme-color" content="#338bd8">


    <!-- 防止深色模式加载时页面闪烁 -->
    <script>
        (function () {
            const theme = localStorage.getItem('theme');
            if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
                document.documentElement.classList.add('dark-mode');
            }
        })();
    </script>
</head>

<body>
    <!-- 主题切换按钮 -->
    <button id="theme-toggle" type="button" aria-label="Toggle dark or light mode" title="Toggle dark/light mode">
        <svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <circle cx="12" cy="12" r="5"></circle>
            <line x1="12" y1="1" x2="12" y2="3"></line>
            <line x1="12" y1="21" x2="12" y2="23"></line>
            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
            <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
            <line x1="1" y1="12" x2="3" y2="12"></line>
            <line x1="21" y1="12" x2="23" y2="12"></line>
            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
            <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
        </svg>
        <svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
        </svg>
    </button>

    <!-- 返回顶部按钮 -->
    <button id="back-to-top" type="button" aria-label="Back to top" title="Back to top">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="12" y1="19" x2="12" y2="5"></line>
            <polyline points="5,12 12,5 19,12"></polyline>
        </svg>
    </button>

    <!-- 自定义光标的元素 -->
    <div class="cursor"></div>

    <!-- 页面主容器 -->
    <div class="page-container">

        <!-- 顶部: 个人信息 -->
    <table class="table-wrapper">
            <tbody>
        <tr class="profile-row">
                    <!-- 左栏: 头像和社交图标 -->
                    <td class="profile-avatar-column">
                        <div class="avatar-container">
                            <!-- 核心改动：移除了内联style，换成了class -->
                            <img class="profile-avatar-image" alt="profile photo" src="media/avatar.jpg">
                            <div class="social-icons">
                                <a href="https://www.facebook.com/EricXussj" target="_blank"><img
                                        src="media/facebook.svg" alt="Facebook Icon"></a>
                                <span class="separator">|</span>
                                <a href="https://www.instagram.com/eric_xussj/" target="_blank"><img
                                        src="media/instagram.svg" alt="Instagram Icon"></a>
                                <span class="separator">|</span>
                                <a href="https://untappd.com/user/JieXuS" target="_blank"><img src="media/untappd.svg"
                                        alt="Untappd Icon"></a>
                            </div>
                        </div>
                    </td>
                    <!-- 右栏: 个人简介和链接 -->
                    <td class="profile-text-column">
                        <!-- 修改姓名部分支持打字机效果 -->
                        <p class="name text-center">
                            <span id="typewriter-name"></span>
                            <span class="typewriter-cursor">|</span>
                        </p>
                        <p>
                            I am a third-year master's student pursuing a Master's degree in Forestry Engineering at
                            Fujian Agriculture and Forestry University. I am also a member of the Vegetable Oil-based 3D
                            Printing team led by Prof. Qiu Renhui. The research we are currently conducting includes
                            <a href="#"><span class="bold-text">vegetable oil-based 3D printing</span></a>
                            inks and accompanying light-cured 3D printing and Direct Ink Writing (
                            <a href="#"><span class="bold-text">DIW</span></a>
                            ) 3D printing. My research interests include
                            <a href="#"><span class="bold-text">3D Printing Ink</span></a>,
                            <a href="#"><span class="bold-text">3D Printer</span></a>, and
                            <a href="#"><span class="bold-text">AI-assisted 3D Printing</span></a>.
                        </p>
                        <p class="profile-links">
                            <a href="mailto:jiexus0507@gmail.com"><span class="italic-text">Email</span></a>&nbsp;/&nbsp;
                            <a href="data/cv.pdf">CV</a> &nbsp;/&nbsp;
                            <a href="your_google_scholar_link">Google Scholar</a> &nbsp;/&nbsp;
                            <a href="https://github.com/xsj57/">Github</a>
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>

        <!-- 教育经历 -->
        <table class="section-to-animate table-wrapper">
            <tbody>
                <tr>
                    <td class="cell">
                        <h2>Education</h2>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table-wrapper table-wrapper-spaced">
            <tbody>
                <tr>
                    <td class="cell">
                        <span class="papertitle">Fujian Agriculture and Forestry University</span><br>
                        MEng in Forestry Engineering<br>
                        <span class="italic-text">Sep 2023 - Present</span>
                        <p>You can write a brief description about your study or research focus here.</p>
                    </td>
                </tr>
                <tr>
                    <td class="cell">
                        <span class="papertitle">Changzhou Institute of Technology</span><br>
                        B.S. in Civil Engineering<br>
                        <span class="italic-text">Sep 2018 - Jun 2022</span>
                        <p>Graduated with honors.</p>
                    </td>
                </tr>
            </tbody>
    </table>

    <!-- 研究 -->
        <table class="section-to-animate table-wrapper">
            <tbody>
                <tr>
                    <td class="cell">
                        <h2>Research</h2>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table-wrapper table-wrapper-spaced">
            <tbody>
                <tr class="highlight-row">
                    <td class="cell w-25">
                        <img src="media/research/1.jpg" alt="project image" class="img-bordered">
                    </td>
                    <td class="cell w-75">
                        <a href="https://github.com/xsj57/"><span class="papertitle">Vegetable Oil-based DIW 3D Printing</span></a><br>
                        <strong>Shijie Xu</strong>, Li Ying<br>
                        <em>Hope is nature, <span class="italic-text">2025</span></em><br>
                        <a href="#">[Research Page]</a> / <a href="#">[Code]</a> / <a href="#">[Paper]</a>
                        <p>Unpublished research.</p>
                    </td>
                </tr>
            </tbody>
        </table>

        <!-- 项目 -->
        <table class="section-to-animate table-wrapper">
            <tbody>
                <tr>
                    <td class="cell">
                        <h2>Projects</h2>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="table-wrapper table-wrapper-spaced">
            <tbody>
                <tr class="projects-row">
                    <td class="cell w-25">
                        <img src="media/project/diw.png" alt="project image" class="project-thumbnail img-bordered" onclick="window.location.href='diw_code.html'">
                    </td>
                    <td class="cell w-75">
                        <a href="diw_code.html"><span class="papertitle">G-code project for DIW printer</span></a><br>
                        <strong>Shijie Xu</strong><br>
                        <em><strong>Python</strong>, Code writing, <span class="italic-text">2025 - Present</span></em><br>
                        <p>Compile G-code for DIW printers, using Python to generate or modify G-code recognizable by the printer, and
                        use the G-code to control the dispensing machine.</p>
                    </td>
                </tr>
            </tbody>
        </table>


        <!-- 页脚 -->
        <footer>
            <p class="copyright">© 2025 Eric Xu. Created in Fuzhou.</p>
        </footer>

    </div>

    <!-- 引入 JavaScript 文件 -->
    <script src="js/main.js"></script>
</body>

</html>