PageSourceSearch

https://zning.co/index.html

html zning.co collected 2026-10-02 00:45:25 UTC 60,663 bytes, 940 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang="en">
3
4<head>
5    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 5-6
5
6    <script async src="https://www.googletagmanager.com/gtag/js?id=
6G-B21FSX9MPB
vendor: 16 bytes, lines 6-7
6"></script>
7    
7<script>
8        
vendor: 155 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9        function gtag() { dataLayer.push(arguments); }
10        gtag('js', new Date());
11
12        gtag('config', '
12G-B21FSX9MPB
vendor: 8 bytes, lines 12-13
12');
13    
13</script>
13
14    <meta charset="utf-8">
15    <meta http-equiv="X-UA-Compatible" content="IE=edge">
16    <title>Ning Zheng</title>
17    <meta name="viewport" content="width=device-width, initial-scale=1">
18    <link rel="icon" type="image/png" href="images/nd.png" />
19    <link rel="stylesheet"
20        href="https://fonts.googleapis.com/css2?family=Carlito:wght@400;700&family=Instrument+Serif:ital@0;1&display=swap">
21    <link rel="stylesheet" href="css/animate.css">
22    <link rel="stylesheet" href="css/et-lineicons.css">
23    <link rel="stylesheet" href="css/themify-icons.css">
24    <link rel="stylesheet" href="css/bootstrap.css">
25    <link rel="stylesheet" href="css/magnific-popup.css">
26    <link rel="stylesheet" href="css/YouTubePopUp.css">
27    <link rel="stylesheet" href="css/owl.carousel.min.css">
28    <link rel="stylesheet" href="css/owl.theme.default.min.css">
29    <link rel="stylesheet" href="css/style.css">
30    <!-- FOR IE9 below -->
31    <!--[if lt IE 9]>
32        
32<script src="js/respond.min.js"></script>
32
33    <![endif]-->
34</head>
35
36<body>
37    <a class="skip-link" href="#lonon-main">Skip to main content</a>
38    <p class="sr-only" id="sr-summary">
39        Personal website of Ning Zheng, Applied Scientist II at Amazon. Includes research focus, projects, news, and publications.
40    </p>
41    <header class="orbit-nav">
42        <div class="orbit-brand">
43            <a class="orbit-bot" href="#" aria-label="Ning's bot">
44                <span class="orbit-bot-ascii" aria-hidden="true">[:: My Bot ::] </span>
45            </a>
46        </div>
47        <nav class="orbit-links" aria-label="Primary">
48            <a href="#about">About</a>
49            <a href="#research">Research</a>
50            <!-- <a href="#news">News</a> -->
51            <a href="#publications">Publications</a>
52            <a href="resources/CV_Zheng_Ning.pdf">CV</a>
53        </nav>
54        <div class="orbit-cta" aria-label="Quick actions">
55            <!-- <a class="orbit-btn orbit-btn-outline" href="mailto:[email protected]">Email</a> -->
56            <button class="orbit-btn orbit-btn-outline orbit-icon-btn orbit-theme-toggle" id="theme-toggle" type="button" aria-pressed="false" aria-label="Toggle day and night mode">
57                <span class="theme-icon theme-icon--moon" aria-hidden="true">
58                    <svg viewBox="0 0 24 24" role="img" aria-hidden="true"><path d="M21 14.5a8.5 8.5 0 0 1-11.5-11.5 9 9 0 1 0 11.5 11.5Z" fill="currentColor"/></svg>
59                </span>
60                <span class="theme-icon theme-icon--sun" aria-hidden="true">
61                    <svg viewBox="0 0 24 24" role="img" aria-hidden="true"><path d="M12 4V2m0 20v-2m8-8h2M2 12h2m12.95 6.95 1.41 1.41M5.64 5.64 4.22 4.22m0 15.56 1.41-1.41m12.72-12.72 1.41-1.41M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Z" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round"/></svg>
62                </span>
63            </button>
64            <button class="orbit-btn orbit-btn-outline orbit-icon-btn orbit-a11y-toggle" id="a11y-toggle" type="button" aria-pressed="false" aria-label="Toggle accessibility mode">
65                <span class="a11y-icon" aria-hidden="true">
66                    <svg viewBox="0 0 24 24" role="img" aria-hidden="true"><path d="M12 4.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm8 5.5H4m6 3v7m4-7v7m-6-7-3 6m12-6 3 6" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
67                </span>
68            </button>
69        </div>
70    </header>
71    <span class="sr-only" id="theme-status" aria-live="polite"></span>
72    <span class="sr-only" id="a11y-status" aria-live="polite"></span>
73
74    <!-- Progress scroll totop -->
75    <div class="progress-wrap cursor-pointer">
76        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
77            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
78        </svg>
79    </div>
80    <div id="lonon-page">
81        <!-- Sidebar Section -->
82        <a href="#" class="js-lonon-nav-toggle lonon-nav-toggle"><i></i></a>
83        <aside id="lonon-aside">
84            <!-- Logo -->
85            <h1 id="lonon-logo">
86                <img src="images/me.png" alt=""><br /><br />
87                <a href="index.html">Ning Zheng</a> | <a>宁 政</a>
88                <br /><br />
89                <span style="font-family: Calibri; color: grey">Applied Scientist II</span>
90                <br />
91                <span style="font-family: Calibri; color: grey">Amazon (P13N)</span>
92            </h1>
93            <!-- Menu -->
94            <nav class="lonon-main-menu">
95                <ul style="text-align: center;">
96                    <li class="active"><a href='index.html'>Home</a></li>
97                    <!-- <li><a href='about.html'>About</a></li> -->
98                    <!-- <li><a href='services.html'>Services</a></li> -->
99                    <!-- <li class="lonon-sub"><a href="#0">Pages</a>
100                        <ul>
101                            <li><a href="pricing.html">Pricing Plan</a></li>
102                            <li><a href="team.html">Team</a></li>
103                            <li><a href="image-gallery.html">Image Gallery</a></li>
104                            <li><a href="video-gallery.html">Video Gallery</a></li>
105                            <li><a href="faqs.html">Faqs</a></li>
106                            <li><a href="404.html">404 Page</a></li>
107                        </ul>
108                    </li> -->
109                    <li><a href="resources/CV_Zheng_Ning.pdf">CV</a></li>
110                    <!-- <li><a href='blog.html'>Blog</a></li> -->
111                    <!-- <li><a href='contact.html'>Contact</a></li> -->
112                </ul>
113            </nav>
114            <!-- Sidebar Footer -->
115            <div class="lonon-footer">
116                <ul>
117                    <li> <a href="mailto:[email protected]"><i class="ti-email gray-icon" icon-color></i></a></li>
118                    <li><a href="https://twitter.com/realningzheng"><i class="ti-twitter-alt gray-icon"></i></a></li>
119                    <li><a href="https://www.linkedin.com/in/realningzheng"><i class="ti-linkedin gray-icon"></i></a>
120                    <!-- </li> -->
121                    <!-- <li><a href="https://www.instagram.com/_zzzning/"><i class="ti-instagram gray-icon"></i></a></li> -->
122                </ul>
123                <p><small>&copy; Ning Zheng <a href="#">Last updated: Feb 2026</a></small></p>
124            </div>
125        </aside>
126        <!-- Main Section -->
127        <div id="lonon-main" role="main">
128            <section class="a11y-panel" aria-label="Accessibility summary">
129                <h2>Accessibility Mode</h2>
130                <p>High-contrast, large-type, low-motion layout with direct navigation for non-visual and low-vision readers.</p>
131                <ul>
132                    <li><a href="#about">Jump to About</a></li>
133                    <li><a href="#research">Jump to Research Systems</a></li>
134                    <!-- <li><a href="#news">Jump to News</a></li> -->
135                    <li><a href="#publications">Jump to Publications</a></li>
136                </ul>
137            </section>
138            <section class="orbit-hero" id="top">
139                <div class="container">
140                    <div class="orbit-hero-grid">
141                        <div class="orbit-hero-text orbit-hero-text--avatar">
142                            <div class="orbit-lede-wrap">
143                                <div class="orbit-lede-avatar">
144                                    <img src="images/me.png" alt="Portrait of Ning Zheng">
145                                </div>
146                                <p>
147                                    Hi!👋👋👋 I'm Ning Zheng (宁政), currently an Applied Scientist at Amazon <img src="images/amazon-icon.svg" alt="Amazon" style="width: auto; height: 1em;"/>, P13N, building generative recommendation systems and intent understanding algorithms for Amazon homepage. I obtained my Ph.D. in Computer Science and Human-Computer Interaction (HCI) at the
148                                    <a href="https://cse.nd.edu/">University of Notre Dame</a> <img src="images/nd.png" alt="Notre Dame" style="width: auto; height: 1em;"/> with
149                                    <a href="https://toby.li/">Prof. Toby Jia-Jun Li</a>.
150                                    My Ph.D. research focused on building multimodal human-AI collaboration systems for augmenting user cognitive capabilities.
151                                </p>
152                                <p>
153                                    Previously worked at Adobe <img src="images/adobe_logo.svg" alt="adobe_logo" style="width: auto; height: 1em;"/>
154                                    and Microsoft <img src="images/microsoft_logo.svg" alt="Microsoft" style="width: auto; height: 1em;"/>
155                                    as a research scientist intern.
156                                </p>
157                            </div>
158                            <div class="orbit-hero-social">
159                                <a class="orbit-social" href="mailto:[email protected]" aria-label="Email">
160                                    <i class="ti-email"></i>
161                                </a>
162                                <a class="orbit-social" href="https://twitter.com/realningzheng" aria-label="Twitter">
163                                    <i class="ti-twitter-alt"></i>
164                                </a>
165                                <a class="orbit-social" href="https://www.linkedin.com/in/realningzheng" aria-label="LinkedIn">
166                                    <i class="ti-linkedin"></i>
167                                </a>
168                                <!-- <a class="orbit-social" href="https://www.instagram.com/_zzzning/" aria-label="Instagram">
169                                    <i class="ti-instagram"></i>
170                                </a> -->
171                            </div>
172                        </div>
173                        <!-- <div class="orbit-hero-cards">
174                            <div class="orbit-card">
175                                <div class="orbit-card-label">Research Interests</div>
176                                <ul>
177                                    <li>Generative recommendation and agent</li>
178                                    <li>Multimodal (Audio and Visual) Interfaces</li>
179                                    <li>Human-Centered AI</li>
180                                    <li>Accessibility</li>
181                                </ul>
182                            </div>
183                        </div> -->
184                    </div>
185                </div>
186            </section>
187
188            <!-- About -->
189                        <section id="about" class="orbit-section">
190                <div class="container">
191                    <!-- <div class="orbit-section-header">
192                        <h2>About</h2>
193                        <p>
193Applied scientist with a background in HCI and multimodal AI.</p>
194                    </div> -->
195                    <div class="orbit-split">
196                        <!-- <div class="orbit-panel">
197                            <h3>Background</h3>
198                            <p>
199                                Trained in Computer Science and Engineering at the
200                                <a href="https://cse.nd.edu/">University of Notre Dame</a> with
201                                <a href="https://toby.li/">Prof. Toby Jia-Jun Li</a>. Dual B.Eng. degrees in Electrical
202                                and Electronic Engineering from <a href="https://en.uestc.edu.cn/">UESTC</a> and the
203                                <a href="https://www.gla.ac.uk/">University of Glasgow</a>.
204                            </p>
205                            <p>
206                                Previously at Adobe <img src="images/adobe_logo.svg" alt="adobe_logo" style="width: auto; height: 1em;"/>
207                                and Microsoft <img src="images/microsoft_logo.svg" alt="Microsoft" style="width: auto; height: 1em;"/>
208                                as a research scientist intern.
209                            </p>
210                        </div> -->
211                        <!-- <div class="orbit-panel">
212                            <h3>What I Work On</h3>
213                            <ul class="orbit-list">
214                                <li>Generative recommenders and ranking for continuous shopping journeys.</li>
215                                <li>LLM-based user modeling and personalization at scale.</li>
216                                <li>Multimodal understanding across visual, audio, and text.</li>
217                                <li>Human-AI interaction and accessible, trustworthy systems.</li>
218                            </ul>
219                        </div> -->
220                    </div>
221                </div>
222            </section>
223            <section id="research" class="orbit-section orbit-section-alt">
224                <div class="container">
225                    <div class="orbit-section-header">
226                        <h2>Research Prototypes</h2>
227                        <p>Selected projects during my Ph.D.</p>
228                    </div>
229                    <div class="orbit-scroll-container">
230                        <article class="orbit-tile">
231                            <div class="orbit-tile-thumb">
232                                <img src="images/projects/aroma.png" alt="AROMA system thumbnail">
233                            </div>
234                            <h4>AROMA</h4>
235                            <p>Mixed-initiative AI assistance for non-visual cooking from videos.</p>
236                            <a href="https://dl.acm.org/doi/abs/10.1145/3746059.3747650">Read the paper</a>
237                        </article>
238                        <article class="orbit-tile">
239                            <div class="orbit-tile-thumb">
240                                <img src="images/projects/agentpbd.png" alt="AgentPbD system thumbnail">
241                            </div>
242                            <h4>Agent PbD</h4>
243                            <p>Agentic workflow generation from user demonstrations on web browsers.</p>
244                            <a href="https://arxiv.org/abs/2510.10049">Read the paper</a>
245                        </article>
246                        <article class="orbit-tile">
247                            <div class="orbit-tile-thumb">
248                                <img src="images/projects/peanut.png" alt="PEANUT system thumbnail">
249                            </div>
250                            <h4>PEANUT</h4>
251                            <p>Human-AI collaboration for multimodal video annotation.</p>
252                            <a href="https://arxiv.org/abs/2307.15167">Read the paper</a>
253                        </article>
254                        <article class="orbit-tile">
255                            <div class="orbit-tile-thumb">
256                                <img src="images/projects/spica.png" alt="SPICA system thumbnail">
257                            </div>
258                            <h4>SPICA</h4>
259                            <p>Interactive audio descriptions for blind and low-vision viewers.</p>
260                            <a href="https://arxiv.org/abs/2402.07300">Read the paper</a>
261                        </article>
262                        <article class="orbit-tile">
263                            <div class="orbit-tile-thumb">
264                                <img src="images/projects/mimosa.png" alt="MIMOSA system thumbnail">
265                            </div>
266                            <h4>MIMOSA</h4>
267                            <p>Human-AI co-creation of spatial audio effects for video.</p>
268                            <a href="https://arxiv.org/abs/2404.15107">Read the paper</a>
269                        </article>
270                    </div>
271                </div>
272            </section>
273
274            <div class="divider1"></div>
275
276            <!-- News Section (commented out)
277            <section id="news" class="section-padding animate-box" data-animate-effect="fadeInUp" style="height: 50vh; overflow: hidden; position: relative; transition: height 0.3s ease;">
278                <button onclick="toggleSection(this)" style="position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #ddd; padding: 5px 15px; cursor: pointer;">
278Show More</button>
279                
279<script>
280                    function toggleSection(btn) {
281                        const section = btn.parentElement;
282                        if (section.style.height === '50vh') {
283                            section.style.height = 'auto';
284                            btn.textContent = 'Show Less';
285                        } else {
286                            section.style.height = '50vh';
287                            btn.textContent = 'Show More';
288                        }
289                    }
290                </script>
290
291                <div class="container">
292                    <div class="row">
293                        <div class="col-md-12">
294                            <div class="section-title">News</div>
295                        </div>
296                    </div>
297                    <div class="row">
298                        <div class="col-md-10">
299                            <ul class="recent">
300                                <li>
301                                    <b>06/2024</b>
302                                    <p>📄 Our paper: "Developer Behaviors in Validating
303                                            and Repairing LLM-Generated Code Using IDE and Eye Tracking" got accepted by <a href="https://conf.researchr.org/track/vlhcc-2024/vlhcc-2024-research-papers?">VL/HCC 2024</a>!
304                                            Check the preprint <a href="https://arxiv.org/pdf/2405.16081">here</a>.
305                                    </p>
306                                </li>
307                                <li>
308                                    <b>05/2024</b>
309                                    <p>📄 One paper got accepted by DIS 2024! We presented <a
310                                            href="https://arxiv.org/abs/2311.05867"> PodReels</a>, a human-AI
311                                        co-creative tool that works with Adobe Pr to help podcasters create video
312                                        teasers for social media by streamlining the clip selection and editing process.
313                                    </p>
314                                </li>
315                                <li>
316                                    <b>04/2024</b>
317                                    <p>📄 One paper got accepted by C&C 2024! We presented <a
318                                            href="https://arxiv.org/abs/2404.15107"> MIMOSA</a>, an interactive tool
319                                        that works with Adobe Pr to allow video creators to generate and manipulate
320                                        spatial audio effects for videos. </p>
321                                </li>
322                                <li>
323                                    <b>02/2024</b>
324                                    <p>📣 Excited to share that I will be working at <a
325                                            href="https://www.microsoft.com/en-us/research/">Microsoft Research</a> <img src="images/microsoft_logo.svg" alt="Microsoft" style="width: auto; height: 1em; "/> as a
326                                        research intern this summer! I am collaborating with the <a
327                                            href="https://www.microsoft.com/en-us/research/group/epic/">EPIC</a> group!
328                                    </p>
329                                </li>
330                                <li>
331                                    <b>01/2024</b>
332                                    <p>📄 Our paper got accepted by CHI 2024! We presented <a
333                                            href="https://sites.google.com/nd.edu/spica"> SPICA</a>, a system to facilitate
334                                        interactive video consumption experience for blind or low-vision viewers. See
335                                        you in Hawaii 🏝️</p>
336                                </li>
337                                <li>
338                                    <b>01/2024</b>
339                                    <p>📄 Our paper got accepted by <a href="https://dl.acm.org/journal/tiis">TiiS</a>.
340                                        We extended our previous research at IUI'23 with new experiments on large
341                                        language models (GPT-4) and a root cause analysis of the model attention and
342                                        human attention. Check the preprint <a
343                                            href="https://arxiv.org/abs/2402.07304">here</a>.</p>
344                                </li>
345                                <li>
346                                    <b>12/2023</b>
347                                    <p>☘️ The official website of <a href="https://hci.nd.edu/">ND HCI</a> is out! Come
348                                        and meet the brilliant minds at Notre Dame! Go Irish!</p>
349                                </li>
350                                <li>
351                                    <b>10/2023</b>
352                                    <p>📄 Our paper on <a href="https://arxiv.org/abs/2305.07372"> Interactive
353                                            Text-to-SQL Generation</a> got accepted to EMNLP 2023!</p>
354                                </li>
355                                <li>
356                                    <b>06/2023</b>
357                                    <p>📄 <a href="https://arxiv.org/abs/2307.15167">PEANUT</a> got accepted by UIST
358                                        2023! We presented a human-AI collaboration tool for annotating sounding objects
359                                        in videos. See you in San Francisco 🌁!</p>
360                                </li>
361                                <li>
362                                    <b>01/2023</b>
363                                    <p>📄 One paper accepted by <a href="https://2023.plateau-workshop.org">PLATEAU
364                                            Workshop</a>. We did an empirical study on developer behaviors for
365                                        validating and repairing AI-generated code. Check our paper
366                                        <a
367                                            href="https://kilthub.cmu.edu/articles/conference_contribution/An_Empirical_Study_of_Developer_Behaviors_for_Validating_and_Repairing_AI-Generated_Code/22223533">here</a>.
368                                    </p>
369                                </li>
370                                <li>
371                                    <b>12/2022</b>
372                                    <p>📣 I will be working at <a href="https://research.adobe.com">Adobe Research</a> <img src="images/adobe_logo.svg" alt="adobe_logo" style="width: auto; height: 1em; "/>
373                                        as a research scientist intern in 2023 Summer. Super excited to work with <a
374                                            href="https://dingzeyu.li">Dingzeyu Li</a>.</p>
375                                </li>
376                                <li>
377                                    <b>01/2023</b>
378                                    <p>📄 Our paper on error taxonomy and error-handling mechanisms in Natural Language
379                                        to SQL (NL2SQL) got accepted by <a href="https://iui.acm.org/2023/">ACM IUI
380                                            2023</a>. See you in Sydney 🇦🇺!</p>
381                                </li>
382                                <li>
383                                    <b>10/2022</b>
384                                    <p>💬 Oral presentation (virtual) at <a href="https://av4d.org/">AV4D Workshop</a> @
385                                        ECCV 2022.</p>
386                                </li>
387                                <li>
388                                    <b>10/2022</b>
389                                    <p>💬 Presenting a poster titled <a
390                                            href="images/portfolio/lucyinstitute_poster_audiovisual.jpeg">Towards
391                                            Effective Multi-Modal Human-AI Collaboration on Audiovisual Data</a> @ <a
392                                            href="https://lucyinstitute.nd.edu/">Lucy Institute for Data & Society</a>
393                                        2022 Fall Symposium.</p>
394                                </li>
395                                <li>
396                                    <b>03/2022</b>
397                                    <p>🏆 I'm honored to receive the gift from <a
398                                            href="https://mynvidia.force.com/HardwareGrant/s/Application">NVIDIA
399                                            Academic Hardware Grant Program</a> (1 RTX A6000 48GB) to support my
400                                        research in creative
401                                        tools and VR/AR.</p>
402                                </li>
403                                <li>
404                                    <b>09/2021</b>
405                                    <p>🥪 Our lab has an official name! <a href="https://toby.li/">SaNDwich</a>:
406                                        <b>S</b>cience of <b>A</b>I at
407                                        <b>N</b>otre <b>D</b>ame <b>W</b>ith <b>I</b>nteraction between <b>C</b>omputer
408                                        and
409                                        <b>H</b>uman.
410                                    </p>
411                                </li>
412                                <li>
413                                    <b>09/2021</b>
414                                    <p>☘️ Started my Ph.D. journey at <a href=""> University of Notre Dame</a> </p>
415                                </li>
416                            </ul>
417                        </div>
418                    </div>
419                </div>
420            </section>
421            -->
422            <div class="divider1"></div>
423            <!-- <section class="section-padding animate-box" data-animate-effect="fadeInUp">
424                <div class="container">
425                    <div class="row">
426                        <div class="col-md-12">
427                            <div class="section-title">Travel</div>
428                        </div>
429                    </div>
430                    <div class="row">
431                        <div class="col-md-10">
432                            <ul class="recent" style="list-style-type: disc;">
433                                <li>
434                                    <strong>2023/04/23 - 2023/04/28</strong>
435                                    <br>
436                                    🇩🇪 Hamburg, Germany for CHI 2023
437                                    <h1></h1>
438                                </li>
439                                <li>
440                                    <strong>2023/03/27 - 2023-03/31</strong>
441                                    <br>
442                                    🇦🇺 Sydney, Australia for IUI 2023
443                                    <h1></h1>
444                                </li>
445                                <li>
446                                    <strong>2021/11/08 - 2020/11/10</strong>
447                                    <br>
448                                    🇺🇸 Pittsburgh, PA for PLATEAU workshop
449                                </li>
450                            </ul>
451                        </div>
452                    </div>
453                </div>
454            </section> -->
455
456            <div class="divider1"></div>
457            <!-- Skills -->
458
459            <div class="divider1"></div>
460            <section id="publications" class="orbit-section">
461                <div class="container">
462                    <div class="orbit-section-header">
463                        <h2>Publications</h2>
464                        <p>Peer-reviewed papers from my research.</p>
465                    </div>
466
467                    <!-- Publication: UIST 2025 -->
468                    <article class="pub-card">
469                        <a href="images/projects/aroma.png" class="pub-card-thumb img-zoom">
470                            <img src="images/projects/aroma.png" alt="AROMA thumbnail">
471                        </a>
472                        <div class="pub-card-content">
473                            <h3 class="pub-card-title">AROMA: Mixed-Initiative AI Assistance for Non-Visual Cooking by Grounding Multimodal Information Between Reality and Videos</h3>
474                            <p class="pub-card-authors"><span class="author-highlight">Zheng Ning</span>, Leyang Li, Daniel Killough, JooYoung Seo, Patrick Carrington, Yapeng Tian, Yuhang Zhao, Franklin Mingzhe Li, Toby Jia-Jun Li</p>
475                            <p class="pub-card-venue">UIST 2025</p>
476                            <div class="pub-card-links">
477                                <a href="https://dl.acm.org/doi/pdf/10.1145/3746059.3747650" class="pub-card-link">
478                                    <svg viewBox="0 0 24 24">
478<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
479                                    PDF
480                                </a>
481                                <a href="https://www.youtube.com/watch?v=hi7YsFJp5KQ" class="pub-card-link">
482                                    <svg viewBox="0 0 24 24"><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
483                                    Video
484                                </a>
485                            </div>
486                        </div>
487                    </article>
488
489                    <!-- Publication: VL/HCC 2025 -->
490                    <article class="pub-card">
491                        <a href="images/projects/agentpbd.png" class="pub-card-thumb img-zoom">
492                            <img src="images/projects/agentpbd.png" alt="AgentPbD thumbnail">
493                        </a>
494                        <div class="pub-card-content">
495                            <h3 class="pub-card-title">AgentPbD: Interactive Agentic Workflow Generation from User Demonstration on Web Browsers</h3>
496                            <p class="pub-card-authors">Jiawen Li, <span class="author-highlight">Zheng Ning</span>, Yuan Tian, Toby Jia-Jun Li</p>
497                            <p class="pub-card-venue">VL/HCC 2025</p>
498                            <div class="pub-card-links">
499                                <a href="https://yuan-tian.com/yuantian_files/VLHCC_2025.pdf" class="pub-card-link">
500                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
501                                    PDF
502                                </a>
503                            </div>
504                        </div>
505                    </article>
506
507                    <!-- Publication: VL/HCC 2024 -->
508                    <article class="pub-card">
509                        <a href="images/projects/vlhcc.png" class="pub-card-thumb img-zoom">
510                            <img src="images/projects/vlhcc.png" alt="Developer Behaviors thumbnail">
511                        </a>
512                        <div class="pub-card-content">
513                            <h3 class="pub-card-title">Developer Behaviors in Validating and Repairing LLM-Generated Code Using IDE and Eye Tracking</h3>
514                            <p class="pub-card-authors">Ningzhi Tang*, Meng Chen*, <span class="author-highlight">Zheng Ning</span>, Aakash Bansal, Yu Huang, Collin McMillan, and Toby Li</p>
515                            <p class="pub-card-venue">VL/HCC 2024</p>
516                            <div class="pub-card-links">
517                                <a href="https://arxiv.org/pdf/2405.16081" class="pub-card-link">
518                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
519                                    PDF
520                                </a>
521                            </div>
522                        </div>
523                    </article>
524
525                    <!-- Publication 2: DIS 2024 -->
526                    <article class="pub-card">
527                        <a href="images/projects/podreels.png" class="pub-card-thumb img-zoom">
528                            <img src="images/projects/podreels.png" alt="PodReels thumbnail">
529                        </a>
530                        <div class="pub-card-content">
531                            <h3 class="pub-card-title">PodReels: Human-AI Co-Creation of Video Podcast Teasers</h3>
532                            <p class="pub-card-authors">Sitong Wang, <span class="author-highlight">Zheng Ning</span>, Anh Truong, Mira Dontcheva, Dingzeyu Li, Lydia B. Chilton</p>
533                            <p class="pub-card-venue">DIS 2024</p>
534                            <div class="pub-card-links">
535                                <a href="https://arxiv.org/abs/2311.
53505867" class="pub-card-link">
536                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
537                                    PDF
538                                </a>
539                                <a href="https://www.youtube.com/watch?v=qSLscIC9U7E" class="pub-card-link">
540                                    <svg viewBox="0 0 24 24"><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
541                                    Video
542                                </a>
543                                <a href="https://youtu.be/wMr7P7u0MdY" class="pub-card-link">
544                                    <svg viewBox="0 0 24 24"><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
545                                    Preview
546                                </a>
547                            </div>
548                        </div>
549                    </article>
550
551                    <!-- Publication 3: C&C 2024 -->
552                    <article class="pub-card">
553                        <a href="images/projects/mimosa.png" class="pub-card-thumb img-zoom">
554                            <img src="images/projects/mimosa.png" alt="MIMOSA thumbnail">
555                        </a>
556                        <div class="pub-card-content">
557                            <h3 class="pub-card-title">MIMOSA: Human-AI Co-Creation of Computational Spatial Audio Effects on Videos</h3>
558                            <p class="pub-card-authors"><span class="author-highlight">Zheng Ning*</span>, Zheng Zhang*, Jerrick Ban, Kaiwen Jiang, Ruohong Gan, Yapeng Tian, and Toby Li</p>
559                            <p class="pub-card-venue">C&C 2024</p>
560                            <div class="pub-card-links">
561                                <a href="https://arxiv.org/abs/2404.15107" class="pub-card-link">
562                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
563                                    PDF
564                                </a>
565                                <a href="https://zning.co/mimosa" class="pub-card-link">
566                                    <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
567                                    Project
568                                </a>
569                            </div>
570                        </div>
571                    </article>
572
573                    <!-- Publication 4: CHI 2024 -->
574                    <article class="pub-card">
575                        <a href="images/projects/spica.png" class="pub-card-thumb img-zoom">
576                            <img src="images/projects/spica.png" alt="SPICA thumbnail">
577                        </a>
578                        <div class="pub-card-content">
579                            <h3 class="pub-card-title">SPICA: Interactive Video Content Exploration through Augmented Audio Descriptions for Blind or Low-Vision Viewers</h3>
580                            <p class="pub-card-authors"><span class="author-highlight">Zheng Ning</span>, Brianna Wimer, Kaiwen Jiang, Keyi Chen, Jerrick Ban, Yapeng Tian, Yuhang Zhao, and Toby Li</p>
581                            <p class="pub-card-venue">CHI 2024</p>
582                            <div class="pub-card-links">
583                                <a href="https://arxiv.org/abs/2402.07300" class="pub-card-link">
584                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
585                                    PDF
586                                </a>
587                                <a href="https://sites.google.com/nd.edu/spica/home" class="pub-card-link">
588                                    <svg viewBox="0 0 24 24">
588<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
589                                    Project
590                                </a>
591                            </div>
592                        </div>
593                    </article>
594
595                    <!-- Publication 5: TiiS 2024 -->
596                    <article class="pub-card">
597                        <a href="images/projects/tiis.png" class="pub-card-thumb img-zoom">
598                            <img src="images/projects/tiis.png" alt="TiiS thumbnail">
599                        </a>
600                        <div class="pub-card-content">
601                            <h3 class="pub-card-title">Insights into Natural Language Database Query Errors: From Attention Misalignment to User Handling Strategies</h3>
602                            <p class="pub-card-authors"><span class="author-highlight">Zheng Ning*</span>, Yuan Tian*, Zheng Zhang, Tianyi Zhang, Toby Li</p>
603                            <p class="pub-card-venue">TiiS (IUI 2023 Special Issue)</p>
604                            <div class="pub-card-links">
605                                <a href="https://arxiv.org/abs/2402.07304" class="pub-card-link">
606                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
607                                    PDF
608                                </a>
609                            </div>
610                        </div>
611                    </article>
612
613                    <!-- Publication 6: UIST 2023 -->
614                    <article class="pub-card">
615                        <a href="images/projects/peanut.png" class="pub-card-thumb img-zoom">
616                            <img src="images/projects/peanut.png" alt="PEANUT thumbnail">
617                        </a>
618                        <div class="pub-card-content">
619                            <h3 class="pub-card-title">PEANUT: A Human-AI Collaborative Tool for Annotating Audio-Visual Data</h3>
620                            <p class="pub-card-authors">Zheng Zhang*, <span class="author-highlight">Zheng Ning*</span>, Chenliang Xu, Yapeng Tian, and Toby Li</p>
621                            <p class="pub-card-venue">UIST 2023</p>
622                            <div class="pub-card-links">
623                                <a href="https://arxiv.org/abs/2307.15167" class="pub-card-link">
624                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
625                                    PDF
626                                </a>
627                                <a href="https://www.youtube.com/watch?v=fGxA4E6vaEA" class="pub-card-link">
628                                    <svg viewBox="0 0 24 24"><path d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
629                                    Video
630                                </a>
631                            </div>
632                        </div>
633                    </article>
634
635                    <!-- Publication 7: EMNLP 2023 -->
636                    <article class="pub-card">
637                        <a href="images/projects/step_by_step.png" class="pub-card-thumb img-zoom">
638                            <img src="images/projects/step_by_step.png" alt="Step-by-Step thumbnail">
639                        </a>
640                        <div class="pub-card-content">
641                            <h3 class="pub-card-title">Interactive Text-to-SQL Generation via Editable Step-by-Step Explanations</h3>
642                            <p class="pub-card-authors">Yuan Tian, Zheng Zhang, <span class="author-highlight">Zheng Ning</span>, Toby Jia-Jun Li, Jonathan K. Kummerfeld, Tianyi Zhang</p>
643                            <p class="pub-card-venue">EMNLP 2023</p>
644                            <div class="pub-card-links">
645                                <a href="https://arxiv.org/abs/2305.07372" class="pub-card-link">
646                                    <svg viewBox="0 0 24 24">
646<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
647                                    PDF
648                                </a>
649                            </div>
650                        </div>
651                    </article>
652
653                    <!-- Publication 8: IUI 2023 -->
654                    <article class="pub-card">
655                        <a href="images/projects/nlq2.png" class="pub-card-thumb img-zoom">
656                            <img src="images/projects/nlq.png" alt="NLQ Study thumbnail">
657                        </a>
658                        <div class="pub-card-content">
659                            <h3 class="pub-card-title">An Empirical Study of Model Errors & User Error Discovery and Repair Strategies in Natural Language Database Queries</h3>
660                            <p class="pub-card-authors"><span class="author-highlight">Zheng Ning*</span>, Zheng Zhang*, Tianyi Sun, Tian Yuan, Tianyi Zhang, and Toby Li</p>
661                            <p class="pub-card-venue">IUI 2023</p>
662                            <div class="pub-card-links">
663                                <a href="https://dl.acm.org/doi/abs/10.1145/3581641.3584067" class="pub-card-link">
664                                    <svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zm-3 9H7v-1h3v1zm5 4H7v-1h8v1zm0-2H7v-1h8v1z"/></svg>
665                                    PDF
666                                </a>
667                            </div>
668                        </div>
669                    </article>
670
671                </div>
672            </section>
673            <div class="divider1"></div>
674            <!-- Project Experience -->
675            <!-- <section class="section-padding animate-box" data-animate-effect="fadeInUp">
676                <div class="container">
677                    <div class="row">
678                        <div class="col-md-12">
679                            <div class="section-subtitle">Resume</div>
680                            <div class="section-title">Recent Projects</div>
681                        </div>
682                    </div>
683                    <div class="row">
684                        <div class="col-md-12">
685                            <div class="blog-sidebar row">
686                                <div class="col-md-12">
687                                    <div class="widget">
688                                        <ul class="recent">
689                                            <li>
690                                                <div class="thum"> <img src="images/blog/blog-02.jpg" alt=""> </div>
691                                                <a>Multimodal exploration of video content for Blind and Visual
692                                                    Impairment (BVI) populations</a>
693                                            </li>
694                                            <li>
695                                                <div class="thum"> <img src="images/blog/blog-02.jpg" alt=""> </div>
696                                                <a href="post.html">MIMOSA: Human-AI co-creation tool for generating and
697                                                    manipulating spatial audio effects for videos</a>
698                                                <p>MIMOSA is the acronym for <b>M</b>agnifying <b>I</b>mmersion by
699                                                    <b>M</b>anipulating <b>O</b>bjects in <b>S</b>patial <b>A</b>udio
700                                                </p>
701                                            </li>
702                                            <li>
703                                                <div class="thum"> <img src="images/blog/blog-03.jpg" alt=""> </div>
704                                                <a href="post.html">PEANUT: Human-in-the-loop data annotation tool for
705                                                    sounding
706                                                    objects in videos</a>
707                                                <p>PEANUT is the acronym for <b>P</b>latform for <b>E</b>fficient
708                                                    <b>A</b>nnotation with <b>N</b>o <b>U</b>nnecessary <b>T</b>edium
709                                            </li>
710                                            <li>
711                                                <div class="thum"> <img src="images/blog/blog-04.jpg" alt=""> </div>
712                                                <a href="post.html">Empirical study on error types and error discovery &
713                                                    repair
714                                                    mechanisms in NL2SQL models</a>
715                                            </li>
716                                        </ul>
717                                    </div>
718                                </div>
719                            </div>
720                        </div>
721                    </div>
722                </div>
723            </section> -->
724            <div class="divider1"></div>
725            <!-- Timeline Experience -->
726            <!-- <section class="section-padding animate-box" data-animate-effect="fadeInUp">
727                <div class="container">
728                    <div class="row">
729                        <div class="col-md-12">
730                            <div class="section-title">My Experience</div>
731                        </div>
732                    </div>
733                    <div class="row">
734                        <div class="col-md-12">
735                            <ul class="lonon-timeline">
736                                <li>
737                                    <div class="lonon-timeline-content">
738                                        <span class="lonon-timeline-date">05/2023 - 10/2023</span>
739                                        <h5>Research Scientist/Engineer Intern </h5>
740                                        <h4>Adobe Research, Seattle, WA</h4>
741                                    </div>
742                                </li>
743                                <li>
744                                    <div class="lonon-timeline-content">
745                                        <span class="lonon-timeline-date">09/2021 - Present</span>
746                                        <h5>Ph.D. in Computer Science and Engineering</h5>
747                                        <h4>University of Notre Dame, USA</h4>
748                                    </div>
749                                </li>
750                                <li>
751                                    <div class="lonon-timeline-content">
752                                        <span class="lonon-timeline-date">09/2020 - 05/2021</span>
753                                        <h5>Research Assistant</h5>
754                                        <h4>University of Eletronic Science and Technology of China, China</h4>
755                                        <p>I was doing research on audio-visual learning</p>
756                                    </div>
757                                </li>
758                                <li>
759                                    <div class="lonon-timeline-content">
760                                        <span class="lonon-timeline-date">09/2016 - 06/2020</span>
761                                        <h5>B.Eng. in Electric and Electronic Engineering</h5>
762                                        <h4>University of Eletronic Science and Technology of China, China</h4>
763                                        <p>Joint education program with University of Glasgow</p>
764
765                                    </div>
766                                </li>
767                                <li>
768                                    <div class="lonon-timeline-content">
769                                        <span class="lonon-timeline-date">09/2016 - 06/2020</span>
770                                        <h5>B.Eng. in Electronic Information Engineerin</h5>
771                                        <h4>University of Glasgow, UK</h4>
772                                        <p>I graduated with First-class hornor degree</p>
773                                    </div>
774                                </li>
775                                <li>
776                                    <div class="lonon-timeline-content">
777                                        <span class="lonon-timeline-date">07/2018 - 08/2018</span>
778                                        <h5>Summer research program</h5>
779                                        <h4>University of Glasgow, UK</h4>
780                                        <p>I was doing research on <i>"Environmental sound source recognition"</i></p>
781                                    </div>
782                                </li>
783                                <li>
784                                    <div class="lonon-timeline-content">
785                                        <span class="lonon-timeline-date">07/2017 - 08/2017</span>
786                                        <h5><a style="color: #000;" href="https://vancouversummerprogram.ubc.ca/">Summer
787                                                exchange program</a></h5>
788                                        <h4>University of British Columbia, Canada</h4>
789                                        <p>I was taking courses on <i>"Strategic Thinking and Design"</i></p>
790                                    </div>
791                                </li>
792                            </ul>
793                        </div>
794                    </div>
795                </div>
796            </section> -->
797
798
799            <!-- Team -->
800            <!-- <section class="team section-padding animate-box" data-animate-effect="fadeInUp">
801                <div class="container">
802                    <div class="row">
803                        <div class="col-md-12">
804                            <div class="section-subtitle"><a class="color-gri" href="index.html">Home</a></div>
805                            <div class="section-title">Meet Creative Team</div>
806                        </div>
807                    </div>
808                    <div class="row">
809                        <div class="col-md-12 owl-carousel owl-theme">
810                            <div class="item">
811                                <div class="img"> <img src="images/team/1.jpg" alt=""> </div>
812                                <div class="info">
813                                    <h6>Lonon F. Smith</h6>
814                                    <p>Director</p>
815                                    <div class="social valign">
816                                        <div class="full-width">
817                                            <p>Software Dev, I.T., CRM, Security</p> <a href="#"><i
818                                                    class="ti-facebook"></i></a> <a href="#"><i
819                                                    class="ti-twitter-alt"></i></a> <a href="#"><i
820                                                    class="ti-instagram"></i></a>
821                                        </div>
822                                    </div>
823                                </div>
824                            </div>
825                            <div class="item">
826                                <div class="img"> <img src="images/team/2.jpg" alt=""> </div>
827                                <div class="info">
828                                    <h6>Elisa White</h6>
829                                    <p>Graphic Designer</p>
830                                    <div class="social valign">
831                                        <div class="full-width">
832                                            <p>Photoshop, Illustrator, Sketch</p> <a href="#"><i
833                                                    class="ti-facebook"></i></a> <a href="#"><i
834                                                    class="ti-twitter-alt"></i></a> <a href="#"><i
835                                                    class="ti-instagram"></i></a>
836                                        </div>
837                                    </div>
838                                </div>
839                            </div>
840                            <div class="item">
841                                <div class="img"> <img src="images/team/3.jpg" alt=""> </div>
842                                <div class="info">
843                                    <h6>Enrico Samara</h6>
844                                    <p>Database Developer</p>
845                                    <div class="social valign">
846                                        <div class="full-width">
847                                            <p>MySQL, MsSQL, Oracle</p> <a href="#"><i class="ti-facebook"></i></a> <a
848                                                href="#"><i class="ti-twitter-alt"></i></a> <a href="#"><i
849                                                    class="ti-instagram"></i></a>
850                                        </div>
851                                    </div>
852                                </div>
853                            </div>
854                            <div class="item">
855                                <div class="img"> <img src="images/team/4.jpg" alt=""> </div>
856                                <div class="info">
857                                    <h6>Jesica Smith</h6>
858                                    <p>Lead Developer</p>
859                                    <div class="social valign">
860                                        <div class="full-width">
861                                            <p>UX Design, JavaScript</p> <a href="#"><i class="ti-facebook"></i></a> <a
862                                                href="#"><i class="ti-twitter-alt"></i></a> <a href="#"><i
863                                                    class="ti-instagram"></i></a>
864                                        </div>
865                                    </div>
866                                </div>
867                            </div>
868                            <div class="item">
869                                <div class="img"> <img src="images/team/5.jpg" alt=""> </div>
870                                <div class="info">
871                                    <h6>Olivia Brown</h6>
872                                    <p>Social Media</p>
873                                    <div class="social valign">
874                                        <div class="full-width">
875                                            <p>Twitter, Writing, Presenting</p> <a href="#"><i
876                                                    class="ti-facebook"></i></a>
877                                            <a href="#"><i class="ti-twitter-alt"></i></a> <a href="#"><i
878                                                    class="ti-instagram"></i></a>
879                                        </div>
880                                    </div>
881                                </div>
882                            </div>
883                            <div class="item">
884                                <div class="img"> <img src="images/team/6.jpg" alt=""> </div>
885                                <div class="info">
886                                    <h6>Emily White</h6>
887                                    <p>I.T. Support Engineer</p>
888                                    <div class="social valign">
889                                        <div class="full-width">
890                                            <p>I.T. Support, Telecommunications</p> <a href="#"><i
891                                                    class="ti-facebook"></i></a> <a href="#"><i
892                                                    class="ti-twitter-alt"></i></a> <a href="#"><i
893                                                    class="ti-instagram"></i></a>
894                                        </div>
895                                    </div>
896                                </div>
897                            </div>
898                        </div>
899                    </div>
900                </div>
901            </section> -->
902            <!-- Footer -->
903            <!-- <div id="lonon-footer2">
904                <div class="lonon-narrow-content">
905                    <div class="row">
906                        <div class="col-md-6">
907                            <p class="lonon-lead">© Zheng Ning. All rights reserved</p>
908                        </div>
909                        <div class="col-md-6">
910                            <ul class="social-network">
911                                <li> <a href="mailto:[email protected]"><i class="ti-email" icon-color></i></a></li>
912                                <li><a href="https://twitter.com/realningzheng"><i
913                                            class="ti-twitter-alt icon-color"></i></a></li>
914                                <li><a href="#"><i class="ti-instagram icon-color"></i></a></li>
915                                <li><a href="www.linkedin.com/in/realningzheng"><i
916                                            class="ti-linkedin icon-color"></i></a>
917                                </li>
918                            </ul>
919                        </div>
920                    </div>
921                </div>
922            </div> -->
923        </div>
924    </div>
925    <!-- jQuery -->
926    
926<script src="js/jquery.min.js"></script>
926
927    
927<script src="js/modernizr-2.6.2.min.js"></script>
927
928    
928<script src="js/jquery.easing.1.3.js"></script>
928
929    
929<script src="js/bootstrap.min.js"></script>
929
930    
930<script src="js/jquery.waypoints.min.js"></script>
930
931    
931<script src="js/sticky-kit.min.js"></script>
931
932    
932<script src="js/isotope.js"></script>
932
933    
933<script src="js/jquery.magnific-popup.min.js"></script>
933
934    
934<script src="js/owl.carousel.min.js"></script>
934
935    
935<script src="js/YouTubePopUp.js"></script>
935
936    
936<script src="js/main.js"></script>
936
937    
937<script src="js/orbit-theme.js"></script>
937
938</body>
939
940</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.