1<!DOCTYPE html> 2 <html> 3 <head> 4 <title>Team</title> 5 <!-- link to main stylesheet --> 6 <link rel="stylesheet" type="text/css" href="/css/main.css"> 7 </head> 8 9 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 9-10
9 10 <script async src="https://www.googletagmanager.com/gtag/js?id=
10G-H77JS1DFCE
vendor: 14 bytes, lines 10-11
10"></script> 11
11<script> 12
vendor: 140 bytes, lines 12-16
12window.dataLayer = window.dataLayer || []; 13 function gtag(){dataLayer.push(arguments);} 14 gtag('js', new Date()); 15 16 gtag('config', '
16G-H77JS1DFCE
vendor: 6 bytes, lines 16-17
16'); 17
17</script>
17 18 19 <body> 20 <nav> 21 <ul> 22 <li><a href="/">Home</a></li> 23 <li><a href="/docs/jason_peng_cv.pdf">CV</a></li> 24 <li><a href="/team">Team</a></li> 25 <li><a href="/teaching/cmpt_729">Teaching</a></li> 26 <li><a href="/art">Art</a></li> 27 <li><a href="https://twitter.com/xbpeng4?ref_src=twsrc%5Etfw" data-show-screen-name="false" class="twitter-follow-button" data-show-count="false">Follow @xbpeng4</a>
27<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
27</li> 28 </ul> 29 </nav> 30 <div class="container"> 31 32 <h1>Team</h1> 33 34<hr> 35 36<h2>Ph.D. Students</h2> 37 38<style> 39 .students-container { 40 display: grid; 41 grid-template-columns: repeat(2, 1fr); /* Exactly two columns */ 42 column-gap: 40px; /* Keeps increased spacing between columns */ 43 row-gap: 20px; /* Reduced spacing between rows */ 44 max-width: 700px; /* Prevents excessive spacing */ 45 justify-content: start; /* Aligns columns to the left */ 46 } 47 48 .student { 49 display: flex; 50 align-items: center; 51 gap: 10px; 52 } 53 54 .student img { 55 width: 100px; 56 height: auto; 57 border: 1px solid black; 58 } 59 60 /* Switch to single column on smaller screens */ 61 @media (max-width: 750px) { 62 .students-container { 63 grid-template-columns: 1fr; /* Single column */ 64 } 65 } 66 67 .invisible-box { 68 display: inline-block; 69 width: 100px; 70 height: 100px; 71 background-color: white; /* Matches background, making it invisible */ 72 border: none; 73 } 74</style> 75 76<div class="students-container"> 77 <div class="student"> 78 <a href="https://yi-shi94.github.io/"> 79 <img src="photos/yi_shi.png" alt="Yi Shi" /> 80 </a> 81 <div> 82 <b><a href="https://yi-shi94.github.io/">Yi Shi</a></b> <br> 83 <em>2023 - Present</em> 84 </div> 85 </div> 86 87 <div class="student"> 88 <a href="https://sites.google.com/view/dunyang"> 89 <img src="photos/dun_yang.png" alt="Dun Yang" /> 90 </a> 91 <div> 92 <b><a href="https://sites.google.com/view/dunyang">Dun Yang</a></b> <br> 93 <em>2024 - Present</em> 94 </div> 95 </div> 96 <div class="student"> 97 <a href="https://yxmu.foo/"> 98 <img src="photos/yuxuan_mu.png" alt="Yuxuan Mu" /> 99 </a> 100 <div> 101 <b><a href="https://yxmu.foo/">Yuxuan Mu</a></b> <br> 102 <em>2024 - Present</em> 103 </div> 104 </div> 105 <div class="student"> 106 <a href="https://ziyu-charlotte-zhang.github.io/"> 107 <img src="photos/ziyu_zhang.png" alt="Ziyu (Charlotte) Zhang" /> 108 </a> 109 <div> 110 <b><a href="https://ziyu-charlotte-zhang.github.io/">Ziyu (Charlotte) Zhang</a></b> <br> 111 <em>2024 - Present</em> 112 </div> 113 </div> 114 <div class="student"> 115 <a href="https://pulsekim.github.io"> 116 <img src="photos/sunwoo_kim.png" alt="Sunwoo Kim" /> 117 </a> 118 <div> 119 <b><a href="https://pulsekim.github.io">Sunwoo Kim</a></b> <br> 120 <em>2025 - Present</em> 121 </div> 122 </div> 123 <div class="student"> 124 <a href="https://electricgreywhale.com/cv"> 125 <img src="photos/ruiyu_gou.png" alt="Ruiyu Gou" /> 126 </a> 127 <div> 128 <b><a href="http://www.electricgreywhale.com/">Ruiyu Gou</a></b> <br> 129 <em>2025 - Present</em> 130 </div> 131 </div> 132 <div class="student"> 133 <a href="https://nickioan.github.io/"> 134 <img src="photos/nicholas_ioannidis.png" alt="Nicholas Ioannidis" /> 135 </a> 136 <div> 137 <b><a href="https://nickioan.github.io/">Nicholas Ioannidis</a></b> <br> 138 <em>2026 - Present</em> 139 </div> 140 </div> 141</div> 142 143<hr> 144 145<h2>Alumni</h2> 146 147<div class="students-container"> 148 <div class="student"> 149 <a href="https://michaelx.io/"> 150 <img src="photos/michael_xu.png" alt="Michael Xu" /> 151 </a> 152 <div> 153 <b><a href="https://michaelx.io/">Michael Xu</a></b> <br> 154 <em>M.Sc. 2023 - 2025</em> 155 </div> 156 </div> 157</div> 158 159<a href="photos/mellow.png" class="invisible-box"></a> 160 161 162 </div><!-- /.container --> 163 </body> 164 165
165<script>
vendor: 360 bytes, lines 165-171
165 166 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 167 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 168 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 169 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 170 171 ga('create', '
171UA-89363010-1
vendor: 43 bytes, lines 171-173
171', 'auto'); 172 ga('send', 'pageview'); 173
173</script>
173 174 175 <footer> 176 <ul> 177 <li><a href="mailto:[email protected]">email</a></li> 178 <li><a href="https://github.com/xbpeng">github.com/xbpeng</a></li> 179 </ul> 180 </footer> 181 </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.