https://yuxiaw.github.io/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
6  <title>Yuxia Wang · INSAIT</title>
7  <meta name="description" content="Yuxia Wang, Assistant Professor at INSAIT, leads the X-NLP Lab. Research on safe, factual and empathetic language models.">
8  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🌿</text></svg>">
9  <link rel="preconnect" href="https://fonts.googleapis.com">
10  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11  <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,[email protected],400;12..96,600;12..96,700&family=Instrument+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,400&display=swap" rel="stylesheet">
12  <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500&text=%E7%8E%8B%E5%AE%87%E4%BE%A0&display=swap" rel="stylesheet">
13  <link rel="stylesheet" href="style.css">
14  

14<script>try{var t=localStorage.getItem("theme");if(t)document.documentElement.dataset.theme=t}catch(e){}</script>

14
15</head>
16<body>
17  <header class="topbar">
18    <div class="wrap topbar-inner">
19      <a class="brand" href="#top" id="brand"></a>
20      <nav aria-label="Sections">
21        <a href="#news">News</a><a href="#research">Research</a><a href="#projects">Projects</a><a href="#publications">Publications</a><a href="#group">Group</a><a href="#teaching">Teaching</a>
22      </nav>
23      <button class="theme" id="theme" aria-label="Toggle dark mode" title="Toggle dark mode">
24        <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9 7 7 0 0 1-9-9z" fill="currentColor"/></svg>
25      </button>
26    </div>
27  </header>
28
29  <div class="hero-band" id="top">
30    <svg class="willow" id="willow" aria-hidden="true"></svg>
31    <section class="wrap hero" id="hero"></section>
32  </div>
33
34  <main>
35    <div class="wrap"><aside class="recruit" id="recruit"></aside></div>
36
37    <section class="wrap" id="news">
38      <h2>News</h2>
39      <ol class="news" id="news-list"></ol>
40    </section>
41
42    <section class="band" id="research">
43      <div class="wrap">
44        <h2>Research directions</h2>
45        <div class="themes" id="research-list"></div>
46      </div>
47    </section>
48
49    <section class="wrap" id="projects">
50      <h2>Projects</h2>
51      <p class="lede">What the lab is building now, and open problems we'd like to work on with others.</p>
52      <div class="projects" id="project-list"></div>
53    </section>
54
55    <section class="band" id="publications">
56      <div class="wrap">
57        <div class="pub-head">
58          <h2>Publications</h2>
59          <a class="scholar" id="scholar-link" href="#">Google Scholar profile</a>
60        </div>
61        <div class="filters" id="filters" role="toolbar" aria-label="Filter publications"></div>
62        <div id="pub-list"></div>
63        <p class="note">* equal contribution</p>
64      </div>
65    </section>
66
67    <section class="wrap" id="group">
68      <h2>Group</h2>
69      <p class="lede">The <a href="https://xnlp-lab.insait.ai/">X-NLP Lab</a> at INSAIT, with students and collaborators around the world.</p>
70      <div id="group-list"></div>
71    </section>
72
73    <section class="wrap" id="teaching">
74      <h2>Teaching</h2>
75      <div class="teach" id="teach-list"></div>
76    </section>
77  </main>
78
79  <footer class="foot"><div class="wrap foot-inner" id="foot"></div></footer>
80
81  

81<script src="content.js"></script>

81
82  

82<script src="app.js"></script>

82
83</body>
84</html>