PageSourceSearch

https://flatstanleyproject.com/about.html

html flatstanleyproject.com collected 2026-10-02 10:17:11 UTC 19,937 bytes, 919 lines download raw bytes

1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
5<title>About</title>
6<meta name="generator" content="Quick 'n Easy Web Builder - http://www.quickandeasywebbuilder.com">
7<meta name="viewport" content="width=device-width, initial-scale=1.0">
8<style type="text/css">
9div#container
10{
11   width: 994px;
12   position: relative;
13   margin: 0 auto 0 auto;
14   text-align: left;
15}
16body
17{
18   background-color: #F5F5F5;
19   color: #000000;
20   font-family: Arial;
21   font-weight: normal;
22   font-size: 13px;
23   line-height: 1.1875;
24   margin: 0;
25   text-align: center;
26}
27@media only screen and (max-width: 420px)
28{
29}
30#wb_Text1
31{
32   background-color: transparent;
33   background-image: none;
34   border: 0px solid #C0C0C0;
35   border-radius: 0px;
36   padding: 0;
37   margin: 0;
38   text-align: left;
39}
40#wb_Text1
41{
42   color: #000000;
43   font-family: "Segoe UI";
44   font-weight: normal;
45   font-size: 21px;
46   line-height: 30px;
47}
48#wb_Text1 div
49{
50   text-align: left;
51}
52#wb_Text1 p
53{
54   margin: 0;
55   padding: 0;
56}
57#Image1
58{
59   border: 4px solid #FFFFFF;
60   filter: drop-shadow(20px 20px 30px rgba(152, 86, 14, 1.00));
61   padding: 0px 0px 0px 0px;
62   margin: 0;
63   left: 0;
64   top: 0;
65   width: 100%;
66   height: 100%;
67}
68#wb_Text3
69{
70   background-color: transparent;
71   background-image: none;
72   border: 0px solid #C0C0C0;
73   border-radius: 0px;
74   padding: 0;
75   margin: 0;
76   text-align: left;
77}
78#wb_Text3
79{
80   color: #000000;
81   font-family: "Segoe UI";
82   font-weight: normal;
83   font-size: 27px;
84   line-height: 37px;
85}
86#wb_Text3 div
87{
88   text-align: left;
89}
90#wb_Text3 p
91{
92   margin: 0;
93   padding: 0;
94}
95#Image2
96{
97   border: 4px solid #FFFFFF;
98   filter: drop-shadow(20px 20px 30px rgba(152, 86, 14, 1.00));
99   padding: 0px 0px 0px 0px;
100   margin: 0;
101   left: 0;
102   top: 0;
103   width: 100%;
104   height: 100%;
105}
106#wb_Text4
107{
108   background-color: transparent;
109   background-image: none;
110   border: 0px solid #C0C0C0;
111   border-radius: 0px;
112   padding: 0;
113   margin: 0;
114   text-align: left;
115}
116#wb_Text4
117{
118   color: #000000;
119   font-family: "Segoe UI";
120   font-weight: normal;
121   font-size: 21px;
122   line-height: 30px;
123}
124#wb_Text4 div
125{
126   text-align: left;
127}
128#wb_Text4 p
129{
130   margin: 0;
131   padding: 0;
132}
133#wb_Text2
134{
135   background-color: transparent;
136   background-image: none;
137   border: 0px solid #C0C0C0;
138   border-radius: 0px;
139   padding: 0;
140   margin: 0;
141   text-align: left;
142}
143#wb_Text2
144{
145   color: #000000;
146   font-family: "Segoe UI";
147   font-weight: normal;
148   font-size: 21px;
149   line-height: 30px;
150}
151#wb_Text2 div
152{
153   text-align: left;
154}
155#wb_Text2 p
156{
157   margin: 0;
158   padding: 0;
159}
160#wb_Text5
161{
162   background-color: transparent;
163   background-image: none;
164   border: 0px solid #C0C0C0;
165   border-radius: 0px;
166   padding: 0;
167   margin: 0;
168   text-align: left;
169}
170#wb_Text5
171{
172   color: #000000;
173   font-family: "Segoe UI";
174   font-weight: normal;
175   font-size: 29px;
176   line-height: 40px;
177}
178#wb_Text5 div
179{
180   text-align: left;
181}
182#wb_Text5 p
183{
184   margin: 0;
185   padding: 0;
186}
187#wb_ResponsiveMenu1
188{
189   display: block;
190   font-family: Arial;
191   font-weight: normal;
192   text-align: left;
193   width: 100%;
194   margin: 0;
195}
196#ResponsiveMenu1
197{
198   background-color: #EEB633;
199   height: 71px;
200}
201#wb_ResponsiveMenu1 ul
202{
203   list-style: none;
204   margin: 0;
205   padding: 0;
206   position: relative;
207}
208#wb_ResponsiveMenu1 ul:after
209{
210   clear: both;
211   content: "";
212   display: block;
213}
214#wb_ResponsiveMenu1 ul li
215{
216   border-radius: 0;
217   display: list-item;
218   float: left;
219   list-style: none;
220   z-index: 9999;
221}
222#wb_ResponsiveMenu1 ul li i
223{
224   font-size: 24px;
225   width: 24px;
226   margin-bottom: 0px;
227}
228#wb_ResponsiveMenu1 ul li a
229{
230   background-color: #EEB633;
231   color: #000000;
232   font-family: Arial;
233   font-weight: normal;
234   font-size: 16px;
235   font-style: normal;
236   text-decoration: underline;
237   text-transform: none;
238   padding: 15px 30px 15px 30px;
239   text-align: center;
240}
241#wb_ResponsiveMenu1 > ul > li > a 
242{
243   height: 41px;
244}
245.ResponsiveMenu1 a 
246{
247   display: block;
248}
249#wb_ResponsiveMenu1 li:hover > a, #wb_ResponsiveMenu1 li .active
250{
251   background-color: #F1B538;
252   color: #F5F5F5;
253}
254#wb_ResponsiveMenu1 ul ul
255{
256   display: none;
257   position: absolute;
258   top: 71px;
259}
260#wb_ResponsiveMenu1 ul li:hover > ul
261{
262   display: list-item;
263}
264#wb_ResponsiveMenu1 ul ul li 
265{
266   float: none;
267   position: relative;
268   width: 244px;
269}
270#wb_ResponsiveMenu1 ul ul li a
271{
272   background-color: #D67A14;
273   border: 0px solid #7A7A7A;
274   color: #FFFFFF;
275}
276#wb_ResponsiveMenu1 ul ul li:hover > a, #wb_ResponsiveMenu1 ul ul li .active
277{
278   background-color: #F8D6AF;
279   color: #424242;
280}
281#wb_ResponsiveMenu1 ul ul li i 
282{
283   margin-right: 8px;
284   vertical-align: middle;
285}
286#wb_ResponsiveMenu1 ul ul li a 
287{
288   padding-top: 15px;
289   padding-right: 20px;
290   padding-bottom: 15px;
291   text-align: left;
292   vertical-align: middle;
293}
294#wb_ResponsiveMenu1 ul ul ul li 
295{
296   left: 244px;
297   position: relative;
298   top: -71px;
299}
300#wb_ResponsiveMenu1 .arrow-down 
301{
302   display: inline-block;
303   width: 0;
304   height: 0;
305   margin-left: 2px;
306   vertical-align: middle;
307   border-top: 4px solid #000000;
308   border-right: 4px solid transparent;
309   border-left: 4px solid transparent;
310   border-bottom: 0 dotted;
311}
312#wb_ResponsiveMenu1 .arrow-left 
313{
314   display: inline-block;
315   width: 0;
316   height: 0;
317   margin-left: 2px;
318   vertical-align: middle;
319   border-left: 4px solid #FFFFFF;
320   border-top: 4px solid transparent;
321   border-bottom: 4px solid transparent;
322   border-right: 0 dotted;
323}
324#wb_ResponsiveMenu1 li:hover > a .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
325{ 
326   border-top-color: #F5F5F5;
327}
328#wb_ResponsiveMenu1 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
329{ 
330   border-left-color: #424242;
331}
332#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu]
333{
334   display: none;
335}
336@media all and (max-width:768px) 
337{
338#wb_ResponsiveMenu1
339{
340   margin: 0;
341   text-align: left;
342}
343#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
344{
345   font-size: 16px;
346   font-weight: normal;
347   font-style: normal;
348   text-decoration: underline;
349   text-transform: none;
350   padding: 15px 20px 15px 20px;
351}
352#wb_ResponsiveMenu1 .toggle + a
353{
354   display: none !important;
355}
356.ResponsiveMenu1 
357{
358   display: none;
359   z-index: 9999;
360}
361#ResponsiveMenu1 
362{
363   background-color: transparent;
364}
365#wb_ResponsiveMenu1 > ul > li > a 
366{
367   height: auto !important;
368   margin: 0;
369}
370#wb_ResponsiveMenu1 .toggle 
371{
372   display: block;
373   background-color: #EEB633;
374   color: #000000;
375   padding: 0px 20px 0px 20px;
376   line-height: 54px;
377   text-decoration: none;
378   border: none;
379}
380#wb_ResponsiveMenu1 .toggle:hover
381{
382   background-color: #F1B538;
383   color: #F5F5F5;
384}
385[id^=ResponsiveMenu1-submenu]:checked + ul 
386{
387   display: block !important;
388}
389#ResponsiveMenu1-title
390{
391   height: 71px !important;
392   line-height: 71px !important;
393   text-align: center;
394}
395#wb_ResponsiveMenu1 ul li 
396{
397   display: block;
398   width: 100% !important;
399   text-align: left;
400}
401#wb_ResponsiveMenu1 ul ul .toggle,
402#wb_ResponsiveMenu1 ul ul a 
403{
404   padding: 0 40px;
405}
406#wb_ResponsiveMenu1 a:hover,
407#wb_ResponsiveMenu1 ul ul ul a 
408{
409   background-color: #D67A14;
410   color: #FFFFFF;
411}
412#wb_ResponsiveMenu1 ul li ul li .toggle,
413#wb_ResponsiveMenu1 ul ul a 
414{
415   background-color: #D67A14;
416   color: #FFFFFF;
417}
418#wb_ResponsiveMenu1 ul ul ul a 
419{
420   padding: 15px 20px 15px 60px;
421}
422#wb_ResponsiveMenu1 ul li a 
423{
424   text-align: left;
425}
426#wb_ResponsiveMenu1 ul li a br 
427{
428   display: none;
429}
430#wb_ResponsiveMenu1 ul li i 
431{
432   margin-right: 8px;
433}
434#wb_ResponsiveMenu1 ul ul 
435{
436   float: none;
437   position: static;
438}
439#wb_ResponsiveMenu1 ul ul li:hover > ul,
440#wb_ResponsiveMenu1 ul li:hover > ul 
441{
442   display: none;
443}
444#wb_ResponsiveMenu1 ul ul li 
445{
446   display: block;
447   width: 100%;
448}
449#wb_ResponsiveMenu1 ul ul ul li 
450{
451   position: static;
452}
453#ResponsiveMenu1-icon 
454{
455   display: block;
456   position: absolute;
457   left: 30px;
458   top: 23px;
459   user-select: none;
460}
461#ResponsiveMenu1-icon span 
462{
463   display: block;
464   margin-top: 4px;
465   height: 2px;
466   background-color: #000000;
467   color: #000000;
468   width: 24px;
469}
470#wb_ResponsiveMenu1 ul li ul li .toggle:hover
471{
472   background-color: #F8D6AF;
473   color: #424242;
474}
475#wb_ResponsiveMenu1 .toggle .arrow-down 
476{
477   border-top-color: #000000;
478}
479#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
480{
481   border-top-color: #F5F5F5;
482}
483#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 
484{
485   border-top-color: #FFFFFF;
486}
487#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
488{
489   border-top-color: #424242;
490}
491}
492#wb_Text3
493{
494   position: absolute;
495   left: 22px;
496   top: 1081px;
497   width: 239px;
498   height: 41px;
499   z-index: 4;
500}
501#wb_ResponsiveMenu1
502{
503   position: absolute;
504   left: 0px;
505   top: 0px;
506   width: 982px;
507   height: 71px;
508   z-index: 0;
509}
510#wb_Image2
511{
512   position: absolute;
513   left: 285px;
514   top: 1412px;
515   width: 416px;
516   height: 356px;
517   z-index: 5;
518}
519#wb_EmbeddedPage1
520{
521   position: absolute;
522   left: 0px;
523   top: 0px;
524   width: 982px;
525   height: 71px;
526   z-index: 9;
527}
528#wb_Text1
529{
530   position: absolute;
531   left: 36px;
532   top: 215px;
533   width: 880px;
534   height: 946px;
535   z-index: 2;
536}
537#wb_Shape1
538{
539   position: absolute;
540   left: 0px;
541   top: 0px;
542   width: 984px;
543   height: 2032px;
544   z-index: 1;
545}
546#wb_Text4
547{
548   position: absolute;
549   left: 43px;
550   top: 1827px;
551   width: 850px;
552   height: 79px;
553   z-index: 6;
554}
555#wb_Text2
556{
557   position: absolute;
558   left: 25px;
559   top: 1149px;
560   width: 899px;
561   height: 238px;
562   z-index: 7;
563}
564#wb_Text5
565{
566   position: absolute;
567   left: 34px;
568   top: 114px;
569   width: 331px;
570   height: 61px;
571   z-index: 8;
572}
573#wb_Image1
574{
575   position: absolute;
576   left: 635px;
577   top: 753px;
578   width: 200px;
579   height: 300px;
580   z-index: 3;
581}
582#Shape1
583{
584   border-width: 0;
585   width: 984px;
586   height: 2032px;
587}
588@media only screen and (max-width: 420px)
589{
590div#container
591{
592   width: 380px;
593}
594body
595{
596   background-color: #F1B538;
597   background-image: none;
598}
599#wb_Shape1
600{
601   left: 0px;
602   top: 22px;
603   visibility: hidden;
604   display: none;
605   margin: 0;
606}
607#wb_Text1
608{
609   left: 35px;
610   top: 164px;
611   width: 324px;
612   height: 1463px;
613   visibility: visible;
614   display: inline;
615}
616#wb_Text1
617{
618   font-family: ;
619   font-weight: normal;
620   font-size: 21px;
621   margin: 0;
622   padding: 0px 0px 0px 0px;
623   line-height: 24px;
624}
625#wb_Image1
626{
627   left: 58px;
628   top: 1291px;
629   width: 192px;
630   height: 292px;
631   visibility: visible;
632   display: inline;
633   margin: 0;
634}
635#wb_Text3
636{
637   left: 51px;
638   top: 1630px;
639   width: 239px;
640   height: 41px;
641   visibility: visible;
642   display: inline;
643}
644#wb_Text3
645{
646   font-family: ;
647   font-weight: normal;
648   font-size: 27px;
649   margin: 0;
650   padding: 0px 0px 0px 0px;
651   line-height: 32px;
652}
653#wb_Image2
654{
655   left: 27px;
656   top: 2035px;
657   width: 295px;
658   height: 247px;
659   visibility: visible;
660   display: inline;
661   margin: 0;
662}
663#wb_Text4
664{
665   left: 16px;
666   top: 2339px;
667   width: 337px;
668   height: 128px;
669   visibility: visible;
670   display: inline;
671}
672#wb_Text4
673{
674   font-family: ;
675   font-weight: normal;
676   font-size: 21px;
677   margin: 0;
678   padding: 0px 0px 0px 0px;
679   line-height: 24px;
680}
681#wb_Text2
682{
683   left: 16px;
684   top: 1677px;
685   width: 348px;
686   height: 332px;
687   visibility: visible;
688   display: inline;
689}
690#wb_Text2
691{
692   font-family: ;
693   font-weight: normal;
694   font-size: 21px;
695   margin: 0;
696   padding: 0px 0px 0px 0px;
697   line-height: 24px;
698}
699#wb_Text5
700{
701   left: 34px;
702   top: 114px;
703   width: 331px;
704   height: 61px;
705   visibility: visible;
706   display: inline;
707}
708#wb_Text5
709{
710   font-family: ;
711   font-weight: normal;
712   font-size: 29px;
713   margin: 0;
714   padding: 0px 0px 0px 0px;
715   line-height: 33px;
716}
717#wb_EmbeddedPage1
718{
719   left: 0px;
720   top: 0px;
721   width: 325px;
722   height: 69px;
723   visibility: visible;
724   display: inline;
725}
726#wb_ResponsiveMenu1
727{
728   left: 12px;
729   top: 0px;
730   width: 313px;
731   height: 69px;
732   visibility: visible;
733   display: inline;
734   margin: 0;
735}
736#ResponsiveMenu1
737{
738   background-color: #EEB633;
739}
740#wb_ResponsiveMenu1 ul li
741{
742   background-color: #EEB633;
743}
744#wb_ResponsiveMenu1 li a:hover, #wb_ResponsiveMenu1 li .active
745{
746   background-color: #F1B538;
747   color: #F5F5F5;
748}
749#wb_ResponsiveMenu1 li a:hover .arrow-down
750{
751   border-top-color: #F5F5F5;
752}
753#wb_ResponsiveMenu1 ul ul li
754{
755   background-color: #D67A14;
756   color: #FFFFFF;
757}
758#wb_ResponsiveMenu1 ul ul li a
759{
760   color: #FFFFFF;
761}
762#wb_ResponsiveMenu1 .arrow-left
763{
764   border-left: 4px solid #FFFFFF;
765}
766#wb_ResponsiveMenu1 ul ul li a:hover, #wb_ResponsiveMenu1 ul ul li .active
767{
768   background-color: #F8D6AF;
769   color: #424242;
770}
771#wb_ResponsiveMenu1 ul ul li a:hover .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
772{
773   border-left-color: #424242;
774}
775#wb_ResponsiveMenu1 .toggle
776{
777   background-color: #EEB633;
778   color: #000000;
779}
780#ResponsiveMenu1-icon span
781{
782   background-color: #000000;
783   color: #000000;
784}
785#wb_ResponsiveMenu1 .toggle .arrow-down
786{
787   border-top-color: #000000;
788}
789#wb_ResponsiveMenu1 .toggle:hover
790{
791   background-color: #F1B538;
792   color: #F5F5F5;
793}
794#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
795{
796   border-top-color: #F5F5F5;
797}
798#wb_ResponsiveMenu1 a:hover,
799#wb_ResponsiveMenu1 ul ul ul a
800{
801   background-color: #D67A14;
802   color: #FFFFFF;
803}
804#wb_ResponsiveMenu1 ul li ul li .toggle,
805#wb_ResponsiveMenu1 ul ul a
806{
807   background-color: #D67A14;
808   color: #FFFFFF;
809}
810#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down
811{
812   border-top-color: #FFFFFF;
813}
814#wb_ResponsiveMenu1 ul li ul li .toggle:hover
815{
816   background-color: #F8D6AF;
817   color: #424242;
818}
819#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
820{
821   border-top-color: #424242;
822}
823}
824</style>
825<title>About the Flat Stanley Project | Created by Dale Hubert</title>
826<meta name="description" content="Learn about the origins of the Flat Stanley Project, its creator Dale Hubert, and the mission to promote literacy and global connection.">
827<meta name="keywords" content="Flat Stanley history, Dale Hubert, literacy project, global education, classroom exchange">
828<link rel="canonical" href="https://www.flatstanleyproject.com/about">
829
830</head>
831<body>
832<div id="container">
833<div id="wb_Shape1">
834<img src="images/img0003.png" id="Shape1" alt="" title=""></div>
835<div id="wb_Text1">
836<div>In 1995 the internet was in its infancy. I was teaching grade 3 for the first time and, when I couldn't find a motivating literacy activity on the web, I decided to create one. The Flat Stanley book was written in 1964 by Jeff Brown and was almost out of print when I special-ordered my copy. Stanley wanted to visit his friend in California so his parents folded him up, put him in an envelope, and mailed him there.<br>
837I used that concept to create the Flat Stanley Project and my students loved it.<br>
838</div><div>&nbsp;<br>
839</div><div>In the very first year of the Flat Stanley Project there were 13 participants- 6 from Canada and 7 from the USA. I considered it a success and wondered what I was going to try the next year. Over the summer, many teachers contacted me asking to be put on the list in September, so I decided to extend it one more year. That was 28 years ago. I have been maintaining the site since then as an uncompensated volunteer and the number of participants has extended into the millions.
839<br>
840&nbsp;<br>
841The Flat Stanley Project has become a success thanks to the kindness of the recipients, the dedication of creative teachers, and the enthusiasm of participating children worldwide. Thank you for your support.<br>
842</div><div>&nbsp;<br>
843&nbsp;<br>
844</div><div>Dale Hubert&nbsp; <br>
845London, Ontario, Canada <br>
846&nbsp;<br>
847[email protected]<br>
848&nbsp;<br>
849&nbsp;<br>
850&nbsp;<br>
851&nbsp;<br>
852&nbsp;<br>
853</div>
854</div>
855<div id="wb_Image1">
856<img src="images/dalehubert-flatstanleys-200x300.jpg" id="Image1" alt=""></div>
857<div id="wb_Text3">
858<div><strong>Recent years</strong><br>
859</div>
860</div>
861<div id="wb_Image2">
862<img src="images/busking.jpg" id="Image2" alt=""></div>
863<div id="wb_Text4">
864<div>Dale Hubert, creator of the Flat Stanley Project, many years ago in the streets of Europe with Barry and Brian.<br>
865</div>
866</div>
867<div id="wb_Text2">
868<div>After 32 years in the classroom, I retired from teaching to pursue other interests. I wrote The Tale of the Third Bear and released it for the iPad and developed a couple of iPad apps.<br>
869&nbsp;<br>
870In recent years I have begun building guitars, banjo lutes, ukuleles and dulcimers as a luthier at Talking Dog Guitars. In a way it&rsquo;s a return to an earlier life when I supported myself as a street singer throughout Europe and in the subways of Toronto.<br>
871</div>
872</div>
873<div id="wb_Text5">
874<div>About Dale Hubert<br>
875</div>
876</div>
877<div id="wb_EmbeddedPage1">
878<div id="wb_ResponsiveMenu1">
879<label class="toggle" for="ResponsiveMenu1-submenu" id="ResponsiveMenu1-title">Menu<span id="ResponsiveMenu1-icon"><span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span></span></label>
880<input type="checkbox" id="ResponsiveMenu1-submenu">
881<ul class="ResponsiveMenu1" id="ResponsiveMenu1" role="menu">
882<li role="menuitem"><a href="./index.html" class="nav-link">Home</a></li>
883<li role="menuitem"><a href="./arrange-exchanges.html" class="nav-link">Arrange&nbsp;Exchanges</a></li>
884<li role="menuitem"><a href="./templates.html" class="nav-link">Templates</a></li>
885<li role="menuitem"><a href="./curriculum.html" class="nav-link">Curriculum</a></li>
886<li role="menuitem">
887<label for="ResponsiveMenu1-submenu-0" class="toggle">Special&nbsp;Stuff<span class="arrow-down"></span></label>
888<a href="javascript:void(0)" class="nav-link">Special&nbsp;Stuff<span class="arrow-down"></span></a>
889<input type="checkbox" id="ResponsiveMenu1-submenu-0">
890<ul role="menu">
891<li role="menuitem"><a href="./jackiechan.html" class="nav-link">Jackie&nbsp;Chan</a></li>
892<li role="menuitem"><a href="./touching-note.html" class="nav-link">A&nbsp;Very&nbsp;Touching&nbsp;Note</a></li>
893<li role="menuitem"><a href="./textris.html" class="nav-link">TEXTRIS&nbsp;Game</a></li>
894</ul>
895</li>
896<li role="menuitem"><a href="./picturegallery.html" class="nav-link">Pictures</a></li>
897<li role="menuitem"><a href="./about.html" class="active">About</a></li>
898</ul>
899</div>
900</div>
901</div>
902<!-- Default Statcounter code for Flatstanleyproject.com
903http://www.flatstanleyproject.com -->
904<script type="text/javascript">
905var sc_project=8512393; 
906var sc_invisible=1; 
907var sc_security="c6ebd50d"; 
908</script>
vendor: 2 bytes, line 908
908
909<script type="text/javascript"
910src="https://www.statcounter.com/counter/counter.js"
911async></script>
911
912<noscript><div class="statcounter"><a title="web stats"
913href="https://statcounter.com/" target="_blank"><img
914class="statcounter"
915src="https://c.statcounter.com/8512393/0/c6ebd50d/1/"
916alt="web stats"
917referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
918<!-- End of Statcounter Code --></body>
919</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.