wuyue.github.io/cv.html at main · bohyy/wuyue.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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Yue Wu - Graduate student in New Media specializing in VR, Animation, digital design and Filmmaking">
  <meta name="keywords" content="VR, Mixed Reality, Digital Design, Computer Science, AI-driven">
  <title>CV - Yue Wu</title>

  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="stylesheet" href="css/style.css">
  <link rel="icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body class="bg-gray-100">
  <!-- Sidebar -->
  <div class="sidebar">
    <img src="image/1.jpg" alt="Yue Wu" class="w-32 h-32 rounded-full mx-auto mb-4 border-4 border-white shadow-lg">
    <h1 class="text-xl font-bold text-center text-gray-800">Yue Wu</h1>
    <p class="text-center text-gray-700 mb-4 text-sm">Graduate student in New media at Sichuan Normal University, with a background in Computer Science. Specializing in VR, avatar, and digital design. 🌟</p>

    <div class="space-y-2 mb-4">
      <a href="mailto:978294391@qq.com" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
        <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
          <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
          <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
        </svg>
        Email
      </a>
      <a href="https://github.com/yourusername" target="_blank" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
        <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
          <path fill-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z"></path>
        </svg>
        GitHub
      </a>
    </div>


  </div>

  <!-- Main Content -->
  <div class="main-content">
    <!-- Navigation -->
    <nav class="bg-gradient-to-r from-amber-100 to-amber-200 shadow-sm rounded-lg p-4 mb-6">
      <div class="flex flex-wrap gap-4">
        <a href="index.html" class="nav-link">Home</a>
        <a href="cv.html" class="nav-link active">CV</a>
        <a href="projects.html" class="nav-link">Projects</a>
        <a href="portfolio.html" class="nav-link">Portfolio</a>
      </div>
    </nav>

    <!-- CV Header -->
    <section class="mb-8 bg-white rounded-lg shadow-sm p-6">
      <div class="flex items-center justify-between mb-4">
        <h1 class="text-3xl font-bold text-gray-800">Curriculum Vitae</h1>
        <button onclick="window.print()" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors">
          📄 Print CV
        </button>
      </div>
      <p class="text-gray-600">Graduate Student in New media | VR & AI Specialist</p>
    </section>

    <!-- Education Section -->
    <section class="mb-8 bg-white rounded-lg shadow-sm p-6">
      <h2 class="text-2xl font-bold mb-4 text-gray-800 border-b-2 border-blue-500 pb-2">🎓 Education</h2>

      <div class="space-y-6">
        <!-- Master's Degree -->
        <div class="border-l-4 border-blue-500 pl-4">
          <h3 class="text-xl font-semibold text-gray-800">Master of Arts</h3>
          <p class="text-lg text-blue-600 font-medium">Sichuan Normal University, Chengdu, China</p>
          <p class="text-gray-600 mb-2">2024 - Present</p>
          <div class="bg-gray-50 p-4 rounded-lg">
            <p class="font-medium text-gray-700 mb-2">📊 GPA: 3.7/4.0</p>
            <p class="font-medium text-gray-700 mb-2">📚 Related Coursework:</p>
            <div class="flex flex-wrap gap-2 mb-3">
              <span class="skill-tag">Virtual Reality</span>
              <span class="skill-tag">AI</span>
              <span class="skill-tag">Extended Reality</span>
              <span class="skill-tag">Motion Capture</span>
              <span class="skill-tag">Film Production</span>
            </div>
            <p class="font-medium text-gray-700 mb-2">🔬 Research & Publications:</p>
            <ul class="list-disc list-inside text-gray-600 space-y-1">
              <li>Published one first author in international general interest journal</li>
            </ul>
          </div>
        </div>

        <!-- Bachelor's Degree -->
        <div class="border-l-4 border-green-500 pl-4">
          <h3 class="text-xl font-semibold text-gray-800">Bachelor in Computer Sciences</h3>
          <p class="text-lg text-green-600 font-medium">Southwest Petroleum University, Chengdu, China</p>
          <p class="text-gray-600 mb-2">2020 - 2024</p>
          <div class="bg-gray-50 p-4 rounded-lg">
            <p class="font-medium text-gray-700 mb-2">📊 GPA: 3.3/4.0</p>
            <p class="font-medium text-gray-700 mb-2">📚 Related Coursework:</p>
            <div class="flex flex-wrap gap-2">
              <span class="skill-tag">Virtual Reality</span>
              <span class="skill-tag">Game Production</span>
              <span class="skill-tag">3D Modeling</span>
              <span class="skill-tag">Computer Graphics</span>
              <span class="skill-tag">Program Application Design</span>
              <span class="skill-tag">Human-Computer Interaction</span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Skills Section -->
    <section class="mb-8 bg-white rounded-lg shadow-sm p-6">
      <h2 class="text-2xl font-bold mb-4 text-gray-800 border-b-2 border-purple-500 pb-2">🛠️ Technical Skills</h2>

      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <!-- Computational Skills -->
        <div>
          <h3 class="text-xl font-semibold text-gray-800 mb-3">💻 Computational</h3>
          <div class="space-y-3">
            <div>
              <p class="font-medium text-gray-700 mb-2">Programming Languages:</p>
              <div class="flex flex-wrap gap-2">
                <span class="skill-tag bg-blue-100 text-blue-800">Python</span>
                <span class="skill-tag bg-blue-100 text-blue-800">C++</span>
                <span class="skill-tag bg-blue-100 text-blue-800">C#</span>
                <span class="skill-tag bg-blue-100 text-blue-800">MATLAB</span>
              </div>
            </div>
            <div>
              <p class="font-medium text-gray-700 mb-2">Development Tools:</p>
              <div class="flex flex-wrap gap-2">
                <span class="skill-tag bg-green-100 text-green-800">Unity</span>
                <span class="skill-tag bg-green-100 text-green-800">Unreal Engine 5</span>
                <span class="skill-tag bg-green-100 text-green-800">Maya</span>
                <span class="skill-tag bg-green-100 text-green-800">Touch Designer</span>
              </div>
            </div>
          </div>
        </div>

        <!-- Artistic Skills -->
        <div>
          <h3 class="text-xl font-semibold text-gray-800 mb-3">🎨 Artistic</h3>
          <div class="space-y-3">
            <div>
              <p class="font-medium text-gray-700 mb-2">Creative Skills:</p>
              <div class="flex flex-wrap gap-2">
                <span class="skill-tag bg-purple-100 text-purple-800">Filmmaking</span>
                <span class="skill-tag bg-purple-100 text-purple-800">Video Editing</span>
                <span class="skill-tag bg-purple-100 text-purple-800">Special Effects</span>
                <span class="skill-tag bg-purple-100 text-purple-800">Digital Design</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Awards Section -->
    <section class="mb-8 bg-white rounded-lg shadow-sm p-6">
      <h2 class="text-2xl font-bold mb-4 text-gray-800 border-b-2 border-yellow-500 pb-2">🏆 Awards & Achievements</h2>

      <div class="space-y-4">
        <div class="award-item">
          <h3 class="font-semibold text-gray-800 mb-1">🥇 2022 Sichuan Provincial College Digital Art & Design Competition</h3>
          <p class="text-gray-700 mb-1"><strong>Earth's Redemption</strong> - First Prize</p>
          <p class="text-sm text-gray-600">UN Sustainable Development Goals Creative Competition, Student Group</p>
        </div>

        <div class="award-item">
          <h3 class="font-semibold text-gray-800 mb-1">🥈 16th Lanqiao Cup National Software & IT Talent Competition</h3>
          <p class="text-gray-700 mb-1"><strong>Lia's Metaverse Diary</strong> - National Second Prize</p>
          <p class="text-sm text-gray-600">AIGC Video Creative Design, University Group</p>
        </div>

        <div class="award-item">
          <h3 class="font-semibold text-gray-800 mb-1">🥈 2023 Sichuan Provincial College Digital Art & Design Competition</h3>
          <p class="text-gray-700 mb-1"><strong>Earth's Corner</strong> - Second Prize</p>
          <p class="text-sm text-gray-600">Animation & Video Design, Undergraduate Group</p>
        </div>

        <div class="award-item">
          <h3 class="font-semibold text-gray-800 mb-1">🥈 2023 Sichuan Provincial College Digital Art & Design Competition</h3>
          <p class="text-gray-700 mb-1"><strong>QiTu App</strong> - Second Prize</p>
          <p class="text-sm text-gray-600">Visual Communication Design, Undergraduate Group</p>
        </div>

        <div class="award-item">
          <h3 class="font-semibold text-gray-800 mb-1">🥉 2nd Beautiful China Innovative Design Competition</h3>
          <p class="text-gray-700 mb-1"><strong>Family Reunion</strong> - Third Prize</p>
          <p class="text-sm text-gray-600">Media Communication Design Track, Graduate Student Category</p>
        </div>
      </div>
    </section>

    <!-- Research Interests -->
    <section class="mb-8 bg-white rounded-lg shadow-sm p-6">
      <h2 class="text-2xl font-bold mb-4 text-gray-800 border-b-2 border-indigo-500 pb-2">🔬 Research Interests</h2>

      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div>
          <h3 class="text-xl font-semibold text-gray-800 mb-3">Primary Focus Areas</h3>
          <ul class="space-y-2 text-gray-700">
            <li class="flex items-center">
              <span class="w-2 h-2 bg-indigo-500 rounded-full mr-3"></span>
              Virtual Reality Applications in Mental Health
            </li>
            <li class="flex items-center">
              <span class="w-2 h-2 bg-indigo-500 rounded-full mr-3"></span>
              Mixed Reality in Educational Technology
            </li>
            <li class="flex items-center">
              <span class="w-2 h-2 bg-indigo-500 rounded-full mr-3"></span>
              Human-Computer Interaction Design
            </li>
            <li class="flex items-center">
              <span class="w-2 h-2 bg-indigo-500 rounded-full mr-3"></span>
              Video generation
            </li>
          </ul>
        </div>

        <div>
          <h3 class="text-xl font-semibold text-gray-800 mb-3">Current Projects</h3>
          <ul class="space-y-2 text-gray-700">
            <li class="flex items-center">
              <span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span>
              VR-Mindfulness Fusion System
            </li>
            <li class="flex items-center">
              <span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span>
              Interactive VR Avatar Development
            </li>
            <li class="flex items-center">
              <span class="w-2 h-2 bg-green-500 rounded-full mr-3"></span>
              Biofeedback Integration in VR
            </li>
          </ul>
        </div>
      </div>
    </section>

    <!-- Contact Section -->
    <section class="bg-white rounded-lg shadow-sm p-6">
      <h2 class="text-2xl font-bold mb-4 text-gray-800 border-b-2 border-red-500 pb-2">📞 Contact Information</h2>

      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div>
          <h3 class="text-xl font-semibold text-gray-800 mb-3">Get in Touch</h3>
          <div class="space-y-3">
            <div class="flex items-center">
              <svg class="w-5 h-5 text-blue-500 mr-3" fill="currentColor" viewBox="0 0 20 20">
                <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
                <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
              </svg>
              <a href="mailto:978294391@qq.com" class="text-blue-600 hover:text-blue-800">978294391@qq.com</a>
            </div>
            <div class="flex items-center">
              <svg class="w-5 h-5 text-gray-500 mr-3" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.942.359.31.678.921.678 1.856 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0020 10.017C20 4.484 15.522 0 10 0z"></path>
              </svg>
              <a href="https://github.com/yourusername" target="_blank" class="text-blue-600 hover:text-blue-800">GitHub Profile</a>
            </div>
            <div class="flex items-center">
              <svg class="w-5 h-5 text-blue-500 mr-3" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
              </svg>
              <span class="text-gray-700">Chengdu, Sichuan, China</span>
            </div>
          </div>
        </div>

        <div>
          <h3 class="text-xl font-semibold text-gray-800 mb-3">Professional Links</h3>
          <div class="space-y-3">
            <a href="projects.html" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
              <svg class="w-5 h-5 mr-3" fill="currentColor" viewBox="0 0 20 20">
                <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
              </svg>
              View My Projects
            </a>
            <a href="portfolio.html" class="flex items-center text-blue-600 hover:text-blue-800 transition-colors">
              <svg class="w-5 h-5 mr-3" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"></path>
              </svg>
              View My Portfolio
            </a>
          </div>
        </div>
      </div>
    </section>
  </div>

  <!-- Footer -->
  <footer class="text-center py-6 text-gray-600 text-sm">
    <p>&copy; 2025 Yue Wu. All rights reserved.</p>
  </footer>

  <script src="js/main.js"></script>
</body>
</html>