PageSourceSearch

https://chapien.net/

html chapien.net collected 2026-10-08 11:01:03 UTC 25,481 bytes, 666 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-us" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
3    <head>
4	<meta name="generator" content="Hugo 0.147.7"><head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7
8    
9        
10 <section class="h-card" style="display: none;">
11   <a class="u-url" rel="me" href=""></a>
12    <span class="p-name" rel="me"></span>
13    <span class="p-nickname"></span>
14    
15    <span class="p-note" rel="me"></span></section>
16        <meta name="description" content="Claire&#39;s personal blog.">
17        <title>The Claire Scrolls</title>
18    
19
20    <link href="/blog/index.xml" rel="alternate" type="application/rss+xml" title="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]'s blog">
21    <link href="/art/index.xml" rel="alternate" type="application/rss+xml" title="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]'s art">
22
23    
24    
25    
26    
27    
28        
29    
30    <link href="/assets/css/stylesheet.min.14f7fc20cc92ab871edb1a57cf8b9b476183b82e5a392573c7d18971133b8de8.css" integrity="sha256-FPf8IMySq4ce2xpXz4ubR2GDuC5aOSVzx9GJcRM7jeg=" rel="stylesheet">
31
32    <link rel="shortcut icon" href="/favicon.ico?v=4" type="image/x-icon">
33    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=3">
34    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=3">
35
36    <meta name="robots" content="noai">
37    <meta name="fediverse:creator" content="" />
38
39    
40
41    <meta name="author" content="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]">
42    <meta name="creator" content="map[email:[email protected] name:Claire nickname:chapien pronouns:[She Her]]">
43
44    <meta name="description" content="Claire&#39;s personal blog.">
45    
46    
47    <meta name="color-scheme" content="dark light">
48
49    <meta property="og:title" content="Home">
50<meta property="og:description" content="Claire&#39;s personal blog.">
51<meta property="og:type" content="website">
52<meta property="og:url" content="https://chapien.net/">
53
54</head>
55
56    </head>
57    <body><a href="https://chapien.net/cdn-cgi/content?id=2E_6cjBlTrYRGdyF1YVds1wefHnljQIiACFclnkDiOM-1791457263.6955376-1.2.1.1-Je9TfE0MxDNlPv8L9e41U0X3eR6Rk1fd_51H8fSBKoDa8gHr3BxkUr0HQ9246dmw" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a>
58        <header>
58<script>
59    if (localStorage.getItem("pref-theme") === "dark") {
60        document.body.classList.add('dark');
61    } else if (localStorage.getItem("pref-theme") === "light") {
62        document.body.classList.remove('dark')
63    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
64        document.body.classList.add('dark');
65    }
66</script>
66<script>
67    if (localStorage.getItem("pref-font") === "serif") {
68        document.body.classList.add('serif-toggle')
69    }
70    else if (localStorage.getItem("pref-font") === "sans") {
71        document.body.classList.remove('serif-toggle')
72    }
73</script>
73
74	<picture>
75		
76		
77        <a href="/" rel=me><img class="profile-picture" alt="Profile Picture" src="/images/profile.png" width="512" height="512"></a>
78	</picture>
79
80<h1>The Claire Scrolls</h1>
81<div class="title-toggles">
82    <button id="theme-toggle" accesskey="t" title="(Alt + T)">
83        
84            <img id="moon" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/moon.svg">
85        
86        
87            <img id="sun" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/sun.svg">
88        
89    </button><button id="font-toggle">
90        
91            <img id="serif" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/serif.svg">
92        
93        
94            <img id="sans" alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/sans.svg">
95        
96    </button></div>
97</header>
98        <div id="content">
99        <aside>
100<style>
101    .site-menu {
102        .external-link {
103            display: none;
104        }
105    }
106</style>
107
108
109<nav>
110    <details id="nav-menu" open>
111        <summary>Menu</summary>
112
113        <strong class="nav-title">Navigation</strong>
114
115        
116
117        
118            <div class="site-menu">
119                
120                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/home.svg">
121                
122                
123                
124                    
125                
126                <a href="https://chapien.net/" class="nav-item">Home</a>
127            </div>
128        
129            <div class="site-menu">
130                
131                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/blog.svg">
132                
133                
134                
135                    
136                
137                <a href="https://chapien.net/blog" class="nav-item">Blog</a>
138            </div>
139        
140            <div class="site-menu">
141                
142                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/book.svg">
143                
144                
145                
146                    
147                
148                <a href="https://chapien.net/stories" class="nav-item">Stories</a>
149            </div>
150        
151            <div class="site-menu">
152                
153                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/games.svg">
154                
155                
156                
157                    
158                
159                <a href="https://chapien.net/game-dev" class="nav-item">Game Dev</a>
160            </div>
161        
162            <div class="site-menu">
163                
164                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/git.svg">
165                
166                
167                
168                    
169                
170                <a href="https://chapien.net/software" class="nav-item">Software</a>
171            </div>
172        
173            <div class="site-menu">
174                
175                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/art.svg">
176                
177                
178                
179                    
180                
181                <a href="https://chapien.net/art" class="nav-item">Art</a>
182            </div>
183        
184            <div class="site-menu">
185                
186                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/archives.svg">
187                
188                
189                
190                    
191                
192                <a href="https://chapien.net/archives" class="nav-item">Archives</a>
193            </div>
194        
195            <div class="site-menu">
196                
197                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/globe.svg">
198                
199                
200                
201                    
202                
203                <a href="https://chapien.net/links" class="nav-item">Links</a>
204            </div>
205        
206            <div class="site-menu">
207                
208                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/guestbook.svg">
209                
210                
211                
212                    
213                
214                <a href="https://chapien.net/guestbook" class="nav-item">Guestbook</a>
215            </div>
216        
217            <div class="site-menu">
218                
219                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/computer.svg">
220                
221                
222                
223                    
224                
225                <a href="https://chapien.net/my-computer" class="nav-item">My Computer</a>
226            </div>
227        
228            <div class="site-menu">
229                
230                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/about.svg">
231                
232                
233                
234                    
235                
236                <a href="https://chapien.net/about" class="nav-item">About</a>
237            </div>
238        
239            <div class="site-menu">
240                
241                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/contact.svg">
242                
243                
244                
245                    
246                
247                <a href="https://chapien.net/contact" class="nav-item">Contact</a>
248            </div>
249        
250            <div class="site-menu">
251                
252                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/copyleft.svg">
253                
254                
255                
256                    
257                
258                <a href="https://chapien.net/attributions" class="nav-item">Attributions</a>
259            </div>
260        
261            <div class="site-menu">
262                
263                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/rss.svg">
264                
265                
266                
267                    
268                
269                <a href="https://chapien.net//blog/feed.xml" class="nav-item">RSS</a>
270            </div>
271        
272
273        <br/>
274
275        <strong class="nav-title">Links</strong>
276
277        
278            <div class="site-menu">
279                
280                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/keyoxide.svg">
281                
282                <a rel="me" href="https://keyoxide.org/97810fc8f87bb5dc53012e81c5a81c724397b6b5" class="nav-item" target="_blank">Keyoxide (GPG Proofs)<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
283            </div>
284        
285            <div class="site-menu">
286                
287                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/pronouns.svg">
288                
289                <a rel="me" href="https://en.pronouns.page/@chapien" class="nav-item" target="_blank">Pronouns<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
290            </div>
291        
292            <div class="site-menu">
293                
294                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/itchio.svg">
295                
296                <a rel="me" href="https://chapien.itch.io/" class="nav-item" target="_blank">itch.io<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
297            </div>
298        
299            <div class="site-menu">
300                
301                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/kofi.svg">
302                
303                <a rel="me" href="https://ko-fi.com/chapien" class="nav-item" target="_blank">ko-fi<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
304            </div>
305        
306            <div class="site-menu">
307                
308                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/gitlab.svg">
309                
310                <a rel="me" href="https://gitlab.com/Chapien" class="nav-item" target="_blank">GitLab<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
311            </div>
312        
313            <div class="site-menu">
314                
315                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/github.svg">
316                
317                <a rel="me" href="https://github.com/Chapien" class="nav-item" target="_blank">GitHub<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
318            </div>
319        
320            <div class="site-menu">
321                
322                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/bluesky.svg">
323                
324                <a rel="me" href="https://bsky.app/profile/claire.chapien.net" class="nav-item" target="_blank">Bluesky<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
325            </div>
326        
327            <div class="site-menu">
328                
329                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/tumblr.svg">
330                
331                <a rel="me" href="https://chappydev.tumblr.com/" class="nav-item" target="_blank">Tumblr<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
332            </div>
333        
334            <div class="site-menu">
335                
336                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/mastodon.svg">
337                
338                <a rel="me" href="https://tech.lgbt/@chapien" class="nav-item" target="_blank">Mastodon<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
339            </div>
340        
341            <div class="site-menu">
342                
343                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/bookwyrm.svg">
344                
345                <a rel="me" href="https://bookwyrm.social/user/chapien" class="nav-item" target="_blank">Bookwyrm<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
346            </div>
347        
348            <div class="site-menu">
349                
350                    <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/letterboxd.svg">
351                
352                <a rel="me" href="https://letterboxd.com/chapien/" class="nav-item" target="_blank">Letterboxd<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
353            </div>
354        
355
356        
357        
358            <hr>
359            
360
361            
361<script src="/scripts/nowplaying.js"></script>
361
362
363            <div class="nowplayingcard">
364                <div class="nowplayingcontainer-inner">
365                    <strong class="nav-title">Now Playing</strong>
366                    <div class="trackInfo">
367                        <img id="trackart" src="#">
368                        <div class="site-menu">
369                            
370                            
371                                <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/music.svg">
372                            
373                            <a id="tracktitle" class="nav-item"></a>
374                        </div>
375                        <div class="site-menu">
376                            
377                            
378                                <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/disc.svg">
379                            
380                            <span id="album" class="nav-item" href="#"></a>
381                        </div>
382                        <div class="site-menu">
383                            
384                            
385                                <img alt="" class="symbolic-icon" style="image-rendering: pixelated;" width="16" height="16" src="/icons/mic.svg">
386                            
387                            <span id="artist" class="nav-item" href="#"></a>
388                        </div>
389                    </div>
390                </div>
391            </div>
392
393            
393<script>
394            setInterval(getLastTrack("chapien","7d08c0a2824f4bd15ec6505cb5d06492"), 10 * 1000);
395            </script>
395
396        
397    </details>
398</nav>
399
400
401</aside>
402        <article >
403        <div class="breadcrumbs">
404            
405
406
407
408        </div>
409    <h2>Home</h2>
410    <hr>
411
412    <p>Hello there! My name is Claire, also known as chapien online. I&rsquo;m a game developer who has worked primarily on ports throughout my time in the industry, and an aspiring writer. I&rsquo;m hoping to have this website serve as a central place for all of my work to be collected and tracked.</p>
413<p>Here, you&rsquo;ll find 
414
415<a class="ext-link" href="blog" >blog</a> posts about a myriad of topics ranging from software engineering, politics, LGBT issues, and mental health. I&rsquo;m rather opinionated, and I will state outright that I am quite left-leaning politically. I do not ask that you agree with me, only that you approach my works with respect.</p>
416<p>In addition to blog posts, I&rsquo;m hoping to post short stories as well as updates on games I&rsquo;m developing. Watch this space!</p>
417<p>All content on this website is written by a human being, usually me. I do not make use of AI tools. If I ever do, it will likely be to experiment and demonstrate the flaws of relying on said tools rather than wholesale relying on them. Even in the usecases of AI I am okay with (such as upscaling), I will make extremely clear if there is any AI involved in anything I am posting, even if I am merely sharing it.</p>
418<p>Do not train your AI model on this website. If you do, 
419
420<a class="ext-link" href="https://developers.cloudflare.com/bots/additional-configurations/ai-labyrinth/" 
421target="_blank">Cloudflare will banish you to the shadow realm<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>.</p>
422<p>
423
424<a class="ext-link" href="about" >Read more about me</a></p>
425<h3 id="recent-blog-posts">Recent Blog Posts <a class="header-link" aria-hidden="true" href="#recent-blog-posts">#</a></h3>
426<div class="generic-con">
427    <ul style="padding: 0">
428    
429        <li style="margin-left: 10px; list-style-type: square;">
430            <a href="/blog/2025/on-dignity/">On Dignity</a>
431            <p><i>In the wake of Charlie Kirk&rsquo;s murder, the media class of America has called on us to honor his legacy. But why should those of us who were harmed by Kirk honor him?</i></p>
432        </li>
433    
434        <li style="margin-left: 10px; list-style-type: square;">
435            <a href="/blog/2025/my-time-with-macos-as-a-linux-user/">My Time with MacOS as a Linux User</a>
436            <p><i>A curse upon the name of Tim Cook! Well, okay, it wasn&rsquo;t THAT bad.</i></p>
437        </li>
438    
439        <li style="margin-left: 10px; list-style-type: square;">
440            <a href="/blog/2025/institutionalization-is-evil/">Institutionalization is Evil</a>
441            <p><i>Institutionalization is similar to prison, and in many ways worse.</i></p>
442        </li>
443    
444    </ul>
445
446    <a href="/blog">View all blog posts</a>
447</div>
448
449<h3 id="programming">Programming <a class="header-link" aria-hidden="true" href="#programming">#</a></h3>
450<p>While I am trying to break more into the world of writing, I am still primarily a programmer. Here are some of the programming languages and APIs that I know.</p>
451<h4 id="languages">Languages <a class="header-link" aria-hidden="true" href="#languages">#</a></h4>
452<p>Languages I know with my experience level. Sorted by type: Programming language, scripting language, web development.</p>
453<table>
454  <thead>
455      <tr>
456          <th>Language</th>
457          <th>Skill Level</th>
458      </tr>
459  </thead>
460  <tbody>
461      <tr>
462          <td>C/C++</td>
463          <td>
464
465<span style="color: #a3be8c;">Experienced</span></td>
466      </tr>
467      <tr>
468          <td>C#</td>
469          <td>
470
471<span style="color: #ebcb8b;">Intermediate</span></td>
472      </tr>
473      <tr>
474          <td>Java</td>
475          <td>
476
477<span style="color: #ebcb8b;">Intermediate</span></td>
478      </tr>
479      <tr>
480          <td>Rust</td>
481          <td>
482
483<span style="color: #bf616a;">Beginner</span></td>
484      </tr>
485      <tr>
486          <td>GDScript</td>
487          <td>
488
489<span style="color: #a3be8c;">Experienced</span></td>
490      </tr>
491      <tr>
492          <td>Bash/Zsh</td>
493          <td>
494
495<span style="color: #ebcb8b;">Intermediate</span></td>
496      </tr>
497      <tr>
498          <td>Python</td>
499          <td>
500
501<span style="color: #ebcb8b;">Intermediate</span></td>
502      </tr>
503      <tr>
504          <td>HTML</td>
505          <td>
506
507<span style="color: #a3be8c;">Experienced</span></td>
508      </tr>
509      <tr>
510          <td>CSS</td>
511          <td>
512
513<span style="color: #ebcb8b;">Intermediate</span></td>
514      </tr>
515      <tr>
516          <td>JavaScript</td>
517          <td>
518
519<span style="color: #ebcb8b;">Intermediate</span></td>
520      </tr>
521  </tbody>
522</table>
523<h4 id="frameworks">Frameworks <a class="header-link" aria-hidden="true" href="#frameworks">#</a></h4>
524<p>APIs and frameworks that I am familiar with and my skill level. Sorted by: Game development, UI frameworks, web development.</p>
525<table>
526  <thead>
527      <tr>
528          <th>Framework</th>
529          <th>Skill Level</th>
530      </tr>
531  </thead>
532  <tbody>
533      <tr>
534          <td>Godot Engine</td>
535          <td>
536
537<span style="color: #a3be8c;">Experienced</span></td>
538      </tr>
539      <tr>
540          <td>RPG Maker</td>
541          <td>
542
543<span style="color: #ebcb8b;">Intermediate</span></td>
544      </tr>
545      <tr>
546          <td>Unity Engine</td>
547          <td>
548
549<span style="color: #ebcb8b;">Intermediate</span></td>
550      </tr>
551      <tr>
552          <td>Game Maker</td>
553          <td>
554
555<span style="color: #d08770;">Rusty</span></td>
556      </tr>
557      <tr>
558          <td>Unreal Engine</td>
559          <td>
560
561<span style="color: #d08770;">Rusty</span></td>
562      </tr>
563      <tr>
564          <td>Qt</td>
565          <td>
566
567<span style="color: #bf616a;">Beginner</span></td>
568      </tr>
569      <tr>
570          <td>Hugo</td>
571          <td>
572
573<span style="color: #ebcb8b;">Intermediate</span></td>
574      </tr>
575  </tbody>
576</table>
577
578
579        </article>
580        
581        </div>
582        <footer><div id="f-badges">
583    
584        
585        
586        
587             <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en"><img style="image-rendering: pixelated;" width="80" height="15" src="/by-nc-sa.png" alt="CC BY NC SA"></a>
588        
589    
590        
591        
592        
593             <a href="https://chapien.net/blog/feed.xml"><img style="image-rendering: pixelated;" width="80" height="15" src="/rssbanner.webp" alt="RSS"></a>
594        
595    
596
597    <br/>
598
599    
600
601    
602</div>
603
604
605
606<div class="f-list">
607    <ul class="nice-list">
608        
609            <li>
610                
611                
612                    
613                
614                <a href="https://chapien.net/about">About</a>
615            </li>
616        
617            <li>
618                
619                
620                <a href="https://gitlab.com/Chapien/chapien.net">Source Code</a>
621            </li>
622        
623    </ul>
624</div>
625
626<div class = "copyright">
627    Copyright © 2025 by Claire. Licensed under 
628
629<a class="ext-link" href="https://creativecommons.org/licenses/by-nc-sa/4.0/#?" 
630target="_blank">CC BY-NC-SA 4.0<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="/external-link.svg"></a>
631</div>
632
633<script>
634    document.getElementById("theme-toggle").addEventListener("click", () => {
635        if (document.body.className.includes("dark")) {
636            document.body.classList.remove('dark');
637            localStorage.setItem("pref-theme", 'light');
638        } else {
639            document.body.classList.add('dark');
640            localStorage.setItem("pref-theme", 'dark');
641        }
642    })
643</script>
vendor: 1 bytes, line 643
643
644<script>
645    const btn = document.getElementById("font-toggle").addEventListener("click", () => {
646        if (document.body.className.includes("serif-toggle")) {
647            document.body.classList.remove('serif-toggle');
648            localStorage.setItem("pref-font", 'sans');
649        } else {
650            document.body.classList.add('serif-toggle');
651            localStorage.setItem("pref-font", 'serif');
652        }
653    })
654</script>
654
655
656
657</footer>
658
659        
660        
661            
662        
663        
663<script src="/js/site.min.3f3787ec8d35a1d44a305ae532dd01f7137977e754acd65edbef92fe1f76b57e.js" integrity="sha256-PzeH7I01odRKMFrlMt0B9xN5d+dUrNZe2++S/h92tX4="></script>
663
664    
664<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"bf8e63926261444f8dad47ffb7940efe","r":1,"spa":2}' crossorigin="anonymous"></script>
664
665</body>
666</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.