1<!doctype html> 2<html lang="en"> 3<head> 4 <!-- 1. Charset first --> 5 <meta charset="utf-8"> 6 <!-- 2. HTTP-equiv Content-Type (optional if charset is set) --> 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8 9 <!-- 3. Viewport --> 10 <meta name="viewport" 11 content="width=device-width, initial-scale=0.45, minimum-scale=0.1, maximum-scale=1, user-scalable=yes"> 12 13 <!-- 4. PWA & mobile app capable --> 14 <meta name="mobile-web-app-capable" content="yes"> 15 <meta name="apple-mobile-web-app-capable" content="yes"> 16 <meta name="apple-mobile-web-app-status-bar-style" content="default"> 17 <meta name="theme-color" content="#004080"> 18 <meta http-equiv="refresh" content="43200" /> 19 <title>Mapleton Depot PA</title> 20<!-- 5. Apple touch icons --> 21 <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png"> 22 <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png"> 23 <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png"> 24 <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png"> 25 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png"> 26 27 <!-- 6. Android / Chrome icons --> 28 <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png"> 29 30 <!-- 7. Standard favicons --> 31 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> 32 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> 33 34 <!-- 8. PWA manifest --> 35 <link rel="manifest" href="/manifest.json"> 36 37<style> 38 39* { 40 box-sizing: border-box; 41} 42 43html, 44body { 45 //min-height: 100vh; 46 font-family: Arial, Helvetica, sans-serif; 47 background-image: url("images/base/stonemt4.jpg"); 48 background-size: cover; 49 background-position: center center; 50 background-repeat: no-repeat; 51 background-attachment: fixed; 52 } 53 54.page-section { 55 margin-top: 2rem; 56} 57 58.xxpage-wrap { 59 position: relative; 60 z-index: 3; 61 width: min(1200px, 100% - 2rem); 62 margin: 0 auto; 63 padding-top: 180px; 64 padding-bottom: 3rem; 65} 66 67.page-wrap { 68 width: min(1200px, calc(100% - 2rem)); 69 margin: 0 auto; 70 padding: 1rem 0 3rem; 71} 72 73.peak-antenna { 74 position: absolute; 75 left: 42vw; 76 top: 40px; 77 width: 120px; 78 z-index: 2; 79} 80 81.peak-antenna img { 82 width: 100%; 83 height: auto; 84 display: block; 85} 86 87.hero { 88 text-align: center; 89 margin-bottom: 1rem; 90 border-radius: 12px; 91} 92 93.hero img { 94 max-width: 100%; 95 height: auto; 96 display: block; 97 margin: 0 auto; 98} 99 100.notice-banner { 101 margin-bottom: 0.75rem; 102} 103 104.notice-banner iframe { 105 width: 100%; 106 height: 60px; 107 border: 0; 108 display: block; 109 background: transparent; 110} 111 112.card, { 113 border-radius: 12px; 114 padding: 0.75rem; 115 text-align: center; 116 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 117 min-height: 125px; 118 background-color: #CFF; 119 120} 121 122 123.card-grid, 124.info-grid { 125 display: grid; 126 grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); 127 gap: 1rem; 128 align-items: stretch; 129 margin-top: 1.5rem; 130} 131 132.card, 133.cardSilica, 134.info-card { 135 background: rgba(255, 255, 255, 0.22); 136 border: 1px solid rgba(255, 255, 255, 0.25); 137 border-radius: 18px; 138 padding: 1rem; 139 text-align: center; 140 141 box-shadow: 142 0 8px 24px rgba(0, 0, 0, 0.18), 143 inset 0 1px 0 rgba(255, 255, 255, 0.45); 144 145 backdrop-filter: blur(16px) saturate(170%); 146 -webkit-backdrop-filter: blur(16px) saturate(170%); 147 148 overflow: hidden; 149} 150 151.card, 152.cardSilica, 153.info-card { 154 transition: 155 transform 0.18s ease, 156 box-shadow 0.18s ease, 157 background-color 0.18s ease; 158} 159 160.card:hover, 161.cardSilica:hover, 162.info-card:hover { 163 transform: translateY(-3px); 164 background: rgba(255, 255, 255, 0.32); 165 box-shadow: 166 0 12px 30px rgba(0, 0, 0, 0.22), 167 inset 0 1px 0 rgba(255, 255, 255, 0.6); 168} 169 170 171.xxcard { 172 background: #fff; 173 border-radius: 12px; 174 padding: 0.75rem; 175 text-align: center; 176 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 177 min-height: 125px; 178 //background-image: url(images/sandDunes.jpg); 179 //background-repeat: repeat; 180} 181 182.card a, 183.cardSilica a, 184.info-card a { 185 color: inherit; 186 text-decoration: none; 187} 188 189.xxcard img { 190 max-width: 100%; 191 height: auto; 192 display: block; 193 margin: 0 auto 0.5rem; 194} 195 196.card img, 197.cardSilica img, 198.info-card img, 199.notice-image, 200.baseImage { 201 max-width: 100%; 202 height: auto; 203} 204 205.card h2, 206.cardSilica h2 { 207 margin: 0.75rem 0 0; 208 font-size: 1.1rem; 209} 210 211.info-title { 212 font-weight: bold; 213 margin-bottom: 0.5rem; 214 text-align: center; 215} 216 217.xxinfo-title { 218 font-size: 0.9rem; 219 font-weight: 600; 220 line-height: 1.2; 221} 222 223.xxweather-card { 224 display: flex; 225 justify-content: center; 226 align-items: center; 227 overflow: hidden; 228} 229 230.xxweather-card { 231 min-width: 320px; 232 min-height: 220px; 233 overflow: visible; 234} 235 236 237.weather-card { 238 grid-column: 1 / -1; 239 width: 100%; 240 min-width: 0; 241 } 242} 243 244.info-grid { 245 width: min(80%, 960px); 246 margin: 0 auto; 247 248 display: grid; 249 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 250 gap: 0.75rem; 251 align-items: stretch; 252} 253 254 255/* Second card hidden when page first opens */ 256 257.rotating-card { 258 opacity: 1; 259 transition: opacity 0.8s ease; 260} 261 262.rotating-card.card-hidden { 263 opacity: 0; 264} 265 266 267@media (min-width: 700px) { 268 .weather-card { 269 grid-column: span 2; 270 } 271} 272 273@media (max-width: 699px) { 274 .card-grid { 275 grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 276 } 277 278.info-card a { 279 color: inherit; 280 text-decoration: none; 281} 282 283.info-card a:hover { 284 text-decoration: underline; 285} 286 287.info-card img { 288 max-width: 100%; 289 height: auto; 290 display: block; 291} 292 293.image-button { 294 display: inline-block; 295 border: 0; 296 background: none; 297 padding: 0; 298 cursor: pointer; 299} 300 301.image-button img { 302 display: block; 303 height: 92px; 304 width: auto; 305} 306 307.newfontRed { 308 font-size: 30px; 309 font-family: Arial, Helvetica, sans-serif; 310 color: #F00; 311} 312 313.gradient-blue { 314 background-size: 800% 800%; 315 animation: waveBlue 12s infinite ease; 316 background-image: url(images/waterBG.jpg); 317} 318 319.titleFont { 320 margin-top: 0; 321 font-weight: bold; 322} 323 324@keyframes hueShift { 325 from { filter: hue-rotate(0deg); } 326 to { filter: hue-rotate(360deg); } 327} 328 329</style> 330
331<script> 332 333function confirmUpdateWindow() { 334 alert('You will be going to a new window to complete this operation...'); 335 return true; 336} 337 338function confirmComplaintWindow() { 339 alert('You will be going to a new window to complete this operation...'); 340 return true; 341} 342 343</script>
343 344 345</head> 346 347<body> 348 349 350 351<main class="page-wrap"> 352 353 <section class="hero"> 354 <img src="images/mapletonloopX.gif" alt="Mapleton Loop"> 355 </section> 356 357 <section class="notice-banner"> 358 <iframe 359 src="https://www.911routes.com/available/get_MessageBySQLcss.php?theMessageSQL=8" 360 title="Message"> 361 </iframe> 362 </section> 363 364 <section class="notice-banner"> 365 <iframe 366 src="https://www.911routes.com/available/indexalertWXHunt.php" 367 title="Weather and alert message"> 368 </iframe> 369 </section> 370 371 372 <section class="card-grid"> 373 374 <article class="card"> 375 <a href="water/index.php" target="_blank" rel="noopener"> 376 <img src="images/waterart1.png" width="200" height="175" alt="Water Auth"> 377 <h2>Mapleton Water</h2> 378 </a> 379 </article> 380 381 <article class="card"> 382 <a href="sewage/index.php" target="_blank" rel="noopener"> 383 <img src="images/sewage_icon.png" width="150" height="150" id="ordinanceButton2" alt="Mapleton Sewage"> 384 <h2>Mapleton Sewage</h2> 385 </a> 386 </article> 387 388<article class="card weather-card"> 389 <div id="cont_5ddf9fe0e64fc051a6192282fb77d19a"> 390
390<script 391 type="text/javascript" 392 async 393 src="https://www.theweather.com/wid_loader/5ddf9fe0e64fc051a6192282fb77d19a"> 394 </script>
394 395 </div> 396</article> 397 398 <article class="card"> 399 <a href="https://www.wunderground.com/dashboard/pws/KPAMAPLE2" target="_blank" rel="noopener"> 400 <img src="images/base/weather.png" height="275" class="baseImage" id="weatherMaple" alt="Mapleton Weather"> 401 <h2>Weather Details</h2> 402 </a> 403 </article> 404 405 <article class="card"> 406 <a href="https://mapletonfire.com/index.htm" target="_blank" rel="noopener"> 407 <img src="images/patch.png" height="200" alt="Mapleton Fire" > 408 <h2>Fire Department</h2> 409 </a> 410 </article> 411 412 </section> 413 414 415<section class="card-grid page-section"> 416 417 <article class="card rotating-card" id="america250Card"> 418 <a 419 href="https://www.911routes.com/america250" 420 target="_blank" 421 rel="noopener" 422 class="baseImage link-button" 423 > 424 <img 425 src="images/america250BG200.png" 426 width="101" 427 height="101" 428 alt="America 250" 429 > 430 431 <span class="newfontRed"> 432 The America 250 Website is Evolving into... 433 </span> 434 </a> 435 </article> 436 437 438 <article class="card rotating-card" id="historicalCard"> 439 <a 440 href="https://www.911routes.com/america250/indexH.php" 441 target="_blank" 442 rel="noopener" 443 class="baseImage link-button" 444 > 445 <img 446 src="images/histLogo1.png" 447 width="125" 448 height="134" 449 alt="Mapleton Area Historical Society" 450 > 451 452 The 453 <span class="newfontRed"> 454 Mapleton Area Historical Society Website 455 </span> 456 </a> 457 </article> 458 459</section> 460 461 462 463 <div class="info-grid" id="infoGrid"> 464 465 <div class="info-card"> 466 <div class="info-title"> 467 Juniata River @<br> 468 Mapleton 469 </div> 470 471 <a href="https://water.noaa.gov/gauges/MPLP1" target="_blank" rel="noopener"> 472 <img 473 src="images/riverGage.jpg" 474 width="129" 475 height="93" 476 alt="Juniata River gauge at Mapleton" 477 class="baseImage" 478 id="rivergage2" 479 > 480 </a> 481 </div> 482 483 <div class="info-card"> 484 <div class="info-title"> 485 Precipitation @<br> 486 NWS 487 </div> 488 489 <a href="https://www.weather.gov/ctp/moreWater?tabName=Drought" target="_blank" rel="noopener"> 490 <img 491 src="weather_station2/butlerknobraing.jpg" 492 width="98" 493 height="98" 494 alt="NWS precipitation information" 495 class="baseImage" 496 id="rain3" 497 > 498 </a> 499 </div> 500 501 <div class="info-card"> 502 <div class="info-title"> 503 PENELEC<br> 504 Power Outages 505 </div> 506 507 <a href="http://www.firstenergycorp.com/outages/outages.do?state_code=PA" target="_blank" rel="noopener"> 508 <img 509 src="images/base/powerout.jpg" 510 width="123" 511 height="77" 512 alt="PENELEC power outages" 513 class="baseImage" 514 > 515 </a> 516 </div> 517 518 <div class="info-card"> 519 <div class="info-title"> 520 National Weather Service 521 </div> 522 523 <a href="https://forecast.weather.gov/MapClick.php?lon=-77.9431915283203&lat=40.389704353619976#.Y1Fh7y2ZNTY" target="_blank" rel="noopener"> 524 <img 525 src="weather_station2/noaa.jpg" 526 width="101" 527 height="101" 528 alt="National Weather Service forecast" 529 class="baseImage" 530 id="rain5" 531 > 532 </a> 533 </div> 534 535 <div class="info-card"> 536 <div class="info-title"> 537 CWOP Weather 538 </div> 539 540 <a href="http://www.findu.com/cgi-bin/panel.cgi?call=GW0697" target="_blank" rel="noopener"> 541 <img 542 src="weather_station2/cwp_logo.gif" 543 width="99" 544 height="99" 545 alt="CWOP weather station data" 546 class="baseImage" 547 > 548 </a> 549 </div> 550 551 <div class="info-card"> 552 <div class="info-title"> 553 <a href="http://www.511pa.com/Traffic.aspx" target="_top"> 554 PennDOT<br> 555 Weather Services 556 </a> 557 </div> 558 559 <a href="https://511pa.com/map" target="_blank" rel="noopener"> 560 <img 561 src="images/base/penndottn.jpg" 562 width="120" 563 height="90" 564 alt="PennDOT traffic and weather map" 565 class="baseImage" 566 > 567 </a> 568 </div> 569 570</div> 571 </section> 572<br><br> 573<section class="card-grid page-section"> 574 <article class="card"> 575 <div class="gradient-blue"> 576 <p class="titleFont">Annual CCR Water Report (2025) </p> 577 <a href="water/MMWA Consumer Confidence Report 2025.pdf" target="_blank" rel="noopener">
578 <img src="water/images/reports.png" width="77" height="95" alt="Water CCR"> 579 <h2>Click Icon to Display 2025 Report</h2> 580 </a> 581 </div> 582 </article> 583 </section> 584 585 586 587<section class="card-grid page-section"> 588 589 <article class="card"> 590 <a href="https://911routes.com/water/inquiryXdeskrrotuiuykfzkfiwr8943948hffiurrhv0vh03998.php" target="_blank" rel="noopener" class="image-button" 591 onclick="return confirmComplaintWindow();" > 592 <img src="water/images/comments.png" height="92" alt="Enter Comments"> 593 </a> 594 </article> 595 596 <article class="card"> 597 <a href="myUpdates1.html" target="_blank" rel="noopener" class="image-button" 598 onclick="return confirmUpdateWindow();" > 599 <img src="water/images/updateInfo.png" height="92" alt="Update contact information"> 600 </a> 601 </article> 602 603</section> 604 605 606 607<section class="card-grid page-section"> 608 609 <article class="card"> 610 <a href="info/calendar.html" target="_blank" rel="noopener" class="image-button"> 611 <img src="images/events.png" width="266" alt="Calendar information"> 612 <span class="newfontRed"> 613 Mapleton Events Calendar 614 </span> 615 </a> 616 </article> 617 618</section> 619 620 <br /> 621 Click on image for details...<br> 622 623 <section class="card-grid page-section"> 624 625 626 627 </section> 628 629 630 631 <section class="card-grid page-section"> 632 633 <article class="card"> 634 <a href="https://911routes.com/maps/theTownMap.php?theField=Map_SQL_ID&theData=13382&theLat=40.392899&theLon=-77.941101&entireSite=3" target="_blank" rel="noopener"> 635 <img 636 src="images/mapAddress.jpg" 637 width="148" 638 639 alt="Map addresses" 640 class="notice-image" 641 > 642 </a> 643 <div class="info-title"> 644 Map Site Info 645 </div> 646 </article> 647 648 <article class="card"> 649<a href="gallery/index.html" target="_blank" rel="noopener"> 650 <img 651 src="gallery/vistas/thumbs/railroad jacks narrows 3.jpg" 652 width="148" 653 height="106" 654 alt="Vistas" 655 class="notice-image" 656 > 657</a> 658 <div class="info-title"> 659 Photo Gallery 660 </div> 661 </article> 662</article> 663 664 665 666 </section> 667 668 669 670 <section class="card-grid page-section"> 671 672 <article class="card"> 673 <a href="video/150/index.php" target="_parent" rel="noopener"> 674 <img 675 src="images/thevids.jpg" 676 width="403" 677 678 alt="About Mapleton" 679 class="notice-image" 680 > 681 </a> 682 683 </article> 684 685 <article class="card"> 686<a href="gallery/2016/picnic/index.html" target="_blank" rel="noopener"> 687 <img 688 src="images/compicnic.jpg" 689 width="402" 690 height="118" 691 alt="Picnic" 692 class="notice-image" 693 > 694</a> 695 <div class="info-title"> 696 2016 Community Picnic 697 </div> 698 </article> 699 700 <article class="card"> 701<a href="gallery/2016/church/index.html" target="_blank" rel="noopener"> 702 <img 703 src="images/church.jpg" 704 width="402" 705 height="118" 706 alt="Banners" 707 class="notice-image" 708 > 709</a> 710 <div class="info-title"> 711 2016 Outdoor Church Service 712 </div> 713 </article> 714 715 </section> 716 717 718 719 <section class="card-grid page-section"> 720 721 <article class="card"> 722 <a href="gallery/MapletonUnionSchool/album/index.html" target="_blank" rel="noopener"> 723 <img 724 src="gallery/MapletonUnionSchool/mapletonschool.jpg" 725 width="316" 726 727 alt="Mapleton Yearbook" 728 class="notice-image" 729 > 730 </a> 731 732 </article> 733 734 <article class="card"> 735<a href="gallery/2016/Ceremony/index.html" target="_parent" rel="noopener"> 736 <img 737 src="images/opening.jpg" 738 width="399" 739 height="119" 740 alt="Opening" 741 class="notice-image" 742 > 743</a> 744 <div class="info-title"> 745 Sesquicentennial Opening 746 </div> 747 </article> 748 749 <article class="card"> 750<a href="https://www.youtube.com/watch?v=Y7aPFSCSyOo" target="_blank" rel="noopener"> 751 <img 752 src="images/theclosing.jpg" 753 width="401" 754 height="117" 755 alt="Closing" 756 class="notice-image" 757 > 758</a> 759 <div class="info-title"> 760 Sesquicentennial Closing 761 </div> 762 </article> 763 764 </section> 765 766 767 768 <section class="card-grid page-section"> 769 770 <article class="card"> 771 <a href="gallery/honor_roll/index.html" target="_blank" rel="noopener"> 772 <img 773 src="gallery/honor_roll/hrolltb.jpg" 774 width="224" 775 height="261" 776 alt="Honor Roll" 777 class="notice-image" 778 > 779 </a> 780 <div class="info-title"> 781 Click here for Details 782 </div> 783 </article> 784 785 <article class="card"> 786<a href="gallery/2014/honor/album/index.html" target="_blank" rel="noopener"> 787 <img 788 src="gallery/2014/honor/honor.jpg" 789 width="304" 790 height="300" 791 alt="Honor Roll Unveiling" 792 class="notice-image" 793 > 794</a> 795 <div class="info-title"> 796 New Honor Roll 797 </div> 798 </article> 799</article> 800 801 <article class="card"> 802<a href="https://www.mapletonfire.com/gallery/100/anniversary100/album/index.html" target="_blank" rel="noopener"> 803 <img 804 src="gallery/100photos.jpg" 805 height="150" 806 alt="Anniversary Events" 807 class="notice-image" 808 > 809</a> 810 <div class="info-title"> 811 100th Year Anniversary Events 812 </div> 813 </article> 814 815 <article class="card"> 816<a href="gallery/reunionDinner/album/index.html" target="_blank" rel="noopener"> 817 <img 818 src="gallery/reunionDinner/title.jpg" 819 height="150" 820 alt="Anniversary Dinner" 821 class="notice-image" 822 > 823</a> 824 <div class="info-title"> 825 100th Year Reunion Dinner 826 </div> 827 </article> 828 829 </section> 830 831 832 833 <section class="card-grid page-section"> 834 <article class="card"> 835 <a href="gallery/Churches/1968/index.html" target="_blank" rel="noopener"> 836 <img 837 src="gallery/Churches/1968/68MapletonFull400.jpg" 838 width="450" 839 height="252" 840 alt="Church Photo" 841 class="notice-image" 842 > 843 </a> 844 <div class="info-title"> 845 1968 Group Photo 846 </div> 847 </article> 848 849 <article class="card"> 850<a href="https://youtu.be/2Q5MoK1uaBI" target="_blank" rel="noopener"> 851 <img 852 src="images/base/765phototn.jpg" 853 width="350" 854 height="280" 855 alt="Nickel Plate RR" 856 class="notice-image" 857 > 858</a> 859 <div class="info-title"> 860 861 </div> 862 </article> 863</article> 864 865 <article class="card"> 866<a href="gallery/common/index.htm" target="_blank" rel="noopener"> 867 <img 868 src="gallery/common/mapletontitle.jpg" 869 height="443" 870 alt="Common Ground Mapleton" 871 class="notice-image" 872 > 873</a> 874 <div class="info-title"> 875 876 </div> 877 </article> 878 879 </section> 880 881 882 883 <section class="card-grid page-section"> 884 885 <article class="card"> 886<a href="gallery/2015/mday/index.html" target="_blank" rel="noopener"> 887 <img 888 src="gallery/2015/mday/Images/mday2015.jpg" 889 height="252" 890 alt="Common Ground Mapleton" 891 class="notice-image" 892 > 893</a> 894 <div class="info-title"> 895 896 </div> 897 </article> 898 899 <article class="card"> 900 901 902<a href="gallery/2016/memorial/index.html" target="_blank" rel="noopener"> 903 <img 904 src="images/mday2016.jpg" 905 height="252" 906 alt="Memorial Day 2016" 907 class="notice-image" 908 > 909</a> 910 <div class="info-title"> 911 912 </div> 913 </article> 914 915 </section> 916 917 918 919 <section class="card-grid page-section"> 920 <article class="card"> 921<a href="gallery/vistas/thepeak/index.html" target="_blank" rel="noopener"> 922 <img 923 src="gallery/vistas/thepeak/primetitle.jpg" 924 width="400" 925 alt="Vistas from The Paek" 926 class="notice-image" 927 > 928</a> 929 <div class="info-title"> 930 Vistas from The Paek 931 </div> 932 </article> 933 934 935 </section> 936</main> 937
938<script> 939document.addEventListener('DOMContentLoaded', function () { 940 941 const americaCard = 942 document.getElementById('america250Card'); 943 944 const historicalCard = 945 document.getElementById('historicalCard'); 946 947 historicalCard.style.display = 'none'; 948 949 let currentCard = americaCard; 950 let nextCard = historicalCard; 951 952 setInterval(function () { 953 954 currentCard.classList.add('card-hidden'); 955 956 setTimeout(function () { 957 958 currentCard.style.display = 'none'; 959 currentCard.classList.remove('card-hidden'); 960 961 nextCard.style.display = ''; 962 nextCard.classList.add('card-hidden'); 963 964 /* 965 * Force browser to recognize the hidden state 966 * before fading in. 967 */ 968 nextCard.offsetHeight; 969 970 nextCard.classList.remove('card-hidden'); 971 972 const oldCurrent = currentCard; 973 974 currentCard = nextCard; 975 nextCard = oldCurrent; 976 977 }, 800); 978 979 }, 10000); 980 981}); 982</script>
982 983</body> 984</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.