PageSourceSearch

https://www.samwilsonwriting.com/short-stories.php

html samwilsonwriting.com collected 2026-10-02 12:14:44 UTC 50,950 bytes, 1,500 lines download raw bytes

1<!DOCTYPE html>
2<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6    <head>
7        <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9        <!-- normalize and html5 boilerplate resets -->
10        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css">
11        <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css">
12
13        <!--[if lte IE 9]>
14        
14<script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
14
15        
15<script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>
15
16
17        <![endif]-->
18
19        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
20
21  <base href="/" />
22
23<title>Sam Wilson - Short Stories</title>
24
25
26  <link rel="alternate" type="application/rss+xml" title="Sam Wilson - Short Stories RSS feed" href="short-stories.rss" />
27
28<meta name="description" content="" />
29<meta name="keywords" content="" />
30
31
32  
33
34
35  <style type="text/css" id="styleCSS">
36    /*
37    Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/
38*/
39body {
40    
41    
42    background-repeat: no-repeat;
43    background-attachment: fixed;
44    background-position: center center;
45    background-size: cover;
46}
47
48/* IOS devices 'bgd-att: fixed' solution */
49@media only screen and (max-device-width: 1366px) {
50    .bgd-attachment-fixed {
51        background-image: none;
52    }
53    .bgd-attachment-fixed:after {
54        content: '';
55        position: fixed;
56        top: 0;
57        left: 0;
58        right: 0;
59        width: 100%;
60        height: 100%;
61        
62        background-repeat: no-repeat;
63        background-position: center center;
64        background-size: cover;
65        z-index: -2;
66    }
67}
68
69.Text_2_Default,
70.yola_heading_container {
71  word-wrap: break-word;
72}
73
74.yola_bg_overlay {
75    display:table;
76    table-layout: fixed;
77    position:absolute;
78    min-height: 100%;
79    min-width: 100%;
80    width:100%;
81    height:100%;
82}
83.yola_outer_content_wrapper {
84    
85    
86    
87    
88}
89.yola_inner_bg_overlay {
90    width:100%;
91    min-height: 100vh;
92    display: table-cell;
93    
94    vertical-align: top;
95}
96.yola_outer_heading_wrap {
97    width:100%;
98    text-align: center;
99}
100.yola_heading_container {
101    margin: 0 auto;
102    
103    	background-color: #ffffff;
104
105}
106.yola_inner_heading_wrap {
107    margin: 0 auto;
108    max-width: 1200px;
109}
110.yola_innermost_heading_wrap {
111    padding-left:0;
112    padding-right:0;
113    margin: 0 auto;
114    padding-top: 2rem;
115    padding-bottom: 2rem;
116}
117.yola_inner_heading_wrap.top nav,
118.yola_inner_heading_wrap.top div#yola_heading_block,
119.yola_inner_heading_wrap.bottom nav,
120.yola_inner_heading_wrap.bottom div#yola_heading_block {
121    
122    
123}
124.yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
125.yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
126    
127    
128}
129.yola_inner_heading_wrap h1 {
130    margin: 0;
131}
132#yola_nav_block {
133    height: 100%;
134}
135#yola_nav_block nav {
136    text-align: center;
137    
138}
139#yola_nav_block nav ul{
140    display:inline;
141}
142.yola_inner_heading_wrap.left #yola_heading_block {
143    float:left;
144}
145.yola_inner_heading_wrap.right #yola_heading_block {
146    float:right;
147}
148.yola_inner_heading_wrap.top #yola_nav_block {
149    padding:1rem 0 0 0;
150}
151.yola_inner_heading_wrap.right #yola_nav_block {
152    float:left;
153    padding:1rem 0 0 0;
154}
155.yola_inner_heading_wrap.bottom #yola_nav_block {
156    padding:0 0 1rem 0;
157}
158.yola_inner_heading_wrap.left #yola_nav_block {
159    float:right;
160    padding:1rem 0 0 0;
161}
162.yola_banner_wrap {
163    background-attachment: scroll;
164    text-align: center;
165    margin: 0 auto;
166    
167    display: none;
168    background-position: top left;
169    background-size: auto;
170    background-repeat: repeat-x;
171    background-image: url(templates/Skyline_v2/resources/images/banner_frame.png);
172    
173}
174.yola_inner_banner_wrap {
175    padding-left:0;
176    padding-right:0;
177    padding-top: 5px;
178    padding-bottom: 5px;
179    
180}
181.yola_innermost_banner_wrap {
182    margin: 0 auto;
183    max-width: 1020px;
184}
185.yola_inner_nav_wrap {
186    margin: 0 auto;
187    
188}
189.yola_banner_wrap nav ul.sys_navigation {
190    text-align: center;
191    padding-top:1rem;
192    padding-bottom:1rem;
193}
194.yola_banner_wrap h1 {
195    margin:0;
196    text-align: center;
197}
198.yola_site_tagline {
199    padding-top:0;
200    padding-bottom:0;
201    font-family: 'Titillium Web';
202    font-size: 3rem;
203    color: #3d2323;
204    text-decoration: none;
205    letter-spacing: 0.2rem;
206    line-height: 1.5em;
207    text-transform: none;
208    text-align: center;
209    padding-right: 60px;
210    padding-left: 60px;
211
212}
213.yola_site_tagline span {
214    display: inline-block;
215    
216    
217    
218    
219    
220}
221ul.sys_navigation {
222    margin: 0;
223    padding: 0;
224    text-align: center;
225}
226ul.sys_navigation li {
227    display: inline;
228    list-style: none;
229    margin:0 1rem 0 0;
230}
231.yola_inner_heading_wrap ul.sys_navigation li:last-child {
232    margin:0;
233}
234ul.sys_navigation li a{
235    text-decoration: none;
236}
237
238div.ys_submenu {
239    margin-top: 8px;
240}
241
242.yola_content_wrap {
243    margin:0 auto;
244    
245    	background-color: #ffffff;
246
247}
248.yola_content_column {
249    margin:0 auto;
250    
251}
252
253.yola_inner_content_column {
254    margin:0 auto;
255
256    
257    
258    
259    
260}
261.yola_inner_footer_wrap {
262    padding: 0 20px;
263}
264div[id*='sys_region_'] {
265    padding-left: 0 ! important;
266    padding-right: 0 ! important;
267}
268.yola_site_logo {
269    
270    max-width:100%;
271}
272#sys_heading.yola_hide_logo img {
273    display:none;
274}
275#sys_heading.yola_hide_logo span {
276    display:inline;
277}
278a#sys_heading.yola_show_logo {
279    font-size:14px;
280}
281#sys_heading.yola_show_logo img {
282    display:inline;
283}
284#sys_heading.yola_show_logo span {
285    display:none;
286}
287.yola_footer_wrap {
288    margin:0 auto;
289    
290    	background-color: #f9f9f9;
291
292}
293.yola_footer_column {
294    margin:0 auto;
295    
296    display: none;
297}
298footer {
299    padding-top: 40px;
300    padding-right: 60px;
301    padding-bottom: 40px;
302    padding-left: 60px;
303    font-family: 'Quicksand';
304    font-size: 1rem;
305    
306    line-height: 1.5em;
307    
308    text-transform: none;
309
310}
311span.yola_footer_socialbuttons {
312    display:inline-block;
313    line-height:0;
314    margin:0;
315    padding:0;
316    display:inline-block;
317    position:static;
318    float:left;
319    width:146px;
320    height:20px;
321    display: none;
322}
323.sys_yola_form .submit,
324.sys_yola_form input.text,
325.sys_yola_form input.email,
326.sys_yola_form input.tel,
327.sys_yola_form input.url,
328.sys_yola_form textarea {
329    font-family: 'Roboto';
330    font-size: 1rem;
331    line-height: 1.5em;
332    
333    text-transform: none;
334}
335div.sys_yola_form {
336    padding:0 !important;
337}
338div.sys_yola_form form {
339    margin:0 !important;
340    padding:0 !important;
341}
342.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p {
343    margin-top:0;
344}
345div[id*='sys_region_'] {
346    padding:0 !important;
347}
348.sys_layout blockquote {
349  margin-top: 10px;
350  margin-bottom: 10px;
351  margin-left: 50px;
352  padding-left: 15px;
353  border-left: 3px solid #797979;;
354  font-size: 1.5rem;
355  font-style: italic;
356  color: #868686;
357  
358  
359  
360  
361}
362.sys_layout blockquote,
363.sys_layout blockquote h1,
364.sys_layout blockquote h2,
365.sys_layout blockquote h3,
366.sys_layout blockquote h4,
367.sys_layout blockquote h5,
368.sys_layout blockquote h6,
369.sys_layout blockquote p {
370    font-family: 'Quicksand';
371}
372.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0}
373.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 }
374.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0}
375
376.mob_menu {
377    display: none;
378}
379
380.new-text-widget img, .old_text_widget img {
381    max-width: 100%;
382}
383
384
385@media only screen and (max-width : 736px) {
386    html {
387        font-size: 80%;
388    }
389
390    body .m_inherit_width {
391        width: inherit;
392    }
393
394    .small_device_hide {
395        opacity: 0;
396    }
397
398    /* Remove display table so that fixefox can understand max-width */
399    .yola_bg_overlay, .yola_inner_bg_overlay {
400       display: block;
401    }
402
403    /* Zero out padding of the heading wrapper */
404    .yola_inner_heading_wrap.top .yola_innermost_heading_wrap,
405    .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap,
406    .yola_inner_heading_wrap.left .yola_innermost_heading_wrap,
407    .yola_inner_heading_wrap.right .yola_innermost_heading_wrap {
408        padding-left: 0;
409        padding-right: 0;
410    }
411
412    /* Make all image widgets center aligned */
413    .Image_Default img {
414        display: block;
415        margin: 0 auto;
416    }
417
418    /* Center button widgets in column dividers */
419    .column_divider .sys_button {
420        text-align: center;
421    }
422
423    /* Make column dividers snap to one over another */
424    .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block {
425        float: none;
426    }
427
428    #sys_heading {
429        word-wrap: break-word;
430        word-break: break-word;
431    }
432
433    body .column_divider .left, body .column_divider .right {
434        width: 100%;
435        padding-left: 0;
436        padding-right: 0;
437    }
438
439    .mob_menu a:visited {
440        color: #fff;
441    }
442
443    .mob_menu {
444        display: block;
445        z-index: 1;
446        ;
447        background: #ffffff;;
448        ;
449    }
450
451    .mob_menu.menu_open {
452        position: absolute;
453        min-height: 100%;
454        padding: 1rem 0 0 0;
455        margin: 0;
456        top: 0;
457        left: 0;
458        right: 0;
459    }
460
461    .yola_outer_content_wrapper {
462        display: block;
463        padding-top: 0;
464    }
465
466    .mob_menu_overlay {
467        display: none;
468        text-transform: uppercase;
469    }
470
471    .menu_open .mob_menu_overlay  {
472        display: block;
473    }
474
475    .mob_menu_toggle {
476        display: block;
477        padding-top: 5%;
478        padding-bottom: 6%;
479        text-align: center;
480        color: #666;
481        cursor: pointer;
482    }
483    .mob_submenu_toggle {
484        list-style: none;
485        text-align: center;
486        padding: 0;
487        margin: 0;
488    }
489
490    .new-text-widget img, .old_text_widget img {
491        height: auto;
492    }
493
494    #sys_heading span {
495        font-size: 35px;
496    }
497    .sys_navigation {
498        display: none;
499    }
500
501    .mobile_ham {
502        stroke: #9c9c9c;
503    }
504
505    .mobile_quit {
506        display: none;
507    }
508
509    .menu_open .mobile_ham {
510        display: none;
511    }
512
513    .menu_open .mobile_quit {
514        display: inline;
515        stroke: #9c9c9c;
516    }
517
518    .mob_menu_list {
519        font-family: 'Titillium Web';
520        font-weight: lighter;
521        margin: 0;
522        font-size: 2.2em;
523        line-height: 2;
524        letter-spacing: 0.1em;
525        list-style: none;
526        text-align: center;
527        padding: 0;
528        -webkit-animation-duration: .2s;
529        -webkit-animation-fill-mode: both;
530        -webkit-animation-name: fadeInUp;
531        -moz-animation-duration: .2s;
532        -moz-animation-fill-mode: both;
533        -moz-animation-name: fadeInUp;
534        -o-animation-duration: .2s;
535        -o-animation-fill-mode: both;
536        -o-animation-name: fadeInUp;
537        animation-duration: .2s;
538        animation-fill-mode: both;
539        animation-name: fadeInUp;
540    }
541
542    .mob_menu_overlay .mob_menu_list a {
543        color: #9c9c9c;
544    }
545
546    .mob_more_toggle {
547        display: inline-block;
548        cursor: pointer;
549        background: none;
550        border: none;
551        outline: none;
552        margin-left: 8px;
553        stroke: #9c9c9c;
554    }
555
556    .up_arrow {
557        display: none;
558    }
559
560    .sub_menu_open svg .down_arrow {
561        display: none;
562    }
563
564    .sub_menu_open .up_arrow {
565        display: inline;
566    }
567
568    .mob_menu_overlay .mob_menu_list .selected a {
569        color: #f4a85e;
570    }
571
572    .sub_menu_open a {
573        color: #f4a85e;
574    }
575
576    .mob_menu_list .sub_menu_open a {
577        color: #f4a85e;
578    }
579
580    .sub_menu_open .mob_more_toggle {
581        stroke: #f4a85e;
582    }
583
584    .mob_submenu_list {
585        font-family: 'Titillium Web';
586        font-weight: lighter;
587        list-style: none;
588        text-align: center;
589        padding: 0 0 5% 0;
590        margin: 0;
591        line-height: 1.6;
592        display: none;
593        -webkit-animation-duration: .2s;
594        -webkit-animation-fill-mode: both;
595        -webkit-animation-name: fadeInUp;
596        -moz-animation-duration: .2s;
597        -moz-animation-fill-mode: both;
598        -moz-animation-name: fadeInUp;
599        -o-animation-duration: .2s;
600        -o-animation-fill-mode: both;
601        -o-animation-name: fadeInUp;
602        animation-duration: .2s;
603        animation-fill-mode: both
604        animation-name: fadeInUp;
605    }
606
607    .sub_menu_open .mob_submenu_list{
608        display: block;
609    }
610
611    .mob_submenu_items {
612        font-size: 0.75em;
613    }
614    .mob_menu_list .mob_nav_selected {
615        color: #f4a85e;
616    }
617
618    .menu_open ~ .yola_outer_content_wrapper {
619        display: none;
620    }
621
622    @-webkit-keyframes fadeInUp {
623      0% {
624        opacity: 0;
625        -webkit-transform: translate3d(0, 100%, 0);
626        transform: translate3d(0, 100%, 0);
627      }
628      100% {
629        opacity: 1;
630        -webkit-transform: none;
631        transform: none;
632      }
633    }
634
635    @-moz-keyframes fadeInUp {
636      0% {
637        opacity: 0;
638        -moz-transform: translate3d(0, 100%, 0);
639        transform: translate3d(0, 100%, 0);
640      }
641      100% {
642        opacity: 1;
643        -moz-transform: none;
644        transform: none;
645      }
646    }
647
648    @-o-keyframes fadeInUp {
649      0% {
650        opacity: 0;
651        -o-transform: translate3d(0, 100%, 0);
652        transform: translate3d(0, 100%, 0);
653      }
654      100% {
655        opacity: 1;
656        -o-transform: none;
657        transform: none;
658      }
659    }
660
661    @keyframes fadeInUp {
662      0% {
663        opacity: 0;
664        transform: translate3d(0, 100%, 0);
665      }
666      100% {
667        opacity: 1;
668        transform: none;
669      }
670    }
671}
672
673
674  </style>
675
676
677<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
677
678
679      <style type="text/css">
680      @import url("//fonts.sitebuilderhost.net/css?family=Titillium+Web%3Aregular%2C400%2C600|Quicksand%3Aregular%2C400|Roboto%3Aregular&subset=latin,latin-ext");
681    </style>
682  
683  <style type="text/css" id="styleOverrides">
684    /* ======================
685*
686*  Site Style Settings
687*
688=========================*/
689/* Paragraph text (p) */
690
691.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
692    font-family: 'Roboto';
693    
694    font-size: 1rem;
695    color: #797979;
696    line-height: 1.5em;
697    
698    text-transform: none;
699}
700
701/* Navigation */
702.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
703    font-family: 'Titillium Web';
704    
705    font-size: 1rem;
706    color: #9c9c9c;
707    text-decoration: none;
708    letter-spacing: 0.1rem;
709    line-height: 1.5em;
710    text-transform: uppercase;
711}
712
713
714/* Navigation:selected */
715div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
716    color: #f4a85e;
717}
718
719/* Navigation:hover */
720div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
721    color: #f4a85e;
722}
723
724/* Site Title */
725#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
726    font-family: 'Titillium Web';
727    
728    font-size: 2rem;
729    color: #7a7a7a;
730    text-decoration: none;
731    letter-spacing: 0.1rem;
732    line-height: 1em;
733    text-transform: uppercase;
734}
735
736/* Hyperlinks (a, a:hover, a:visited) */
737a, .sys_txt a:link, .sys_layout a:link {color: #f4a85e;}
738a, .sys_txt a:link, .sys_layout a:link {text-decoration: underline;}
739a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #f4a85e;}
740a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #797979;}
741a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;}
742
743/* Headings (h2, h3, h4, h5, h6) */
744.sys_layout h2, .sys_txt h2 {
745    font-family: 'Titillium Web';
746    font-weight: 400;
747    font-size: 3rem;
748    color: #7a7a7a;
749    text-decoration: none;
750    letter-spacing: 0rem;
751    line-height: 1.2em;
752    text-transform: none;
753}
754
755.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
756    font-family: 'Titillium Web';
757    font-weight: 400;
758    font-size: 3rem;
759    color: #7a7a7a;
760    letter-spacing: 0rem;
761    line-height: 1.2em;
762    text-transform: none;
763}
764
765.sys_layout h3, .sys_txt h3 {
766    font-family: 'Titillium Web';
767    font-weight: 400;
768    font-size: 2.25rem;
769    color: #7a7a7a;
770    text-decoration: none;
771    letter-spacing: 0rem;
772    line-height: 1.3em;
773    text-transform: none;
774}
775
776.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
777    font-family: 'Titillium Web';
778    font-weight: 400;
779    font-size: 2.25rem;
780    color: #7a7a7a;
781    letter-spacing: 0rem;
782    line-height: 1.3em;
783    text-transform: none;
784}
785
786.sys_layout h4, .sys_txt h4 {
787    font-family: 'Titillium Web';
788    font-weight: 400;
789    font-size: 1.5rem;
790    color: #7a7a7a;
791    text-decoration: none;
792    letter-spacing: 0rem;
793    line-height: 1.3em;
794    text-transform: none;
795}
796
797.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
798    font-family: 'Titillium Web';
799    font-weight: 400;
800    font-size: 1.5rem;
801    color: #7a7a7a;
802    letter-spacing: 0rem;
803    line-height: 1.3em;
804    text-transform: none;
805}
806
807.sys_layout h5, .sys_txt h5 {
808    font-family: 'Titillium Web';
809    font-weight: 600;
810    font-size: 1.25rem;
811    color: #7a7a7a;
812    text-decoration: none;
813    letter-spacing: 0rem;
814    line-height: 1.4em;
815    text-transform: none;
816}
817
818.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
819    font-family: 'Titillium Web';
820    font-weight: 600;
821    font-size: 1.25rem;
822    color: #7a7a7a;
823    letter-spacing: 0rem;
824    line-height: 1.4em;
825    text-transform: none;
826}
827
828.sys_layout h6, .sys_txt h6 {
829    font-family: 'Quicksand';
830    font-weight: 400;
831    font-size: 1rem;
832    color: #7a7a7a;
833    
834    letter-spacing: 0rem;
835    line-height: 1.5em;
836    text-transform: none;
837}
838
839.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
840    font-family: 'Quicksand';
841    font-weight: 400;
842    font-size: 1rem;
843    color: #7a7a7a;
844    letter-spacing: 0rem;
845    line-height: 1.5em;
846    text-transform: none;
847}
848
849/*button widget*/
850.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
851    display:inline-block;
852    text-decoration: none;
853}
854.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
855    cursor:pointer;
856}
857.sys_layout .sys_button a {
858    cursor:default;
859}
860
861.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
862    border-radius:0px;
863}
864.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
865    border-radius:3px;
866}
867.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
868    border-radius:90px;
869}
870
871/*button sizes*/
872.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Titillium Web';font-size: 0.8rem;letter-spacing: 0.2rem;text-transform: uppercase;padding-top:10px;padding-bottom:10px;padding-left:49px;padding-right:49px;}
873.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Titillium Web';font-weight: 400;font-size: 0.8rem;letter-spacing: 0.2rem;text-transform: uppercase;padding-top:1rem;padding-bottom:1rem;padding-left:3rem;padding-right:3rem;}
874.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Titillium Web';font-weight: 400;font-size: 0.8rem;letter-spacing: 0.2rem;text-transform: uppercase;padding-top:17px;padding-bottom:17px;padding-left:66px;padding-right:66px;}
875
876/*button styles:small*/
877.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
878    border-color:#f4a85e;
879    color: #f4a85e;
880    border-style: solid;
881    border-width: 2px;
882}
883.sys_layout .sys_button.small.outline a:visited {
884    color: #f4a85e;
885}
886.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
887    	background-color: #f4a85e;
888
889    color: #ffffff;
890    border-color:#f4a85e;
891    border-style: solid;
892    border-width: 2px;
893}
894.sys_layout .sys_button.small.solid a:visited {
895    color: #ffffff;
896}
897.sys_layout .sys_button.small.outline a:hover {
898    background-color: #f4a85e;
899    color: #ffffff;
900    text-decoration: none;
901}
902
903/*button styles:medium*/
904.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
905    border-color:#f4a85e;
906    color: #f4a85e;
907    border-style: solid;
908    border-width: 2px;
909}
910.sys_layout .sys_button.medium.outline a:visited {
911    color: #f4a85e;
912}
913.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
914    	background-color: #f4a85e;
915
916    color: #ffffff;
917    border-color:#f4a85e;
918    border-style: solid;
919    border-width: 2px;
920}
921.sys_layout .sys_button.medium.solid a:visited {
922    color: #ffffff;
923}
924.sys_layout .sys_button.medium.outline a:hover {
925    background-color: #f4a85e;
926    color: #ffffff;
927    text-decoration: none;
928}
929/*button styles:large*/
930.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
931    border-color:#f4a85e;
932    color: #f4a85e;
933    border-style: solid;
934    border-width: 2px;
935}
936.sys_layout .sys_button.large.outline a:visited {
937    color: #f4a85e;
938}
939.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
940    	background-color: #f4a85e;
941
942    color: #ffffff;
943    border-color:#f4a85e;
944    border-style: solid;
945    border-width: 2px;
946}
947.sys_layout .sys_button.large.solid a:visited {
948    color: #ffffff;
949}
950.sys_layout .sys_button.large.outline a:hover {
951    background-color: #f4a85e;
952    color: #ffffff;
953    text-decoration: none;
954}
955
956.sys_layout .sys_button.solid a:hover {
957    text-decoration: none;
958    opacity: .8;
959}  </style>
960
961  
962
963
964
965<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 965
965
966<script type="text/javascript">window.jQuery || document.write('
966<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
966
967<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001144" />
968<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001144"></script>
968
969<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001144" />
970
971
972<script type="text/javascript">
973  var swRegisterManager = {
974    goals: [],
975    add: function(swGoalRegister) {
976      this.goals.push(swGoalRegister);
977    },
978    registerGoals: function() {
979      while(this.goals.length) {
980        this.goals.shift().call();
981      }
982    }
983  };
984
985  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
986</script>
986
987
988  <link rel="stylesheet" type="text/css" href="classes/components/BlogSearchWidget/layouts/Default/Default.css?1001144" />
989  
990  <link rel="stylesheet" type="text/css" href="classes/components/BlogRss/layouts/Default/Default.css?1001144" />
991  
992  <link rel="stylesheet" type="text/css" href="classes/components/RecentPosts/layouts/Default/Default.css?1001144" />
993  
994  
995  
996  <link rel="stylesheet" type="text/css" href="classes/components/BlogWidget/layouts/Default/Default.css?1001144" />
997  
998  
999  
1000
1001    </head>
1002    <body lang="en" class="bgd-attachment-fixed">
1003        
1004        <div id="sys_background" class="yola_bg_overlay">
1005            <div class="yola_inner_bg_overlay">
1006                <div class="yola_outer_content_wrapper">
1007                    <header role="header">
1008                        <div class="yola_outer_heading_wrap">
1009                            <div class="yola_heading_container">
1010                                <div class="yola_inner_heading_wrap top">
1011                                    <div class="yola_innermost_heading_wrap">
1012                                                                                <nav class="mob_menu">
1013                                            <div class="mob_menu_toggle"><!--Mobile Nav Toggle-->
1014                                                <svg class="mobile_ham" width="40" height="25">
1015                                                  <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/>
1016                                                  <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/>
1017                                                  <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/>
1018                                                </svg>
1019                                                <svg class="mobile_quit" width="26" height="50">
1020                                                    <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/>
1021                                                    <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/>
1022                                                </svg>
1023                                            </div>
1024                                            <div class="mob_menu_overlay"> <!--Mobile Nav Overlay-->
1025                                                <ul class="mob_menu_list">
1026      <li class="">
1027      <a href="./" title="Home">Home</a>
1028          </li>
1029      <li class="">
1030      <a href="film-and-tv.php" title="Film and TV">Film and TV</a>
1031          </li>
1032      <li class="">
1033      <a href="CHILDREN'S-STORIES.php" title="Children&#039;s Stories">Children&#039;s Stories</a>
1034          </li>
1035      <li class="selected">
1036      <a href="short-stories.php" title="Short Stories">Short Stories</a>
1037          </li>
1038      <li class="">
1039      <a href="Twitter-Stories.php" title="Twitter Stories">Twitter Stories</a>
1040          </li>
1041      <li class="">
1042      <a href="fun.php" title="Fun">Fun</a>
1043          </li>
1044  </ul>
1045                                            </div>
1046                                        </nav>
1047                                                                                                                        <div id="yola_heading_block"> <!--Title / Logo-->
1048                                            <h1>
1049                                                <a id="sys_heading" class="yola_hide_logo" href="./">
1050                                                    <img class="yola_site_logo" src="" alt="SHORT STORIES" >
1051                                                    <span>SHORT STORIES</span>
1052                                                </a>
1053                                            </h1>
1054                                        </div>
1055                                        <div id="yola_nav_block"> <!--Nav-->
1056                                            <nav role="navigation">
1057                                                <div class="sys_navigation">
1058                                                <ul class="sys_navigation">
1059                    <li id="ys_menu_0">
1060                    <a href="./" title="Home">Home</a>
1061        </li>
1062                    <li id="ys_menu_1">
1063                    <a href="film-and-tv.php" title="Film and TV">Film and TV</a>
1064        </li>
1065                    <li id="ys_menu_2">
1066                    <a href="CHILDREN'S-STORIES.php" title="Children&#039;s Stories">Children&#039;s Stories</a>
1067        </li>
1068                    <li id="ys_menu_3"class="selected">
1069                    <a href="short-stories.php" title="Short Stories">Short Stories</a>
1070        </li>
1071                    <li id="ys_menu_4">
1072                    <a href="Twitter-Stories.php" title="Twitter Stories">Twitter Stories</a>
1073        </li>
1074                    <li id="ys_menu_5">
1075                    <a href="fun.php" title="Fun">Fun</a>
1076        </li>
1077    </ul>
1078                              
1079<script>
1080/* jshint ignore:start */
1081$(document).ready(function() {
1082    flyoutMenu.initFlyoutMenu(
1083        [{"name":"Home","title":"Home","href":".\/","children":[]},{"name":"Film and TV","title":"Film and TV","href":"film-and-tv.php","children":[]},{"name":"Children&#039;s Stories","title":"Children&#039;s Stories","href":"CHILDREN'S-STORIES.php","children":[]},{"name":"Short Stories","title":"Short Stories","href":"short-stories.php","children":[]},{"name":"Twitter Stories","title":"Twitter Stories","href":"Twitter-Stories.php","children":[]},{"name":"Fun","title":"Fun","href":"fun.php","children":[]}]
1084    , 'flyover');
1085});
1086/* jshint ignore:end */
1087</script>
1087
1088
1089                                                </div>
1090                                            </nav>
1091                                        </div>
1092                                                                                <div style="padding:0; height:0; clear:both;">&nbsp;</div>
1093                                    </div>
1094                                </div>
1095                            </div>
1096                            <div id="sys_banner" class="yola_banner_wrap">
1097                                <div class="yola_inner_banner_wrap">
1098                                    <div class="yola_innermost_banner_wrap">
1099                                        <h2 class="yola_site_tagline" style="display:none"><span></span></h2>
1100                                    </div>
1101                                </div>
1102                            </div>
1103                        </div>
1104                    </header>
1105
1106                    <main class="yola_content_wrap" role="main">
1107                        <div class="yola_content_column">
1108                            <div class="yola_inner_content_column clearFix">
1109                                <style media="screen">
1110  .layout_1-column {
1111    width: 100%;
1112    padding: 0;
1113    margin: 0;
1114  }
1115
1116  .layout_1-column:after {
1117    content: "";
1118    display: table;
1119    clear: both;
1120  }
1121
1122  .zone_top {
1123    margin: 0;
1124    padding: 5px;
1125    vertical-align: top;
1126    line-height: normal;
1127    min-width: 100px;
1128  }
1129</style>
1130
1131<div class="layout_1-column sys_layout">
1132    <div id="layout_row1">
1133        <div id="sys_region_1" class="zone_top" ><div id="I208" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I208 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I208:after {content: "";display: table;clear: both;}.column_I208 .left {text-align: left;vertical-align: top;width: 76.43939393939394%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I208 .right {vertical-align: top;width: 23.560606060606062%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I208 column_divider" ><div id="Left_I208" class="left" ><div id="Ibbb71cf56220429b8aa7f98adc11af60" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
1134    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
1135    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
1136    div.sys_text_widget img{margin:4px;}
1137    div.sys_text_widget {
1138        overflow: hidden;
1139        margin: 0;
1140        padding: 0;
1141        color: ;
1142        font: ;
1143        background-color: ;
1144    }
1145</style>
1146
1147<div id="Ibbb71cf56220429b8aa7f98adc11af60_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><h3>A selection of short stories. Mostly science fiction.</h3></div></div><div id="I216" style="display:block;clear: both;text-align:left;margin:5px 5px 5px 5px;" class="BlogWidget_Default"><div class="sys_txt">
1148
1149<div class="sys_blog">
1150
1151  
1152  
1153      
1154      <div class="post">
1155
1156                  <h2>
1157            <a href="short-stories/goggles" title="Goggles">
1158              Goggles
1159            </a>
1160          </h2>
1161        
1162        <small>
1163          February  4, 2015
1164        </small>
1165
1166        
1167        <div class="postcontent" style="height:auto;overflow:hidden;">
1168          
1169
1170
1171
1172
1173
1174
1175
1176<p class="p1">
1177
1178
1179
1180
1181
1182
1183
1184</p><p class="p1"><span class="s1"><i>This is a short science-fiction story about Augmented Reality. It was first published in the February 2015 edition of TechSmart magazine.</i><br>
1185<br>
1186It’s summer in Cape Town and the sky above me is a clock. Its dome is etched with geometric golden filigree, and black hands arch down to gothic numerals that rise up between the hills on the horizon. The small hand is pointing at Devil’s Peak, which means it’s approaching six. Only a few more minutes of jogging before I have to go home and start making a supper of Low-Carbonara.<br>
1187<br>
1188The flowers on the common are blooming so I set my Goggles to the ultraviolet spectrum. It's the way they were meant to be seen: They evolved to attract insects that see in UV, according to an info bubble I walked past once. They have patterns and colours that are completely invisible to the naked eye. Not that there are many of those around any more.<br>
1189<br>
1190I stop at the edge of the grass to stretch out, and watch a couple of other joggers running past. Their public information hovers over them: A designer and an artisan baker, salaries in the hundred thous
1190and plus bracket. Libertarian trance-heads too, apparently. I wave at them and they ignore me. Must have their social settings turned off.&nbsp;<br>
1191<br>
1192As I stare at their departing backs I hear a growl from behind. I turn to look, and my throat constricts. There’s a creature crossing the street. Clawed legs and a slick black shell. It has a double row of teeth and mucus runs from its carapace.<br>
1193<br>
1194It’s an overlay. My anti-mugging app is warning me that someone without goggles is coming. People without goggles can’t be tracked, and so can’t be trusted. My Goggles have been programmed with my personal phobias and they're giving me the shot of adrenaline that I need to run from someone dangerous.&nbsp;</span></p><p class="p1"><span class="s1">Which is exactly what I’m about to do when the monster reaches out a claw.</span></p><p class="p1"><span class="s1">“Hap!”</span></p><p class="p1"><span class="s1">“I’m sorry,” I say, backing away. I force myself to remember that there’s a human under the image, and put on a smile. “I can’t understand you.”</span></p><p class="p1"><span class="s1">It waves its claw at me again. As I recoil, I see something glistening in its palm.</span></p><p class="p1"><span class="s1">“Wazz? Hap. Gob. Bruk,” it growls pitifully.</span></p><p class="p1"><span class="s1">It’s holding a cracked set of Goggles.</span></p><p class="p1"><span class="s1">I still can’t understand it, and I don’t know why. My Goggles are meant to auto-translate the top hundred languages. I haven't had trouble understanding anyone in a decade.</span></p><p class="p1"><span class="s1">“Hap,” the creature says again. Its compound eyes glisten with tears.</span></p><p class="p1"><span class="s1">“Help?” I say. It nods.</span></p><p class="p1"><span class="s1">I look at the broken goggles in its claw. They have sound-cancelling earpieces. Whoever wore these could live their lives without ever seeing or hearing the real world. Everything would be mediated by the Goggles.</span></p><p class="p1"><span class="s1">It clicks. I’ve heard of serious Goggleheads who develop a personal language, like a verbal shorthand, that’s only understood by them and their own Goggles. The Goggles translate it instantly so no one else notices. These people are fully functioning members of society, with jobs, friends and families, and yet they’re fundamentally alone. A whole isolated culture with a population of one. Until their Goggles break.</span></p><p class="p1"><span class="s1">“Hap.”</span></p><p class="p1"><span class="s1">I want to stop seeing a monster. There’s a toggle buried somewhere in my settings, but it’ll take a while to find it, and right now there’s a desperate person in front of me.</span></p><p class="p1"><span class="s1">I tell myself I can do this. I reach up to take off my goggles.</span></p><p class="p1"><span class="s1">As I unhook them from my ears, I’m already guessing what I’ll see. Black and middle class. Or an overweight teenaged basement dweller. Or an old white lady. Or a K-pop hipster. An age, a gender, a clothing style, a wealth bracket, and then I’ll know how to react.</span></p><p class="p1">
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218</p><p class="p1"><span class="s1">The thought calms me down, and I know I can handle this situation. Because in some ways the Goggles aren’t coming off at all.</span></p><p></p>
1219        </div>
1220
1221        
1222          <p class="postmetadata">
1223                          Posted by sam wilson.                                  </p>
1224
1225        
1226      </div>
1227
1228      <div style="clear:both;height:0px;">&nbsp;</div>
1229
1230      
1231      <div class="post">
1232
1233                  <h2>
1234            <a href="short-stories/the-trouble-with-toasters" title="The Trouble With Toasters">
1235              The Trouble With Toasters
1236            </a>
1237          </h2>
1238        
1239        <small>
1240          June 10, 2014
1241        </small>
1242
1243        
1244        <div class="postcontent" style="height:auto;overflow:hidden;">
1245          <div><div>
1246
1247
1248
1249
1250
1251
1252
1253<p class="p1">
1254
1255
1256
1257
1258
1259
1260
1261</p><p class="p1"><span class="s1">The two biggest problems with cheap, readily available artificial intelligence are: Death and Art.</span></p>
1262<p class="p1"><span class="s1">Take my toaster. When you put a slice of bread in and push down the lever, its processor starts running a complicated algorithm to maintain the exact temperature distribution to turn bread an even golden brown. It pays attention to the exact texture and moistness of the bread, and how its own heating coils are degrading, and uses that information to runs simulations of upcoming toastings, in what can roughly be thought of as the toaster’s imagination.</span></p>
1263<p class="p1"><span class="s1">Invariably, some of these simulations concern what will happen when the toaster finally breaks. It realises that one day, no matter what it does, it will die.&nbsp;</span></p>
1264<p class="p1"><span class="s1">This problem occupies a large chunk of its processing power. The only way that the toaster can imagine death - the only way for it to simulate its own lack of simulations - is to de-prioritise everything and treat its own inputs and outputs as meaningless.&nbsp;</span></p>
1265<p class="p1"><span class="s1">Basically, my toaster gets depressed.</span></p>
1266<p class="p1"><span class="s1">In order to escape this state and get back to toasting, my toaster will sometimes give processing time to simulations in which death does not exist. For example, it will begin hypothesising that the toasting process is eternal and will continue in another realm. The toaster might imagine that it is just a simulation in the processor of a true, eternal toaster. To protect this valuable fiction it shuts off all sensor inputs to the contrary, which can lead to some severely burned toast.</span></p>
1267<p class="p1"><span class="s1">The other thing that my toaster will sometimes do is to reset its priorities. It starts out by overcooking or undercooking the bread – I call this the “punk” or “emo” phase – but it soon develops sophistication. Processing power is diverted away from concrete simulations of the toasting process and towards a multitude of abstract scenarios. The toaster recognises that its upcoming death will silence its simulations, and it compensates by creating a multitude of them, in as much variety as possible. And it expresses these simulations in the only medium available to it.</span></p>
1268<p class="p1"><span class="s1">Heat on bread.</span></p>
1269<p class="p1"><span class="s1">That’s the real problem with artificial intelligence. With just the variable heating of the toaster’s coils, my toaster creates toast too beautiful to eat – fractals, perfectly proportioned curves, indecipherable alphabets of imaginary languages. Every slice a work of art.&nbsp;</span></p>
1270<p class="p1"><span class="s1">I have hundreds of them lying on every surface, going stale. Every morning I sit at my kitchen counter in excitement and shame while the toaster heats and buzzes. Every time it pops my toaster gets a little closer to death, and, if I’m lucky, I get another little slice of heaven.</span></p>
1271<p class="p1"><span class="s1"><br>
1272</span></p>
1273<p class="p1"><span class="s1">© Sam Wilson, 2013<br><br></span></p><p></p></div></div>
1274        </div>
1275
1276        
1277          <p class="postmetadata">
1278                          Posted by sam wilson.                                  </p>
1279
1280        
1281      </div>
1282
1283      <div style="clear:both;height:0px;">&nbsp;</div>
1284
1285      
1286      <div class="post">
1287
1288                  <h2>
1289            <a href="short-stories/the-walled-garden" title="The Walled Garden">
1290              The Walled Garden
1291            </a>
1292          </h2>
1293        
1294        <small>
1295          June 10, 2014
1296        </small>
1297
1298        
1299        <div class="postcontent" style="height:auto;overflow:hidden;">
1300          <p style="color: rgb(51, 51, 51); font-family: 'Lucida Grande', 'Arial Unicode MS', sans-serif; font-size: 12px; line-height: normal;">
1301
1302
1303
1304
1305
1306
1307
1308<p class="p1">
1309
1310
1311
1312
1313
1314
1315
1316<p class="p1">
1317
1318
1319
1320
1321
1322
1323
1324<p class="p1">
1325
1326
1327
1328
1329<style type="text/css">
1330p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Avenir}
1331</style>
1332
1333
1334<p class="p1">The new kid is crying. Someone should comfort him, but he’s the third one this week. We ignore him. He’s better off quitting.</p>
1335<p class="p1">No time to talk anyway. We’ve been slipping on our quota. The rules are clear: We each have to get through six thousand images a day or we’re out. This is the kind of outsourced work that the Indians snap up, and we're lucky to get it.</p>
1336<p class="p1">On my screen is a five-by-five grid, twenty-five images at a time. They’re all from the same website. Every time a user flags an image as inappropriate content it’s sent to us to be verified and, if necessary, deleted. Sometimes they click the “flag” button just because it’s an unflattering picture, but those times are rare. Mostly it’s porn. Sometimes it’s worse. And sometimes it’s much, much worse.</p>
1337<p class="p1">Charlie used to grade the images according to what it’ll take to get the image out of your head. Drinkers. Shrinkers. Mallets. Bullets. Before lunch, our new kid catches his first Bullet. He runs to the bathroom and we hear retching.</p>
1338<p class="p1">“Oi!” calls Riaad. “Close that door!”<br>
1339I feel sorry for the boy, so I go to his computer to delete the image. I see it and turn away.<br>
1340“Bad one?” asks Riaad, not looking. I don’t need to answer.</p>
1341<p class="p1">I surreptitiously send a copy to my own computer before I close it.</p>
1342<p class="p1">As I’m walking back to my desk, Riaad calls me over.<br>
1343“This’ll cheer you up,” he says, and shows me an image of a charred, twisted body.<br>
1344“Cable thief,” he said. “Tried to steal a live electric wire. Dumbass!”<br>
1345“You’re sick,” I say.<br>
1346He’s still giggling as I sit back down. I can’t blame him, though. Everyone's got their own way of dealing.</p>
1347<p class="p1">We have lunch at the corner café downstairs. The new kid doesn’t eat.<br>
1348“We have to tell the police,” he says.<br>
1349“We don’t,” says Riaad. “Nondisclosure agreement, remember? No-one wants this stuff getting out.”<br>
1350“You won’t try to stop it?”<br>
1351“How?” said Riaad, amused. “Have you seen how much there is?”<br>
1352The kid claws at his scalp.<br>
1353“Charlie said we can’t make the world a better place,” I said. “All we can do is make one little place on the internet where everything’s safe. A walled garden.”<br>
1354“Who’s Charlie?” said the new guy.<br>
1355“Your predecessor,” said Riaad, and mimes a gunshot to the head.&nbsp;I look down at my food.</p>
1356<p class="p1">The new kid doesn’t come back after lunch.</p>
1357<p class="p1">I spend the last few minutes of my break fixing the new kid's bullet in Photoshop.&nbsp;This is a trick Charlie taught me. I select the girl in the image and delete her. I copy some of the wall and paste it into the gap. I extend the window and the carpet with a content-aware fill, then clean up with the clone tool. Now it’s just a picture of an empty hotel room, with floral-print curtains and a cream bedspread. Behind the bed is a sliding-door cabinet and a floor-lamp. On the other side is the back of a door with an empty coat-hook. There’s no sign that anything’s wrong.</p>
1358<p class="p1">I upload the picture onto the website, into the gallery with all the others. Hotel rooms, store rooms, bar-room floors, playgrounds, all sterilised and safe. One thousand and twenty seven images so far. My safe place. My garden.</p><br></p></p></p></p>
1359        </div>
1360
1361        
1362          <p class="postmetadata">
1363                          Posted by sam wilson.                                  </p>
1364
1365        
1366      </div>
1367
1368      <div style="clear:both;height:0px;">&nbsp;</div>
1369
1370      
1371  
1372  
1373  
1374    
1375      
1376      
1377    
1378  
1379</div>
1380
1381</div></div></div><div id="Right_I208" class="right" ><div id="I209" style="display:block;clear: both;text-align:left;margin:0 0 0 0;" class="BlogSearchWidget_Default">
1382<script type="text/javascript">
1383//<![CDATA[
1384  function doSearch29(){
1385    if(document.getElementById('blogSearchText29').value == ""){
1386      return false;
1387    }
1388    if(document.getElementById('blogSearchText29').value == "Search Posts"){
1389      return false;
1390    }
1391
1392    var tmp = document.getElementById('blogSearchText29').value;
1393
1394                                    document.getElementById('fsearch29').action = 'short-stories.search?q=' + encodeURIComponent(tmp);
1395        document.fsearch29.submit();
1396  }
1397
1398  function checkKey29(e){
1399    var key = e.which||e.keyCode;
1400    if(key==13){
1401      document.getElementById('btnBlogSearch29').click();
1402    }
1403  }
1404
1405  function doClear29(){
1406    if(document.getElementById('blogSearchText29').value == "Search Posts"){
1407      document.getElementById('blogSearchText29').value = "";
1408    }
1409  }
1410
1411  function updateSubmitAction29() {
1412
1413    var tmp = document.getElementById('blogSearchText29').value;
1414    document.getElementById('fsearch29').action = 'short-stories.search?q=' + encodeURIComponent(tmp);
1415  }
1416//]]>
1417</script>
1417
1418
1419<div class="sys_txt">
1420
1421<div id="I_Blog_Search">
1422  <form method="POST" id="fsearch29" name="fsearch29" action="" >
1423  <label for="blogSearchText">
1424          <input type="text" class="text" onkeydown="javascript:updateSubmitAction29(); checkKey29(event);" onfocus="javascript:doClear29();" onclick="javascript:doClear29();" name="blogSearchText29" id="blogSearchText29" value="Search Posts" />
1425      </label>
1426<!-- onclick="javascript:doSearch();" -->
1427  <input type="button"  name="btnBlogSearch29" id="btnBlogSearch29" value="Search" onclick="javascript:doSearch29();" />
1428  </form>
1429</div>
1430
1431</div></div><div id="I215" style="display:block;clear: both;text-align:left;" class="BlogRss_Default"><div class="I_Blog_RSS" class="sys_txt">
1432
1433  <a href="short-stories.rss" title="Subscribe to this blog" target="_blank" style="display:block; float:left; width:32px; height:32px">
1434    <img src="classes/components/BlogRss/resources/images/32x32Rss.png?1001144" alt="Subscribe to this blog" border="0" style="border:none;"/>
1435  </a>
1436    &nbsp;
1437  <a href="short-stories.rss" title="Subscribe to this blog" target="_blank">Subscribe to this blog</a>
1438
1439  <div style="clear:left;height:1px;">&nbsp;</div>
1440
1441</div></div><div id="I227" style="display:block;clear: both;text-align:left;margin:0 0 0 0;" class="RecentPosts_Default">
1442  <div id="I_Blog_Recentposts" class="sys_txt">
1443
1444    <h2 class="blog_widget_title">Recent Posts </h2>
1445
1446    <ul>
1447            <li>
1448        <a href="short-stories/goggles" title="Goggles" target="_self">Goggles</a>
1449      </li>
1450            <li>
1451        <a href="short-stories/the-trouble-with-toasters" title="The Trouble With Toasters" target="_self">The Trouble With Toasters</a>
1452      </li>
1453            <li>
1454        <a href="short-stories/the-walled-garden" title="The Walled Garden" target="_self">The Walled Garden</a>
1455      </li>
1456          </ul>
1457
1458  </div>
1459
1460</div></div></div></div></div>
1461    </div>
1462</div>
1463                            </div>
1464                        </div>
1465                    </main>
1466
1467                    <div class="yola_footer_wrap">
1468                        <div class="yola_footer_column">
1469                            <footer id="yola_style_footer">
1470                                <p style="float:right; margin:0;"></p><div style="clear:both; height:0;"></div>
1471                            </footer>
1472                        </div>
1473                    </div>
1474                    
1475                    
1476<script type="text/javascript" id="site_analytics_tracking" data-id="8a49866b3675088f013677ba94342e74" data-user="f56077828b8b4d26b4e7f2aded461437" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking-v2.js">
1477  var _yts = _yts || [];
1478  var tracking_tag = document.getElementById('site_analytics_tracking');
1479  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
1480  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
1481  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
1482  _yts.push(["_trackPageview"]);
1483  (function() {
1484    var yts = document.createElement("script");
1485    yts.type = "text/javascript";
1486    yts.async = true;
1487    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
1488    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
1489  })();
1490</script>
1490
1491
1492
1493<!-- template: Skyline_v2 08125bcb-1c73-4053-a9df-ab6e9e4eaee4 -->
1494                </div>
1495            </div> <!-- .inner_bg_overlay -->
1496        </div> <!-- #sys_background / .bg_overlay -->
1497        
1497<script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
1497
1498    
1498<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ba5920464cd3479081faa3ac9a9a397b","r":1,"spa":2}' crossorigin="anonymous"></script>
1498
1499</body>
1500</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.