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's Stories">Children'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's Stories">Children'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's Stories","title":"Children'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;"> </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. <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. </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;"> </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. </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. </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. </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;"> </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. 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. 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;"> </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 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;"> </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.