PageSourceSearch

https://leohque.github.io/

html leohque.github.io collected 2026-10-03 09:30:14 UTC 25,270 bytes, 558 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5
6  <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 6-7
6
7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-SJ44236PHZ
vendor: 12 bytes, line 7
7"></script>
8<script>
9  
vendor: 134 bytes, lines 9-13
9window.dataLayer = window.dataLayer || [];
10  function gtag(){dataLayer.push(arguments);}
11  gtag('js', new Date());
12
13  gtag('config', '
13G-SJ44236PHZ
vendor: 4 bytes, line 13
13');
14</script>
14
15
16
17  <title>Leo Martinez - UX & Web Front-end Developer</title>
18  <meta charset="utf-8">
19  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
20  <meta name="description" content="React | Rails | JavaScript | Wordpress | Shopify | Squarespace">
21  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
22  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
23  <link rel="stylesheet" type="text/css" href="style.css">
24</head>
25
26<body>
27
28<!--
29  <nav class="navbar bg-light sticky-top d-flex justify-content-end">
30    <ul class="nav">
31      <li class="nav-item">
32        <a class="nav-link" href="#" data-toggle="modal" data-target="#resumeModal">Resume</a>
33      </li>
34      <li class="nav-item">
35        <a class="nav-link" href="#portfolio">Portfolio</a>
36      </li>
37      <li class="nav-item">
38        <a class="nav-link" href="mailto:[email protected]">Contact</a>
39      </li>
40    </ul>
41  </nav>
42-->
43
44
45  <header class="masthead text-white">
46      <section class="bio d-flex">
47        <div class="col-left text-right mr-2">
48          <img src="images/leo-sq.jpg" class="img-round profile-pic shadow pr-3" alt="leohque user photo">
49          <div class="skills-main d-flex flex-wrap justify-content-end">
50            <span class="skill shadow">React</span>
51            <span class="skill shadow">Ruby on Rails</span>
52            <span class="skill shadow">JavaScript</span>
53            <span class="skill shadow">Wordpress</span>
54            <span class="skill shadow">Squarespace</span>
55            <span class="skill shadow">Shopify</span>
56            <span class="skill shadow">Webflow</span>
57            <span class="skill shadow">Wix</span>
58            <span class="skill shadow">HTML</span>
59            <span class="skill shadow">CSS</span>
60            <span class="skill shadow">UX</span>
61          </div>
62
63          <div class="d-flex justify-content-end pr-2 pt-3">
64            <ul id="social-links">
65              <li><a href="https://github.com/leohque" target="_blank"><i class="fab fa-github-square"></i></a></li>
66              <li><a href="https://www.linkedin.com/in/leopoldoh/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
67              <li><a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope"></i></a></li>
68            </ul>
69          </div>
70
71          <button type="button" class="mr-2 btn button-green shadow font-weight-bold" width="200px" data-toggle="modal" data-target="#resumeModal">
72            View Resumé
73          </button>
74        </div>
75        <div class="col-right ml-2">
76          <h1 class="text-white hello">Hi, I'm Leo~</h1>
77          <h2 class="text-white">A dynamic dreamer from Venezuela<br>
78          currently in Los Angeles.</h2>
79          <p class="pr-3">💬 English / Español / Português</p>
80          <div class="d-flex justify-content-between flex-column">
81            <h5>🎨 UX/UI & Web Designer ⚡️ Front-End Developer</h5>
82            <h5>💡 Digital Communications & Marketing Strategist</h5>
83            <h5 class="pt-3"><strong>👨‍🎓 Bachelor of Science</strong><br>
84              <small><span>💻 &nbsp;  Computer Info Systems</span><br>
85              <span>📊 &nbsp; Information Design</span><br>
86              <span>📝 &nbsp;  Communications</span></small>
87            </h5>
88          </div>
89          <h5 class="pt-3">⚡️ Full-Stack Development<br>@ Le Wagon Bootcamp</h5>
90        </div>
91      </section>
92  </header>
93
94
95<a name="portfolio"></a>
96
97<section class="banner">
98  <h2>Recent Coding Projects</h2>
99</section>
100<section class="portfolio portfolio-code">
101<div class="d-flex justify-content-center flex-wrap">
102    <div class="card d-flex flex-row">
103      <div class="card-left" style="background-image:url('images/flows.png');background-size:cover;background-position:top;"  onclick="window.open('http://cibic-viz.sudo.codes/', '_blank');">
104      </div>
105      <div class="card-right">
106        <h4><a href="http://cibic-viz.sudo.codes/" target="_blank">CiBiC FLOWS</a></h4>
107        <p>A tool to visualize biking patterns in cities.</p>
108          <div class="skill-list">
109            <span class="skill">React</span>
110            <span class="skill">JavaScript</span>
111            <span class="skill">Mapbox</span>
112            <span class="skill">CiBiC API</span>
113            <span class="skill">CSS</span>
114            <span class="skill">HTML</span>
115            <span class="skill">Figma</span>
116          </div>
117      </div>
118    </div>
119
120    <div class="card d-flex flex-row">
121        <div class="card-left" style="background-image:url('images/wol.gif');background-size:cover;background-position:center;"  onclick="window.open('https://infinitegrowth.rocks/wol', '_blank');">
122      </div>
123      <div class="card-right">
124        <h4><a href="https://infinitegrowth.rocks/wol" target="_blank">Wheel of Life</a></h4>
125        <p>A tool to explore where you are using your time, money, and emotional resources.</p>
126        <div class="skill-list">
127          <span class="skill">JavaScript</span>
128          <span class="skill">Chart.js</span>
129          <span class="skill">Wordpress</span>
130          <span class="skill">CSS</span>
131          <span class="skill">HTML</span>
132        </div>
133      </div>
134    </div>
135
136    <div class="card d-flex flex-row">
137      <div class="card-left" style="background-image:url('images/freshco.gif');background-size:cover;background-position:center;"  onclick="window.open('https://github.com/leohque/freshx', '_blank');">
138      </div>
139      <div class="card-right">
140        <h4><a href="https://github.com/leohque/freshx" target="_blank">Freshco</a></h4>
141        <p>Web application to connect with growers in your community.</p>
142        <div class="skill-list">
143        <span class="skill">Ruby on Rails</span>
144        <span class="skill">JavaScript</span>
145        <span class="skill">CSS</span>
146        <span class="skill">HTML</span>
147        <span class="skill">Figma</span>
148        <span class="skill">Node.js</span>
149        <span class="skill">Mapbox</span>
150        <span class="skill">UX</span>
151        </div>
152      </div>
153    </div>
154
155    <div class="card d-flex flex-row">
156      <div class="card-left" style="background-image:url('images/catapult.gif');background-size:cover;background-position:center;"  onclick="window.open('https://github.com/leohque/catapult', '_blank');">
157      </div>
158      <div class="card-right">
159        <h4><a href="https://github.com/leohque/catapult" target="_blank">Catapult Art</a></h4>
160        <p>Web application that locates & displays art shared locally.</p>
161        <div class="skill-list">
162          <span class="skill">Ruby on Rails</span>
163          <span class="skill">JavaScript</span>
164          <span class="skill">CSS</span>
165          <span class="skill">HTML</span>
166          <span class="skill">Figma</span>
167          <span class="skill">Node.js</span>
168          <span class="skill">Mapbox</span>
169          <span class="skill">UX</span>
170        </div>
171      </div>
172    </div>
173
174    <div class="card d-flex flex-row">
175      <div class="card-left" style="background-image:url('images/wonder.gif');background-size:cover;background-position:center;"  onclick="window.open('https://github.com/leohque/rails-longest-word-game', '_blank');">
176      </div>
177      <div class="card-right">
178        <h4><a href="https://github.com/leohque/rails-longest-word-game" target="_blank">Longest Word Game</a></h4>
179        <p>What is the longest word you can find?</p>
180        <div class="skill-list">
181          <span class="skill">Ruby on Rails</span>
182          <span class="skill">Sortable.js</span>
183          <span class="skill">JavaScript</span>
184          <span class="skill">CSS</span>
185          <span class="skill">HTML</span>
186        </div>
187      </div>
188    </div>
189
190    <div class="card d-flex flex-row">
191      <div class="card-left" style="background-image:url('images/heythere.gif');background-size:cover;background-position:center;"  onclick="window.open('https://leohque.github.io/react-gifs/', '_blank');">
192      </div>
193      <div class="card-right">
194        <h4><a href="https://leohque.github.io/react-gifs/" target="_blank">Giphy Search</a></h4>
195        <p>Search for a GIF<br>using the Giphy API.</p>
196        <div class="skill-list">
197          <span class="skill">React</span>
198          <span class="skill">Giphy API</span>
199          <span class="skill">JavaScript</span>
200          <span class="skill">CSS</span>
201          <span class="skill">HTML</span>
202        </div>
203      </div>
204    </div>
205
206    <div class="card d-flex flex-row">
207      <div class="card-left" style="background-image:url('images/texting.gif');background-size:cover;background-position:center;"  onclick="window.open('https://leohque.github.io/chat-redux/', '_blank');">
208      </div>
209      <div class="card-right">
210
211        <h4><a href="https://leohque.github.io/chat-redux/" target="_blank">Live Chat Interface</a></h4>
212        <p>Working live chatroom using wagon-chat API.</p>
213        <div class="skill-list">
214          <span class="skill">React</span>
215          <span class="skill">Redux</span>
216          <span class="skill">Bootstrap</span>
217          <span class="skill">JavaScript</span>
218          <span class="skill">CSS</span>
219          <span class="skill">HTML</span>
220        </div>
221      </div>
222    </div>
223
224    <div class="text-center card card-wildcard">
225      <ul class="list-more">
226        <li><a href="https://leohque.github.io/react-flats/" target="_blank">React Flats Display</a></li>
227        <li><a href="https://github.com/leohque/rails-task-manager" target="_blank">Rails Task Manager</a></li>
228        <li><a href="https://github.com/leohque/rails-mister-cocktail" target="_blank">Rails Recipe Book</a></li>
229        <li><a href="https://github.com/leohque/fullstack-challenges" target="_blank">Full Stack Challenges</a></li>
230      </ul>
231      <a class="btn btn-success ml-3 mr-3" href="https://github.com/leohque" target="_blank" role="button">See More on Github</a>
232    </div>
233  </div>
234</section>
235
236<section class="banner">
237  <h2>Recent Websites Created</h2>
238</section>
239
240<section class="portfolio portfolio-websites d-flex justify-content-center flex-wrap">
241
242
243  <div class="card">
244    <div class="row-top" style="background-image:url('images/revolutionarylove.png');background-size:cover;background-position:top;"  onclick="window.open('https://revolutionarylove.org', '_blank');">
245    </div>
246    <div class="row-bottom">
247      <span>
248        <h4><a href="https://revolutionarylove.org" target="_blank">Revolutionary Love Project</a></h4>
249        <div class="skill-list">
250          <span class="skill">WordPress</span>
251          <span class="skill">Elementor</span>
252          <span class="skill">JavaScript</span>
253          <span class="skill">CSS</span>
254          <span class="skill">HTML</span>
255        </div>
256      </span>
257    </div>
258  </div>
259
260  <div class="card">
261    <div class="row-top" style="background-image:url('images/kvl.png');background-size:cover;background-position:top;"  onclick="window.open('https://karolinvanloon.com', '_blank');">
262    </div>
263    <div class="row-bottom">
264      <span>
265        <h4><a href="https://karolinvanloon.com" target="_blank">Karolin Van Loon</a></h4>
266        <div class="skill-list">
267          <span class="skill">Shopify</span>
268          <span class="skill">JavaScript</span>
269          <span class="skill">Liquid</span>
270          <span class="skill">CSS</span>
271          <span class="skill">HTML</span>
272        </div>
273      </span>
274    </div>
275  </div>
276
277
278  <div class="card">
279    <div class="row-top" style="background-image:url('images/sjs.png');background-size:cover;background-position:top;"  onclick="window.open('https://sarajanesherman.com', '_blank');">
280    </div>
281    <div class="row-bottom">
282      <span>
283        <h4><a href="https://sarajanesherman.com" target="_blank">Sara Jane Sherman</a></h4>
284        <div class="skill-list">
285          <span class="skill">Wix</span>
286          <span class="skill">JavaScript</span>
287          <span class="skill">CSS</span>
288          <span class="skill">HTML</span>
289        </div>
290      </span>
291    </div>
292  </div>
293
294
295      <div class="card">
296        <div class="row-top" style="background-image:url('images/riaan.png');background-size:cover;background-position:top;"  onclick="window.open('https://riaanresearch.org', '_blank');">
297        </div>
298        <div class="row-bottom">
299          <span>
300            <h4><a href="https://riaanresearch.org" target="_blank">Riaan Research Initiative</a></h4>
301            <div class="skill-list">
302              <span class="skill">Wordpress</span>
303              <span class="skill">Elementor</span>
304              <span class="skill">Substack</span>
305              <span class="skill">CSS</span>
306              <span class="skill">HTML</span>
307              <span class="skill">UX</span>
308            </div>
309          </span>
310        </div>
311      </div>
312      <div class="card">
313        <div class="row-top" style="background-image:url('images/valarie.png');background-size:cover;background-position:top;"  onclick="window.open('https://valariekaur.com', '_blank');">
314        </div>
315        <div class="row-bottom">
316          <span>
317            <h4><a href="https://valariekaur.com" target="_blank">Valarie Kaur</a></h4>
318            <div class="skill-list">
319              <span class="skill">Wordpress</span>
320              <span class="skill">Elementor</span>
321              <span class="skill">JavaScript</span>
322              <span class="skill">CSS</span>
323              <span class="skill">HTML</span>
324            </div>
325          </span>
326        </div>
327      </div>
328
329      <div class="card">
330        <div class="row-top" style="background-image:url('images/bcco.png');background-size:cover;background-position:top;"  onclick="window.open('https://bcco.coop', '_blank');">
331        </div>
332        <div class="row-bottom">
333          <span>
334            <h4><a href="https://bcco.coop" target="_blank">Boston Center for Community Ownership</a></h4>
335            <div class="skill-list">
336              <span class="skill">Wordpress</span>
337              <span class="skill">Elementor</span>
338              <span class="skill">CSS</span>
339              <span class="skill">HTML</span>
340              <span class="skill">Zapier</span>
341            </div>
342          </span>
343        </div>
344      </div>
345
346      <div class="card">
347        <div class="row-top" style="background-image:url('images/progressive.png');background-size:cover;background-position:top;"  onclick="window.open('https://progressivemass.com', '_blank');">
348        </div>
349        <div class="row-bottom">
350          <span>
351            <h4><a href="https://progressivemass.com" target="_blank">Progressive Massachusetts</a></h4>
352            <div class="skill-list">
353              <span class="skill">Wordpress</span>
354              <span class="skill">Elementor</span>
355              <span class="skill">Action Network</span>
356              <span class="skill">CSS</span>
357              <span class="skill">HTML</span>
358            </div>
359          </span>
360        </div>
361      </div>
362      <div class="card">
363        <div class="row-top" style="background-image:url('images/khmer.png');background-size:cover;background-position:top;"  onclick="window.open('https://khmeridentity.com', '_blank');">
364        </div>
365        <div class="row-bottom">
366          <span>
367            <h4><a href="https://khmeridentity.com" target="_blank">Khmer Identity</a></h4>
368            <div class="skill-list">
369              <span class="skill">Wordpress</span>
370              <span class="skill">Elementor</span>
371              <span class="skill">Eventbrite</span>
372              <span class="skill">MailChimp</span>
373              <span class="skill">CSS</span>
374              <span class="skill">HTML</span>
375            </div>
376          </span>
377        </div>
378      </div>
379      <div class="card">
380        <div class="row-top" style="background-image:url('images/dbe.png');background-size:cover;background-position:top;"  onclick="window.open('https://democracybeyondelections.org', '_blank');">
381        </div>
382        <div class="row-bottom">
383          <span>
384            <h4><a href="https://democracybeyondelections.org" target="_blank">Democracy Beyond Elections</a></h4>
385            <div class="skill-list">
386              <span class="skill">Wordpress</span>
387              <span class="skill">Elementor</span>
388              <span class="skill">Hubspot</span>
389              <span class="skill">Zapier</span>
390              <span class="skill">CSS</span>
391              <span class="skill">HTML</span>
392              <span class="skill">UX</span>
393            </div>
394          </span>
395        </div>
396      </div>
397      <div class="card">
398        <div class="row-top" style="background-image:url('images/houseus.png');background-size:cover;background-position:top;"  onclick="window.open('https://houseus.org', '_blank');">
399        </div>
400        <div class="row-bottom">
401          <span>
402            <h4><a href="https://houseus.org" target="_blank">HouseUS</a></h4>
403            <div class="skill-list">
404              <span class="skill">Wordpress</span>
405              <span class="skill">Elementor</span>
406              <span class="skill">CSS</span>
407              <span class="skill">HTML</span>
408            </div>
409          </span>
410        </div>
411      </div>
412      <div class="card">
413        <div class="row-top" style="background-image:url('images/infinitegrowth.png');background-size:cover;background-position:top;"  onclick="window.open('https://infinitegrowth.rocks', '_blank');">
414        </div>
415        <div class="row-bottom">
416          <span>
417            <h4><a href="https://infinitegrowth.rocks" target="_blank">Infinite Growth</a></h4>
418            <div class="skill-list">
419              <span class="skill">Wordpress</span>
420              <span class="skill">Teachable</span>
421              <span class="skill">JavaScript</span>
422              <span class="skill">CSS</span>
423              <span class="skill">HTML</span>
424            </div>
425          </span>
426        </div>
427      </div>
428      <div class="card">
429        <div class="row-top" style="background-image:url('images/njeja.png');background-size:cover;background-position:top;"  onclick="window.open('https://njeja.org', '_blank');">
430        </div>
431        <div class="row-bottom">
432          <span>
433            <h4><a href="https://njeja.org" target="_blank">New Jersey Environmental Justice Alliance</a></h4>
434            <div class="skill-list">
435              <span class="skill">Wordpress</span>
436              <span class="skill">Elementor</span>
437              <span class="skill">Multi-Language</span>
438              <span class="skill">CSS</span>
439              <span class="skill">HTML</span>
440            </div>
441          </span>
442        </div>
443      </div>
444      <!--
445      <div class="card" style="display:none">
446        <div class="row-top" style="background-image:url('images/shapeofcare.png');background-size:cover;background-position:top;"  onclick="window.open('https://theshapeofcare.org', '_blank');">
447        </div>
448        <div class="row-bottom">
449          <span>
450            <h4><a href="https://theshapeofcare.org" target="_blank">The Shape of Care</a></h4>
451            <div class="skill-list">
452              <span class="skill">Wordpress</span>
453              <span class="skill">Simplecast</span>
454              <span class="skill">CSS</span>
455              <span class="skill">HTML</span>
456            </div>
457          </span>
458        </div>
459      </div>
460    -->
461      <div class="card" style="display:none">
462        <div class="row-top" style="background-image:url('images/yao.png');background-size:cover;background-position:top;"  onclick="window.open('https://cookingwithyao.com', '_blank');">
463        </div>
464        <div class="row-bottom">
465          <span>
466            <h4><a href="https://cookingwithyao.com" target="_blank">Cooking With Yao</a></h4>
467            <div class="skill-list">
468              <span class="skill">Squarespace</span>
469              <span class="skill">CSS</span>
470              <span class="skill">HTML</span>
471            </div>
472          </span>
473        </div>
474      </div>
475</section>
476
477    <section class="banner">
478      <h2>Other Involvement</h2>
479    </section>
480
481    <section class="portfolio portfolio-other d-flex flex-wrap justify-content-center">
482
483      <div class="card-large">
484        <h4><a href="https://www.codingwithkids.com/" target="_blank">Coding With Kids</a></h4>
485        <p>Taught K-3 kids how to code using <a href="https://scratch.mit.edu/" target="_blank">Scratch</a> in after-school programming.</p>
486        <div class="d-flex justify-content-center flex-wrap">
487          <figure class="figure">
488            <img src="images/scratch1st.gif" width="350px" alt="GIF showcasing something coded by a 1st grader" class="m-2 shadow" />
489            <figcaption class="figure-caption"><em>Created by a 1st grader</em></figcaption>
490          </figure>
491          <figure class="figure">
492            <img src="images/scratch2nd.gif" width="350px" alt="GIF showcasing something coded by a 2nd grader" class="m-2 shadow" />
493            <figcaption class="figure-caption"><em>Created by a 2nd grader</em></figcaption>
494          </figure>
495        </div>
496      </div>
497
498      <div class="card-large xs">
499        <h4><a href="https://thefoodproject.org">The Food Project</a></h4>
500        <p>Co-managed a 32-acre organic vegetable farm that provided fresh produce to food desert communities in Massachusetts.</p>
501        <div class="d-flex justify-content-center flex-wrap">
502          <a href="https://thefoodproject.org/" target="_blank"><img src="images/veggies.png" width="350px" alt="Veggies by The Food Project" class="m-2 shadow" /></a>
503        </div>
504      </div>
505
506
507      <div class="card-large xs">
508        <h4><a href="https://www.instagram.com/eco4youth/" target="_blank">GreenRoots / ECO</a></h4>
509        <p>Co-Managed a youth employment program focused on civic engagement, community empowerment & environmental justice in Chelsea, Massachusetts.</p>
510        <div class="d-flex justify-content-center flex-wrap">
511          <a href="https://www.instagram.com/eco4youth/" target="_blank"><img src="images/eco.png" width="350px" alt="Posters created by ECO" class="m-2 shadow" /></a>
512        </div>
513      </div>
514
515      <div class="card-large xs">
516        <h4><a href="https://www.instagram.com/healthychelseama/" target="_blank">Healthy Chelsea / Youth Food Movement</a></h4>
517        <p>Co-Managed youth employment programs focused on improving the school food, gardens & composting efforts in Chelsea, Massachusetts.</p>
518        <div class="d-flex justify-content-center flex-wrap">
519          <a href="https://www.instagram.com/healthychelseama/" target="_blank"><img src="images/anitas02.jpg" width="250px" alt="Kids gardening at Anita's garden" class="m-2 shadow" /></a>
520        </div>
521      </div>
522
523    </section>
524
525
526
527    <div class="modal fade" id="resumeModal" tabindex="-1" role="dialog" aria-labelledby="resumeModalTitle" aria-hidden="true">
528      <div class="modal-dialog modal-dialog-centered" role="document">
529        <div class="modal-content">
530          <div class="modal-header">
531            <h5 class="modal-title" id="resumeModalLongTitle">Resumé</h5>
532            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
533              <span aria-hidden="true">&times;</span>
534            </button>
535          </div>
536          <div class="modal-body">
537            <a href="resources/resume.pdf" target="_blank"><img src="images/resume1.png" class="w-100"><br>Download PDF</a>
538          </div>
539          <div class="modal-footer">
540            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
541          </div>
542        </div>
543      </div>
544    </div> <!-- end resume popup -->
545
546    <div class="text-center">
547      <h3 class="text-white">Let's work together! 🤗<br>Feel free to reach out~</h5>
548      <ul id="social-links">
549        <li><a href="https://github.com/leohque" target="_blank"><i class="fab fa-github-square"></i></a></li>
550        <li><a href="https://www.linkedin.com/in/leopoldoh/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
551        <li><a href="mailto:[email protected]" target="_blank"><i class="fas fa-envelope"></i></a></li>
552      </ul>
553    </div>
554
555    
555<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
555
556    
556<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
556
557  </body>
558</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.