1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 5 6 7<title>Cathy Collison's site</title> 8 9 10 11<meta name="description" content="" /> 12<meta name="keywords" content="" /> 13 14 15 16 17 <style type="text/css" id="styleCSS"> 18 body{ 19 background-color:#f6f0e2; 20 background-image: url(templates/Suarez/resources/canvas.jpg); 21 background-repeat:repeat; 22 background-position:top left; 23 background-attachment:; 24 text-align:center; 25 margin:0; 26 padding:0 0 20px 0; 27 font-family:Arial,Helvetica,sans-serif; 28 font-size:13px; 29} 30 31div.ys-bar{ 32 width:100%; 33 background:#262628 url(templates/Suarez/resources/slate.jpg) center top repeat-y; 34 z-index:1; 35 border-bottom:3px solid #fff; 36 -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); 37 -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); 38 box-shadow: 0 0 2px rgba(0, 0, 0, 0.45); 39} 40 41div.ys-layout{ 42 width:920px; 43 margin:-55px auto 0 auto; 44 text-align:left; 45} 46 47div.ys-nav-wrap{ 48 width:920px; 49 margin:0 auto; 50 text-align:left; 51 padding:30px 0 60px 0; 52} 53 54div.sys_navigation ul{ 55 text-align:right; 56 margin:0; 57 padding:0; 58 list-style:none; 59} 60 61div.sys_navigation ul li{ 62 display:inline; 63} 64 65div.sys_navigation ul li a{ 66 display:inline-block; 67 color:#f6f4ee; 68 padding:10px 23px 10px 35px; 69 background:url(templates/Suarez/resources/star.png) center left no-repeat; 70 text-decoration:none; 71 font-size:13px; 72 text-shadow:0 1px 0 rgba(0,0,0,1); 73} 74 75div.sys_navigation ul li.single a, 76div.sys_navigation ul li.first a{ 77 background:none; 78 padding-left:0; 79} 80 81div.sys_navigation ul li.selected a{ 82 color:#fff; 83 font-weight:bold; 84} 85 86div.sys_navigation ul li a:hover{ 87 text-decoration:underline; 88} 89 90div.ys-banner-wrap{ 91 background:#fff; 92 padding:10px; 93 -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); 94 -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); 95 box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); 96} 97 98div.ys-banner-wrap td.heading{ 99 width:100%; 100 background:#262628 url(templates/Suarez/resources/board.jpg) 0 0 repeat; 101 border-right:1px solid #333; 102} 103 104div.ys-banner-wrap div.heading h1{ 105 margin:0; 106 padding: 0 40px 0 40px; 107} 108 109div.ys-banner-wrap div.heading h1 a{ 110 color:#fff; 111 text-decoration:none; 112 font-size:30px; 113 font-weight:normal; 114 font-family:Georgia; 115 text-shadow:0 1px 0 rgba(0,0,0,1); 116} 117 118div#sys_banner{ 119 width:525px; 120 height:195px; 121 background: url(resources/IMG_9331.JPG.cropped525x195o-9%2C-127s646x462.JPG) top left no-repeat; 122} 123 124div.ys-banner-wrap table{ 125 width:900px; 126 background:#262628; 127 height:195px; 128} 129 130div.content{ 131 background:#fff; 132 -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); 133 -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); 134 box-shadow: 0 0 2px rgba(0, 0, 0, 0.35); 135 margin:20px 0 10px 0; 136 padding:10px; 137} 138 139 140/* Variables - only edit these */ 141 142 143 144 145 146body{ 147 font-family:Arial,Helvetica,sans-serif; 148 font-size:12px; 149 color:#222; 150} 151 152a{ 153 color:#0062b5; 154 text-decoration:underline; 155} 156 157a:hover{ 158 text-decoration:none; 159 color:#0062b5 160} 161 162a img{border:none;} 163 164p{ 165 padding: 5px 0; 166 margin: 0; 167} 168 169h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #333333;} 170h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #333333;} 171h1, h2, h3, h4, h5, h6{ 172 padding: 10px 0; 173 margin: 5px 0; 174 color: #333333; 175} 176 177h1{font-size: 200%;} 178h2{font-size: 180%;} 179h3{font-size: 160%;} 180h4{font-size: 140%;} 181h5{font-size: 130%;} 182h6{font-size: 100%;} 183 </style> 184 185
186<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
186 187 188 <style type="text/css"> 189 @import url("//fonts.googleapis.com/css?family=&subset=latin,latin-ext"); 190 </style> 191 192 <style type="text/css" id="styleOverrides"> 193 /* ====================== 194* 195* Site Style Settings 196* 197=========================*/ 198/* Paragraph text (p) */ 199 200.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout { 201 font-family: 'Arial','Helvetica','sans-serif'; 202 203 font-size: 12px; 204 color: #222222; 205 line-height: normal; 206 207 text-transform: none; 208} 209 210/* Navigation */ 211.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 { 212 213 214 215 216 217 218 219 220} 221 222 223/* Navigation:selected */ 224div.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 { 225 226} 227 228/* Navigation:hover */ 229div.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 { 230 231} 232 233/* Site Title */ 234#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a { 235 236 237 238 239 240 241 242 243} 244 245/* Hyperlinks (a, a:hover, a:visited) */ 246 247 248 249 250 251 252/* Headings (h2, h3, h4, h5, h6) */ 253.sys_layout h2, .sys_txt h2 { 254 font-family: 'Arial','Helvetica','sans-serif'; 255 256 font-size: 21.6px; 257 color: #333333; 258 text-decoration: rgb(51, 51, 51); 259 260 line-height: normal; 261 text-transform: none; 262} 263 264.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited { 265 font-family: 'Arial','Helvetica','sans-serif'; 266 267 font-size: 21.6px; 268 color: #333333; 269 270 line-height: normal; 271 text-transform: none; 272} 273 274.sys_layout h3, .sys_txt h3 { 275 font-family: 'Arial','Helvetica','sans-serif'; 276 277 font-size: 19.2px; 278 color: #333333; 279 text-decoration: rgb(51, 51, 51); 280 281 line-height: normal; 282 text-transform: none; 283} 284 285.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited { 286 font-family: 'Arial','Helvetica','sans-serif'; 287 288 font-size: 19.2px; 289 color: #333333; 290 291 line-height: normal; 292 text-transform: none; 293} 294 295.sys_layout h4, .sys_txt h4 { 296 font-family: 'Arial','Helvetica','sans-serif'; 297 298 font-size: 16.8px; 299 color: #333333; 300 text-decoration: rgb(51, 51, 51); 301 302 line-height: normal; 303 text-transform: none; 304} 305 306.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited { 307 font-family: 'Arial','Helvetica','sans-serif'; 308 309 font-size: 16.8px; 310 color: #333333; 311 312 line-height: normal; 313 text-transform: none; 314} 315 316.sys_layout h5, .sys_txt h5 { 317 font-family: 'Arial','Helvetica','sans-serif'; 318 319 font-size: 15.6px; 320 color: #333333; 321 text-decoration: rgb(51, 51, 51); 322 323 line-height: normal; 324 text-transform: none; 325} 326 327.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited { 328 font-family: 'Arial','Helvetica','sans-serif'; 329 330 font-size: 15.6px; 331 color: #333333; 332 333 line-height: normal; 334 text-transform: none; 335} 336 337.sys_layout h6, .sys_txt h6 { 338 font-family: 'Arial','Helvetica','sans-serif'; 339 340 font-size: 12px; 341 color: #333333; 342 text-decoration: rgb(51, 51, 51); 343 344 line-height: normal; 345 text-transform: none; 346} 347 348.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited { 349 font-family: 'Arial','Helvetica','sans-serif'; 350 351 font-size: 12px; 352 color: #333333; 353 354 line-height: normal; 355 text-transform: none; 356} 357 358/*button widget*/ 359.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 360 display:inline-block; 361 text-decoration: none; 362} 363.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 364 cursor:pointer; 365} 366.sys_layout .sys_button a { 367 cursor:default; 368} 369 370.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link { 371 border-radius:0px; 372} 373.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link { 374 border-radius:3px; 375} 376.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link { 377 border-radius:90px; 378} 379 380/*button sizes*/ 381.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-size: 12px;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;} 382.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-size: 15px;padding-top:15px;padding-bottom:15px;padding-left:37px;padding-right:37px;} 383.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-size: 20px;padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px;} 384 385/*button styles:small*/ 386.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link { 387 border-color:#333333; 388 color: #333333; 389 border-style: solid; 390 border-width: 2px; 391} 392.sys_layout .sys_button.small.outline a:visited { 393 color: #333333; 394} 395.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link { 396 background-color: #333333; 397 398 color: #ffffff; 399 border-color:#333333; 400 border-style: solid; 401 border-width: 2px; 402} 403.sys_layout .sys_button.small.solid a:visited { 404 color: #ffffff; 405} 406.sys_layout .sys_button.small.outline a:hover { 407 background-color: #333333; 408 color: #ffffff; 409 text-decoration: none; 410} 411 412/*button styles:medium*/ 413.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link { 414 border-color:#333333; 415 color: #333333; 416 border-style: solid; 417 border-width: 2px; 418} 419.sys_layout .sys_button.medium.outline a:visited { 420 color: #333333; 421} 422.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link { 423 background-color: #333333; 424 425 color: #ffffff; 426 border-color:#333333; 427 border-style: solid; 428 border-width: 2px; 429} 430.sys_layout .sys_button.medium.solid a:visited { 431 color: #ffffff; 432} 433.sys_layout .sys_button.medium.outline a:hover { 434 background-color: #333333; 435 color: #ffffff; 436 text-decoration: none; 437} 438/*button styles:large*/ 439.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link { 440 border-color:#333333; 441 color: #333333; 442 border-style: solid; 443 border-width: 2px; 444} 445.sys_layout .sys_button.large.outline a:visited { 446 color: #333333; 447} 448.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link { 449 background-color: #333333; 450 451 color: #ffffff; 452 border-color:#333333; 453 border-style: solid; 454 border-width: 2px; 455} 456.sys_layout .sys_button.large.solid a:visited { 457 color: #ffffff; 458} 459.sys_layout .sys_button.large.outline a:hover { 460 background-color: #333333; 461 color: #ffffff; 462 text-decoration: none; 463} 464 465.sys_layout .sys_button.solid a:hover { 466 text-decoration: none; 467 opacity: .8; 468} </style> 469 470 471 472 473
474<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 474
474
475<script type="text/javascript">window.jQuery || document.write('
475<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
475 476<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001098" />
477<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001098"></script>
477 478<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001098" /> 479 480 <style type="text/css"> 481 .cookies-notification { 482 position: fixed; 483 left: 0; 484 right: 0; 485 bottom: 0; 486 display: flex; 487 justify-content: center; 488 transform: translateY(100%); 489 transition: transform 300ms ease-in; 490 background: #f7f7f7; 491 padding: 0 5%; 492 z-index: 999999; 493 } 494 495 .cookies-notification--visible { 496 transform: translateY(0); 497 } 498 499 .cookies-notification-content { 500 display: flex; 501 justify-content: space-between; 502 align-items: center; 503 flex-direction: column; 504 padding-bottom: 20px; 505 } 506 507 .cookies-notification-text { 508 text-align: center; 509 font-size: 16px; 510 } 511 512 .cookies-notification-text a { 513 color: #00ace6; 514 } 515 516 .cookies-notification-text p { 517 margin: 1em 0; 518 } 519 520 .cookies-notification-button { 521 display: flex; 522 align-items: center; 523 justify-content: center; 524 flex: none; 525 background: #00ace8; 526 color: #fff; 527 border-radius: 4px; 528 font-size: 16px; 529 border: none; 530 padding: 15px 50px; 531 outline:0; 532 } 533 534 @media only screen and (min-width: 600px) { 535 .cookies-notification-content { 536 flex-direction: row; 537 max-width: 1170px; 538 padding-bottom: 0; 539 } 540 541 .cookies-notification-text { 542 font-size: 14px; 543 text-align: start; 544 margin-right: 47px; 545 } 546 547 .cookies-notification-button { 548 font-size: 12px; 549 padding: 12px 24px; 550 } 551 } 552 </style> 553 554
554<script type="text/javascript"> 555 $(function () { 556 var cookiesAgreed = localStorage.getItem('cookiesAgreed'); 557 558 if (cookiesAgreed) { 559 return; 560 } 561 562 var wrapper = $('<div class="cookies-notification"></div>'); 563 var notification = $('<div class="cookies-notification-content"></div>'); 564 var text = $('<div class="cookies-notification-text"><p>This website uses cookies to ensure the best browsing experience. You may change your cookie preferences in your browser or device settings. <a href=\"http://www.aboutcookies.org/\" target=\"_blank\">Learn More<\/a> <a href=\"http://www.aboutcookies.org/how-to-delete-cookies/\" target=\"_blank\">How To Delete Cookies<\/a><\/p></div>'); 565 var button = $('<button class="cookies-notification-button">Accept</button>'); 566 567 button.click(handleAcceptClick); 568 notification 569 .append(text) 570 .append(button); 571 wrapper.append(notification); 572 573 $('body').append(wrapper); 574 setTimeout(function() { 575 wrapper.addClass('cookies-notification--visible'); 576 }, 1000); 577 578 function handleAcceptClick() { 579 localStorage.setItem('cookiesAgreed', 'true'); 580 wrapper.removeClass('cookies-notification--visible'); 581 wrapper.on('transitionend', handleTransitionEnd); 582 } 583 584 function handleTransitionEnd() { 585 wrapper.remove(); 586 } 587 }); 588 </script>
588 589
590<script type="text/javascript"> 591 var swRegisterManager = { 592 goals: [], 593 add: function(swGoalRegister) { 594 this.goals.push(swGoalRegister); 595 }, 596 registerGoals: function() { 597 while(this.goals.length) { 598 this.goals.shift().call(); 599 } 600 } 601 }; 602 603 window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager); 604</script>
604 605 606 <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001098" /> 607 608 609 610 <link rel="stylesheet" type="text/css" href="classes/components/Gallery/layouts/Default/Default.css?1001098" /> 611 612 <link rel="stylesheet" type="text/css" href="classes/components/Form/layouts/Default/Default.css?1001098" /> 613 614 615 </head> 616 <body id="sys_background"> 617 <div class='ys-bar'> 618 <div class='ys-nav-wrap'> 619 <div class='sys_navigation'> 620 <ul class='sys_navigation'> 621 <li id="ys_menu_0" class="selected first"><a href="./" title="Home">Home</a></li> 622 <li id="ys_menu_1"><a href="cathy-collison.php" title="Cathy Collison">Cathy Collison</a></li> 623 <li id="ys_menu_2" class="last"><a href="reading-room.php" title="Reading Room">Reading Room</a></li> 624 </ul>
625<script>$(document).ready(function() { flyoutMenu.initFlyoutMenu([{"href": "./","title": "Home","name": "Home","children": []},{"href": "cathy-collison.php","title": "Cathy Collison","name": "Cathy Collison","children": []},{"href": "reading-room.php","title": "Reading Room","name": "Reading Room","children": []}], "flyover");});</script>
625 626 </div> 627 </div> 628 </div> 629 <div class="ys-layout"> 630 <div class="ys-banner-wrap"> 631 <table cellpadding='0' cellspacing='0'> 632 <tr> 633 <td class='heading'> 634 <div class="heading"> 635 <h1><a id="sys_heading" href="./">About me</a></h1> 636 </div> 637 </td> 638 <td> 639 <div id="sys_banner"></div> 640 </td> 641 </tr> 642 </table> 643 </div> 644 <div class="content"> 645 <div id="content"> 646 <style media="screen"> 647 .layout_2-over-1 { 648 width: 100%; 649 padding: 0; 650 margin: 0; 651 border-collapse: separate; 652 -moz-box-sizing: border-box; 653 -webkit-box-sizing: border-box; 654 box-sizing: border-box; 655 } 656 657 .layout_2-over-1:after { 658 content: ""; 659 display: table; 660 clear: both; 661 } 662 663 .zone_bottom, .zone_left, .zone_right { 664 margin: 0; 665 vertical-align: top; 666 line-height: normal; 667 min-width: 100px; 668 float: left; 669 -moz-box-sizing: border-box; 670 -webkit-box-sizing: border-box; 671 box-sizing: border-box; 672 } 673 674 .zone_bottom { 675 padding-top: 5px; 676 width: 100%; 677 } 678 679 .zone_left { 680 padding-right: 2.5px; 681 width: 50%; 682 } 683 684 .zone_right { 685 padding-left: 2.5px; 686 width: 50%; 687 } 688 689 @media only screen and (max-width: 736px) { 690 .zone_left, .zone_right { 691 width: 100%; 692 padding: 2.5px 0; 693 } 694 695 .zone_bottom { 696 padding-top: 2.5px; 697 } 698 } 699</style> 700 701<div class="layout_2-over-1 sys_layout"> 702 <div class="zone_left"> 703 <div id="sys_region_2" > </div> 704 </div> 705 <div class="zone_right"> 706 <div id="sys_region_3" > </div> 707 </div> 708 709 <div class="zone_bottom"> 710 <div id="sys_region_1" ><div id="I8bdea9862d1a48088d630cceadf1c915" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#I8bdea9862d1a48088d630cceadf1c915_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 492px;border:none;max-width: 100%;height: auto;}</style><img id="I8bdea9862d1a48088d630cceadf1c915_img" src="resources/Cover%20Page.jpg.opt492x434o0%2C0s492x434.jpg" /></div><div id="I03917dc4d1774745acfb021c3dc3e7d5" style="display:block;clear: both;margin:15px 15px 15px 15px;" class="Text_2_Default"><style type="text/css"> 711 div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;} 712 div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;} 713 div.sys_text_widget img{margin:4px;} 714 div.sys_text_widget { 715 overflow: hidden; 716 margin: 0; 717 padding: 0; 718 color: ; 719 font: ; 720 background-color: ; 721 } 722</style> 723 724<div id="I03917dc4d1774745acfb021c3dc3e7d5_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><h6 style="text-align: left;" class="">Welcome to my website. I'm Cathy Collison, a freelance journalist, editor and author. After many years at the Detroit Free Press, I now pursue freelance projects from my home. Many of my years were with Yak's Corner, a pioneering and award-winning literacy program to reach young readers in Detroit, and later syndicated in dozens of newspapers across the country. I continue to write for young readers, as well as adults. Among my books for young readers are "G is for Galaxy" with Janis Campbell (Sleeping Bear Press), "Why is the Barn Red?" (Detroit Free Press) and two books also co-authored with Janis Campbell in the "Women Who Won't Be Silenced" series for Lucent Press, profiling Reese Witherspoon and then-Sen. Kamala Harris. Just out in 2021 is a four-book civics series with Campbell (under pen name Campbell Collison) with Bearport. Our most recent release with illustrator and gifted muralist Wendy Popko is "Meet tbe Pets: Presidential Animals from A to Z," and we were pleased to see the canvases exhibited at Art Prize 2021 this fall in Grand Rapids.</h6> 725<h6 style="text-align: left;" class="">Although I grew up in Michigan, I have strong ties to Iowa as well as Chicago, Illinois, where I began my career at "The Daily Herald." Some of my travel writing includes traveling the back roads of Iowa, from exploring the historic "Lincoln Highway" to seeing how the "American Pickers" changed the town of LeClaire, or immigrants brought a town back to life in Dennison. My love of reading was instilled early. I am a firm believer in reading aloud thanks to my mother, who believed in continuing read-alouds beyond picture books. She cultivated my love of adventure stories by reading "Treasure Island." She continued those sessions right into my teen
725years, breaking up road trip monotony when she read aloud "All the President's Men" in my teen years. </h6></div></div><div id="I3f992f3e16a14fcf98e4a405aa808a37" style="display:block;clear: both;" class="Gallery_Default"><div class="yola_gallery_widget" style="padding:10px;text-align:center;"> 726 727 728 <link href="classes/components/Gallery/resources/lightbox2/css/lightbox.css" rel="stylesheet" /> 729 730 731 <div class='polaroid'> 732 733 734 735 <span class='item portrait'> 736 <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/81tnDD9EtuL.jpg' data-title=''> 737 <span class='image' style='background-image:url(resources/81tnDD9EtuL.jpg.opt100x100o0%2C-12s100x125.jpg);'></span> 738 </a> 739 </span> 740 741 742 <span class='item portrait'> 743 <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/511sapeGUUL._SX360_BO1%2C204%2C203%2C200_.jpg' data-title=''> 744 <span class='image' style='background-image:url(resources/511sapeGUUL._SX360_BO1%2C204%2C203%2C200_.jpg.opt100x100o0%2C-18s100x137.jpg);'></span> 745 </a> 746 </span> 747 748 749 <span class='item portrait'> 750 <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/51XZ0ucfwGL._SX364_BO1%2C204%2C203%2C200_-1.jpg' data-title=''> 751 <span class='image' style='background-image:url(resources/51XZ0ucfwGL._SX364_BO1%2C204%2C203%2C200_-1.jpg.opt100x100o0%2C-18s100x136.jpg);'></span> 752 </a> 753 </span> 754 755 756 <span class='item portrait'> 757 <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/51kGrFEeICL._SX359_BO1%2C204%2C203%2C200_.jpg' data-title=''> 758 <span class='image' style='background-image:url(resources/51kGrFEeICL._SX359_BO1%2C204%2C203%2C200_.jpg.opt100x100o0%2C-19s100x138.jpg);'></span> 759 </a> 760 </span> 761 762 763 <span class='item portrait'> 764 <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/81IjwAjnHbL._AC_UL640_QL65_.jpg' data-title=''> 765 <span class='image' style='background-image:url(resources/81IjwAjnHbL._AC_UL640_QL65_.jpg.opt100x100o0%2C-19s100x139.jpg);'></span> 766 </a> 767 </span> 768 769 770 771 </div> 772 773 774
774<script src="classes/components/Gallery/resources/lightbox2/js/lightbox.js"></script>
774 775 776 777 778 779</div></div><div id="I2" style="display:block;clear: both;text-align:left;margin:0 0 0 0;" class="Image_Default"><style>#I2_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: ;border:none;max-width: 100%;height: auto;}</style><img id="I2_img" src="resources/collisonimage.jpg" /></div><div id="Idc1002903e3840ea9ca86dae3a9a1f53" style="display:block;clear: both;" class="Form_Default"><div class="sys_yola_form"> 780 781 782 <h2>You can email me at [email protected]</h2> 783 784 <form method='post' accept-charset="UTF-8" action='https://forms.yola.com/formservice/en/8a4986cb1c8e988b011cdd0ed0810ca3/8a4986c91c8e9860011cdd0f8e132a87/8a4986c91c8e9860011cdd0fb5152a9d/Idc1002903e3840ea9ca86dae3a9a1f53/'> 785 786 787 <input type='hidden' name='redirect' value='https://www.cathycollison.com/?formIdc1002903e3840ea9ca86dae3a9a1f53Posted=true' /> 788 <input type='hidden' name='locale' value='en' /> 789 <input type='hidden' name='redirect_fail' value='https://www.cathycollison.com/?formIdc1002903e3840ea9ca86dae3a9a1f53Posted=false' /> 790 <input type='hidden' name='form_name' value='You can email me at [email protected]' /> 791 <input type='hidden' name='site_name' value='Cathy Collison's site' /> 792 <input type='hidden' name='wl_site' value='0' /> 793 <input type='hidden' name='destination' value='PsMeo_Q3ir7FelyOnHN1B0lRYKgkxwEDzUh_BtXcdG30_ciJ:s3indUEKWpjC6T6hfSIo-VdhyPY79kwQfp0mIguZr40=' /> 794 795 <div class="recaptcha-wrap"> 796 <span class="recaptcha-spin"></span> 797 <div class="g-recaptcha" data-sitekey="6LcEthAUAAAAANLeILVZiZpPDbVwyoQuQ7c3qlsy" id="recaptcha-Idc1002903e3840ea9ca86dae3a9a1f53"></div> 798</div> 799
800<script> 801 window.formWidgetRecaptchaQueue = window.formWidgetRecaptchaQueue || []; 802 window.formWidgetRecaptchaQueue.push('recaptcha-Idc1002903e3840ea9ca86dae3a9a1f53'); 803</script>
vendor: 1 bytes, line 803
803
804<script src="classes/components/Form/layouts/Default/recaptcha.js?1001098"></script>
vendor: 146 bytes, lines 804-806
804 805<script src="https://www.google.com/recaptcha/api.js?onload=recaptchacb&render=explicit&hl=en" async defer></script> 806
806<p><input class='submit' type="submit" value="Submit" /></p> 807 808 </form> 809 810 811 812</div></div></div> 813 </div> 814</div> 815 </div> 816 </div> 817 <div class="bottom"></div> 818 </div> 819 820 <style type="text/css"> 821 #sys_yolacredit_wrap{text-align:center;} 822 #sys_yolacredit{text-align:center;line-height:1.2em;margin:2em auto;font-family:Arial; 823 position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png?1001098) right 0.3em no-repeat; 824 background-size:7em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; 825 padding:0.5em 2.6em 0.6em 0.4em;color:#222;font-size:0.6rem;display:inline-block;} 826 #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;} 827 #sys_yolacredit p a{color:#222;text-decoration:none;} 828 #sys_yolacredit p a:hover{text-decoration:underline;} 829 #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block; 830 width:25px;height:16px;float:right;text-decoration:none;color:"#fff";} 831 #sys_yolacredit a.yola span{display:none;} 832 </style> 833 <!--[if lte IE 6]> 834 <style type="text/css"> 835 #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif?1001098) right 2px no-repeat;} 836 </style> 837 <![endif]--> 838 <div id="sys_yolacredit_wrap"> 839 <div id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website"> 840 <p>Make a <a href="https://www.yola.com/">free website</a> with <a class="yola" href="https://www.yola.com/"><span>Yola</span></a></p> 841 </div> 842 </div> 843 844 845
846<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c91c8e9860011cdd0f8e132a87" data-user="8a4986cb1c8e988b011cdd0ed0810ca3" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js"> 847 var _yts = _yts || []; 848 var tracking_tag = document.getElementById('site_analytics_tracking'); 849 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 850 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 851 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 852 _yts.push(["_trackPageview"]); 853 (function() { 854 var yts = document.createElement("script"); 855 yts.type = "text/javascript"; 856 yts.async = true; 857 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 858 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 859 })(); 860</script>
860 861 862 863<!-- template: Suarez --> 864 </body> 865</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.