1<!DOCTYPE html> 2<html><head><meta charset="UTF-8"> 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239<title>Austin Home: Newsletters</title> 240<meta charset="utf-8"> 241<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 242<!-- Social sharing meta --> 243<meta property="og:type" content="article"> 244<meta property="og:title" content="Austin Home newsletters: Sign up for our best content in your email inbox"> 245<meta property="og:site_name" content="Austin Home"> 246<meta property="og:url" content="https://www.austinhomemag.com/newsletters/"> 247<meta property="og:image" content="https://austinhomemag.wppcdn.com/wp-content/uploads/2023/07/cropped-webimage-192x192.jpg"> 248<meta property="og:description" content="Sign up for newsletters and get more of Austin Home delivered to your email."> 249<meta name="description" content="Sign up for newsletters and get more of Austin Home delivered to your email."> 250<!-- /Social sharing meta --> 251<link rel="icon" href="https://d1a5vespmrhx27.cloudfront.net/wp-content/uploads/2023/07/cropped-webimage-32x32.jpg"> 252<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css?1539643711"> 253<link rel="preload" href="https://www.expressnews.com/css/ferd/hdn/fonts/lora/lora-v12-latin-regular.woff2" as="font" type="font/woff2" crossorigin> 254<link rel="stylesheet" type="text/css" href="https://www.expressnews.com/external/css/global.less.specialProjectSection.r9.30.2.11.css?1539643711" media="all"> 255<link rel="stylesheet" type="text/css" href="https://projects.sfchronicle.com/shared/css/newsletter-style.css"> 256<link rel="preconnect" href="https://fonts.googleapis.com"> 257<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 258<link href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet"> 259<link rel="stylesheet" href="https://www.expressnews.com/dist/channel.min.css">
260<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
vendor: 1 bytes, line 260
260
261<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
261 262<style> 263 body, html { margin: 0; padding: 0; background-color: #fff; font-family: Rubik, Arial, sans-serif; } 264 body a { border-bottom: none; cursor: pointer; } 265 body a:hover { text-decoration: none; border: none; } 266 footer .title { font-size: .75rem; padding: 0; } 267 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 2%; padding-left: 2%; margin-right: auto; margin-left: auto; max-width: 1400px; } 268 .sf-page-nl-container footer a { color: #222; font-weight: 300; } 269 .sf-page-nl-container footer a:hover { color: #777; } 270 .clearfix { clear: both; } 271 .hide { display: none; } 272 input[type='checkbox'] { margin-top:10px; border-radius: 0; } 273 .sf-page-nl-container a { color: #121212; font-weight: 700; border: none; } 274 .sf-page-nl-container a:hover { border: none; text-decoration: none; } 275 .sf-page-nl-container__header { height: 45px; padding-top: 10px; background-color: #feffff; -webkit-user-select: none; position: fixed; -moz-user-select: none; -ms-user-select: none; user-select: none; } 276 a.sf-page-nl-container__logo { background-image: url("https://media.sailthru.com/composer/images/sailthru-prod-5di/Logos/Austinhome-logo-black.png"); background-position: 50%; background-size: contain; display: flex; height: auto; transform: translate(-50%,-50%); width: 50%; min-width: 105px; max-width: 250px; background-repeat: no-repeat; left: 50%; top: 50%; -webkit-box-flex: 1; flex: 1 0 auto; position: absolute; } 277 a.sf-page-nl-container__logo:hover { text-decoration: none; border: none; } 278 .sf-page-nl-container__button { font-size: 10.5px; border-radius: 1.2px; background-color: #121212; border: 1px #121212 solid; font-family: Rubik, Arial, sans-serif; letter-spacing: 1.1px; text-align: center; color: white; box-shadow: none; font-weight: 700; } 279 .sf-page-nl-container__button:hover { background-color: #ffffff; color: #121212 } 280 .sf-page-nl-container__button--topright, .sf-page-nl-container__button--topleft { height: 22px; font-size: 11px; } 281 .sf-page-nl-container__button--topright { float: right; margin-right: 14px; } 282 .sf-page-nl-container__button--topleft { float: left; margin-left: 14px; margin-top: 0px; } 283 .sf-page-nl-container__search { float: right; } 284 .sf-page-nl-container__hero { min-height: 180px; background-color: #f6f6f6; text-align: center; padding: 16px 0 5px; } 285 .sf-page-nl-container__hero2 { min-height: 40px; text-align: center; padding: 20px 0 0 0; margin-top: 40px; } 286 .sf-page-nl-container__kicker { font-family: Archivo, Helvetica, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3; color: #000; letter-spacing: -.15px; margin-bottom: 8px } 287 .sf-page-nl-container__headline { font-family: Rubik, Arial, sans-serif; letter-spacing: 0; font-size: 22px; font-weight: 400; line-height: 1.3; padding-bottom: 10px; color: #000; letter-spacing: -.15px; margin-bottom: 8px; font-size: 13px; line-height: 15.6px; margin-left:auto; margin-right: auto;} 288 .sf-page-nl-container__headline2 { font-family: Archivo, Helvetica, sans-serif; font-size: 15px; font-weight: 300; line-height: 1.3; color: #000; letter-spacing: -.15px; margin-bottom: 8px } 289 .sf-page-nl-container--bottomitemright__cadence { font-family: Rubik, Arial, sans-serif; text-transform: UPPERCASE; font-size: 12px; margin: 0; line-height: 1.1; color: #696969; } 290 .sf-page-nl-container--bottomitemright__sub { font-family: Rubik, Arial, sans-serif; text-transform: UPPERCASE; font-size: 12px; padding: 5px 5px 5px 0px; line-height: 12px; color: #121212; } 291 .sf-page-nl-container__text { margin: 8px auto 20px; font-family: Rubik, Arial, sans-serif; letter-spacing: 0; font-size: 11px; line-height: 13px; color: #767676; font-weight: 400; } 292 .sf-page-nl-container--input { font-family: Rubik, Arial, sans-serif; letter-spacing: 0; width: calc(100% - 140px); height: 36px; border-radius: 3px 0 0 3px; border: 0; background-color: #fff; float: left; padding-left: 10px; font-size: 11px; margin-left: 24px; color: #686868; } 293 .sf-page-nl-container--form { margin: 15px 0 8px; } 294 .st-nl-signup-btn { width: 88px; height: 36px; } 295 .st-nl-signup-btn, .st-nl-signup-btn2 { padding-top: 5px; padding-bottom: 5px; border-radius: 0 3px 3px 0; background-color: #121212; float: left; border: none; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 18px; } 296 .st-nl-signup-btn4 { padding-top: 5px; padding-bottom: 5px; border-radius: 0 3px 3px 0; background-color: #121212; float: left; border: none; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 16px; } 297 .st-nl-signup-btn3 { padding-top: 5px; padding-bottom: 5px; border-radius: 0 3px 3px 0; background-color: #000; float: left; border: none; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 16px; } 298 .st-nl-signup-btn:disabled, .st-nl-signup-btn2:disabled { background-color: #ccc; } 299 .sf-page-nl-container--sectionheader { font-family: Archivo, Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 1.29; letter-spacing: 0px; margin-bottom: 15px; color:#000; width: 90%; text-transform:none;} 300 .sf-page-nl-container--sectionheader2 { font-family: Archivo, Helvetica, sans-serif; font-size: 22px; font-weight: normal; line-height: 1.29; letter-spacing: 0px; margin-bottom: 15px; } 301 .sf-page-nl-container--sectionheader3{ font-family: Archivo, Helvetica, sans-serif; font-style:italic; font-size: 16px; font-weight: normal; line-height: 1.29; letter-spacing: 0px; margin-bottom: 15px; } 302 .sf-page-nl-container--bottomitem { position: relative; } 303 .pageFooter--right-topLine { border-bottom: 1px solid #ccc; margin-bottom: 14px; position: static; text-align: right; } 304 .sf-page-nl-container--bottomitem.sf-page-nl-container--bottomitem--hidden { display: none; } 305 .sf-page-nl-container--bottomitemright { float: left; } 306 .sf-page-nl-container--bottomitemright span { display: block; } 307 .sf-page-nl-container--bottomitemcheck { float: left; margin-left: 0; } 308 .sf-page-nl-container--bottomitemright__headline { font-family: Archivo, Helvetica, sans-serif; font-size: 13px; line-height: 1.25; font-weight: 700; letter-spacing: 0px; padding-right: 12px; } 309 .sf-page-nl-container--bottomitemright__text { font-family: Rubik, Arial, sans-serif; letter-spacing: 0; font-size: 11px; line-height: 1.25; letter-spacing: normal;
309 color: #111; margin: 10px 0 0; padding: 0; overflow: hidden;} 310 .sf-page-nl-container__button--bottom { width: 101px; height: 30px; margin-left: 25px; margin-bottom: 20px; font-size: 12px; padding-bottom: 0; } 311 .st-nl-form-message { font-family: Rubik, Arial, sans-serif; font-size: 20px; padding: 8px 0; font-size: 14px; } 312 .st-nl-form-message span { display: block; margin-bottom: 5px; } 313 .st-nl-error-message { color: red; } 314 .st-nl-success-message { color: green; } 315 .url-field-wrapper { position: absolute; left: -9999px; } 316 .sf-page-nl-container--bottomitem>label { float: left; line-height: 16px; color: #fff; -moz-transition: color 1s ease; -o-transition: color 1s ease; -webkit-transition: color 1s ease; transition: color 1s ease; } 317 .sf-page-nl-container--bottomitem>input:hover+label, .sf-page-nl-container--bottomitem>input:focus+label { text-shadow: 1px 1px 3px #000; color: #2C7AD0; } 318 .sf-page-nl-container--bottomitem>input+label:before { /*background: url(bs_custom-inputs.png) 0 -1px no-repeat;*/ border: 1px solid #979797; background-color: white; position: absolute; z-index: 2; left: 16px; content: "\00a0\00a0\00a0"; overflow: hidden; width: 14px; height: 14px; margin: 5px 3px 0 -16px; pointer-events: none; } 319 /* Checked styles */ 320 .sf-page-nl-container--bottomitem>input[type=checkbox]:checked+label:before, 321 .sf-page-nl-container--bottomitem>input[type=checkbox]:hover:checked+label:before, 322 .sf-page-nl-container--bottomitem>input[type=checkbox]:focus:checked+label:before { background-size: cover; background-color: #121212; border: 1px solid #979797; } 323 /* Hover & Focus styles */ 324 .sf-page-nl-container--bottomitem>input[type=checkbox]:hover+label:before, .sf-page-nl-container--bottomitem>input[type=checkbox]:focus+label:before { border: 1px solid #979797; } 325 /* Active styles */ 326 .sf-page-nl-container--bottomitem>input[type=checkbox]:active+label:before { border: 1px solid #979797; } 327 .sf-page-nl-container--bottomitem>input[type=checkbox]:active:checked+label:before { border: 1px solid #979797; } 328 /* Disabled styles */ 329 .sf-page-nl-container--bottomitem>input[type=checkbox]:disabled+label:before { border: 1px solid #979797; } 330 .sf-page-nl-container--bottomitem>input[type=checkbox]:disabled:checked+label:before { border: 1px solid #979797; } 331 .sf-page-nl-container--bottomitem>input[type=checkbox]:hover:disabled+label:before, .sf-page-nl-container--bottomitem>input[type=checkbox]:focus:disabled+label:before { border: 1px solid #979797; } 332 .sf-page-nl-container--bottomitem>input[type=checkbox]:hover:disabled:checked+label:before, .sf-page-nl-container--bottomitem>input[type=checkbox]:focus:disabled:checked+label:before { border: 1px solid #979797; } 333 .pageFooter--right-topLine { position: relative; top: auto; right: auto; } 334 .sf-page-nl-container__button--topright, .sf-page-nl-container__button--topleft, .st-nl-signup-btn, .st-nl-signup-btn2 { margin-top: 0px; margin-bottom: 0px; } 335 .flex-container-1200 { justify-content: center; gap: 1rem; max-width: 1200px; margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; } 336 .sf-page-nl-container--bottomitem { position: relative; } 337 .sf-page-nl-container--bottomitem { max-height: 132px; border: 1px solid #CCC; border-radius: 2px; display: flex; } 338 .sf-page-nl-container--bottomitem { color: inherit !important; gap: 16px; width: 100%; height: 100%; align-items: center; justify-content: start; margin-bottom: 0px; } 339 .sf-page-nl-container--bottomitem .wrap-img { max-width: 70px; min-height: 90px; width: 30%; } 340 .sf-page-nl-container--bottomitem .wrap-img > img { width: 100%; height: 100%; object-fit: cover; } 341 .sf-page-nl-container--bottomitem .wrap-content { position: relative; width: 70%; min-height: 90px; padding: 0; overflow: hidden; } 342 .sf-page-nl-container--bottomitem .btn-add, .sf-page-nl-container--bottomitem .btn-check { background: #808080; border-radius: 50%; width: 25px; height: 25px; position: absolute; top: 8px; right: 8px; padding: 0; display: flex; align-items: center; justify-content: center; opacity: 1; } 343 .sf-page-nl-container--bottomitem .btn-add > .icon-plus, .sf-page-nl-container--bottomitem .btn-add > .icon-check { font-size: 16.42px } 344 .sf-page-nl-container--bottomitem.active .btn-check { background: #58B97F; opacity: 1; } 345 .nl-card { display: flex; flex-direction: row; max-width: 430px; padding: 8px } 346 .nl-card:hover{ cursor: pointer; } 347 .nl-card > label { display: none; } 348 .nl-card .btn-add { display: flex; } 349 .nl-card .btn-check { display: none; } 350 .nl-card.active .btn-check{ display: flex; } 351 .nl-card.active .btn-add{ display: none; } 352 .nl-card .nl-wrap-desc { display: flex; flex-direction: row; } 353 .nl-card .nl-wrap-desc > .sf-page-nl-container--bottomitemright__text > .cadence { display: inline; text-transform: uppercase; color: #767676; } 354 .sf-page-nl-container--bottomitem input[type="checkbox"] { display: none; } 355 .st-nl-signup-btn { background-color: #E2E2E2; color: #767676; } 356 .st-nl-signup-btn.enabled { background-color: #121212; color: #fff; } 357 .nl-card .sf-page-nl-container--bottomitemright { display: flex; flex-direction: column; } 358 .signup { max-width: 336px; margin: auto; text-align: left; } 359 .terms-privacy a { color: #121212; text-decoration:underline; } 360 .signup #form-message span { font-size: 13px; line-height: 15.6px; } 361 .signup .st-nl-form-message { padding: 0; display: flex; flex-direction: column; gap: 6px; } 362 .signup > .input-group > .st-nl-signup-btn { width: 20%; font-size: 13px; line-height: 19.5px; padding: 8px; letter-spacing: 0px; } 363 .signup #email { font-family: sans-serif; border: 1px solid #CCC; } 364 .signup > .input-group > .st-nl-signup-btn.disabled { background: #e2e2e2; border: 1px solid #e2e2e2; opacity: 1; } 365 .signup > .input-group > .st-nl-signup-btn.disabled:hover { background: #e2e2e2; cursor:unset; border: 1px solid #e2e2e2; color: #111; } 366 /* recaptcha */ 367 .signup > .input-group > div { position: absolute; bottom: 0; right: 0; } 368 .signup > .wrap-field-title { float: left; width: 100%; display: flex; gap: 12px; } 369 .signup > .wrap-field-title > label { font-size: 14px; font-weight: 700; line-height: 16.8px; margin-bottom: 4px; } 370 .signup .st-nl-signup-btn { text-transform: none; } 371 .signup > .input-group > .sf-page-nl-container--input { margin-left: 0px; width: 80%; } 372 .signup-box { width: 100%; position: fixed; background-color: #fff; z-index: 1; box-shadow: 0 6px 12px #eee; top: 45px; height: 192px; padding: 4px 6px; } 373 .signup-box.scrolling { top: 0; z-index: 10000; } 374 .signup-box .sf-page-nl-container__kicker { font-size: 20px; margin-top: 6px; } 375 .sf-page-nl-container--sectionheader { max-width: 1200px; margin: 24px auto 1.25rem 0px; color: #111; } 376 .signup-box-placeholder { display: block; height: 236px; } 377 .page-confirm { display: flex; flex-direction: column; justify-content: center; align-items: center; } 378 .page-confirm .subtitle { color: #111; font-size:14px; line-height: 16.8px; } 379 .page-confirm .mailbox { max-width: 30vw; margin: 1rem auto; display: block; } 380 .page-confirm .confirm-separator { border: 1px solid #111; margin: 0px; } 381 .page-confirm h1 { font-family: Rubik, Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 24px; color: #000; letter-spacing: -.15px; margin-bottom: 8px; } 382 .wrap-help-list { padding-top: 0.5rem; } 383 .wrap-features-list, .wrap-help-list { font-size: 22px; border: 1px solid #ccc; border-radius: 2px; max-width: 432px; margin: 1.5rem; margin: 0 auto 20px auto; padding: 20px; } 384 .sf-page-nl-container--bottomsection { max-width: 1200px !important; margin: 0 auto !important; } 385 .wrap-features-list ul { margin: 0.5rem auto 0 20px; } 386 .wrap-features-list li { list-style: disc; font-size: 14px; line-height: 18.2px; width: 100%; margin: auto; } 387 .wrap-help-list ul { margin-left: 10px; } 388 .wrap-help-list li:first-child { margin: auto auto 1rem auto; } 389 .wrap-help-list li { font-size: 14px; line-height: 18.2px; width: 100%; margin: auto; } 390 .wrap-help-list h3 { font-size: 18px; line-height: 21.6px; margin-bottom: 12px; width: auto; text-align: center; } 391 .sf-page-nl-container--bottomsection a { text-decoration: underline; text-decoration-thickness: 1.15px; text-decoration-color: #121212; } 392 .sf-page-nl-container__text { max-width: 336px; } 393 .pageFooter--right-links .large-footer-link a { font-size: 11px !important; } 394 .pageFooter--right-links .large-footer-link a { white-space: break-spaces !important; display: inline-block; } 395 .pageFooter--left a { display: inline-block; } 396 a:focus, a:focus-visible, button:focus-visible, button:focus { border: 1px solid #000 !important; outline: none; } 397 .sf-hero-redesign { display: flex !important; flex-direction: column !important; background: white !important; position: fixed !important; width: 100% !important; z-index: 1 !important; align-items: center !important; min-height: 0px !important; box-shadow: 0 6px 12px #eee; padding-top: 50px; top: 45px; } 398 .sf-button-redesign { font-family: Rubik, Arial, sans-serif; font-weight: 700; font-size: 14px; background-color: #121212; text-transform: capitalize; color: #fff; letter-spacing: 0px; } 399 .sf-button-redesign:hover { background-color: #fff; border-color: #121212; color: #121212; } 400 .sf-button-redesign:focus { background-color: #121212; color: #fff; border-color: #121212; } 401 .preferences-box-placeholder { display: block; height: 175px !important; } 402 .btn-add, .btn-check { box-shadow:none !important; } 403 .sf-hero-redesign-alt { display: flex !important; flex-direction: column !important; background: white !important; width: 100% !important; z-index: 1 !important; align-items: center !important; min-height: 0px !important; padding-top: 50px; top: 45px; } 404 405 @media only screen and (min-width: 768px) { 406 .sf-page-nl-container--bottomitem { min-height: 79px; } 407 a.sf-page-nl-container__logo { left: 50%; width: 100%; } 408 .sf-page-nl-container { width: 100%; margin-top: 0; } 409 .sf-page-nl-container__header { height: 67px; padding-top: 15px; } 410 .sf-page-nl-container__headline { font-size: 22px; letter-spacing: -.15px; } 411 .sf-page-nl-container__headline2 { font-size: 20px; letter-spacing: -.15px; } 412 .sf-page-nl-container__hero { background-color: #f6f6f6; text-align: center; padding-top: 25px; min-height: 220px; } 413 .sf-page-nl-container__text { width: 100%; margin: 15px auto 24px; font-size: 11.5px; } 414 .sf-page-nl-container--input { font-family: Rubik, Arial, sans-serif; letter-spacing: 0; width: 293px; padding-left: 14px; margin-left: calc(50% - 196px); height: 40px; font-size: 14px; color: #686868; border: solid 1.4px #d3d3d3; } 415 .sf-page-nl-container--input:disabled { background-color: #cccccc; } 416 .st-nl-signup-btn, .st-nl-signup-btn2 { font-family: Rubik, Arial, sans-serif font-size: 18px; } 417 .st-nl-signup-btn { width: 100px; height: 40px; } 418 .flex-container { display: flex; flex-wrap: wrap; } 419 .flex-column { flex: 0 0 50%; } 420 .sf-page-nl-container__button--bottom { display: none; } 421 .sf-page-nl-container--bottomitemright__headline { margin: 0; } 422 .sf-page-nl-container__button--topright, .sf-page-nl-container__button--topleft { height: 35px; font-size: 12px; letter-spacing: 1.25px; } 423 .sf-page-nl-container--sectionheader, .sf-page-nl-container--sectionheader2 { font-size: 22px; margin-bottom: 28px; } 424 .sf-page-nl-container--bottomitem > input { width: 11px; height: 11px; } 425 .sf-page-nl-container--bottomitem .wrap-content { height: 100px; padding: 0; } 426 .flex-container-1200 { justify-content: flex-start; } 427 .sf-page-nl-container--bottomitem .btn-add, .sf-page-nl-container--bottomitem .btn-check { top: 8px; right: 8px; } 428 .signup-box { top: 68px; } 429 .page-confirm .subtitle { font-size:23px; line-height: 27.6px; } 430 .page-confirm h1 { font-size: 30px; line-height: 1.3; } 431 .page-confirm .confirm-separator { margin: 0 0 1rem 0; max-width: 1200px; } 432 .nl-card { max-width: 50%; } 433 434 .sf-page-nl-container__hero2 { margin-top: 80px; } 435 .sf-page-nl-container__text{ max-width: initial; } 436 .signup-box-placeholder { height: 285px; } 437 .sf-page-nl-container--sectionheader { width: auto; border-top: 2px solid #111; margin: 2.75rem auto 1.25rem auto; } 438 .signup .st-nl-form-message { flex-direction: row; } 439 .page-confirm .mailbox { margin: 3rem auto; } 440 .signup-box .sf-page-nl-container__kicker { font-size: 30px; } 441 .sf-page-nl-container__kicker { font-size: 30px; } 442 .sf-page-nl-container--bottomitem { flex: 0 0 48%; } 443 .nl-card .nl-wrap-desc { flex-direction: column; } 444 .pageFooter--right-links .large-footer-link a { font-size: 14px !important; } 445 .sf-page-nl-container--bottomitemright__text { font-size: 13px; } 446 .sf-hero-redesign { top: 55px; } 447 } 448 449 @media only screen and (min-width: 1048px) { 450 .sf-page-nl-container { width: 100%; } 451 .sf-page-nl-container__header { height: 80px; padding-top: 22px; } 452 .sf-page-nl-container__headline { font-size: 22px; letter-spacing: 0.18px; margin-bottom: 6px; } 453 .sf-page-nl-container__headline2 { font-size: 25px; letter-spacing: 0.18px; margin-bottom: 8px; } 454 .sf-page-nl-container__hero { background-color: #f6f6f6; text-align: center; padding-top: 25px; min-height: 220px; } 455 .sf-page-nl-container__text { width: 100%; margin: 15px auto 24px; font-size: 14px; } 456 .sf-page-nl-container--input { font-family: Rubik, Arial, sans-serif; letter-spacing: 0; width: 368px; padding-left: 14px; margin-left: calc(50% - 246px); height: 50px; font-size: 18px; color: #686868; border: solid 1.4px #d3d3d3; } 457 .st-nl-signup-btn, .st-nl-signup-btn2 { font-family: Rubik, Arial, sans-serif; font-size: 18px; } 458 .st-nl-signup-btn { width: 124px; height: 50px; } 459 .flex-container { display: flex; flex-direction: row; flex-wrap: wrap; } 460 .flex-column { flex: 0 0 32%; } 461 .sf-page-nl-container__button--bottom { display: none; } 462 .sf-page-nl-container--bottomitemright__headline { font-size: 15px; } 463 .sf-page-nl-container__button--topright, .sf-page-nl-container__button--topleft { height: 35px; font-size: 14px; letter-spacing: 1.5px; font-family: Rubik, Arial, sans-serif; padding:0px 15px; } 464 .sf-page-nl-container--sectionheader { font-size: 20px; letter-spacing: 0px; font-weight: 700; margin-bottom: 40px; } 465 .nl-card{ flex: 0 0 32%; } 466 .sf-page-nl-container--bottomitemright__text { margin-top: 8px; } 467 .sf-hero-redesign { top: 65px; } 468 } 469 470 @media (min-width: 1100px) { 471 .signup-box { top: 80px; } 472 .signup-box-placeholder { height: 285px; } 473 .signup { max-width: 620px; } 474 .signup > .input-group > .st-nl-signup-btn { width: 15%; } 475 .signup > .input-group > .sf-page-nl-container--input { width: 85%; } 476 .container-newsletters { position: relative; } 477 } 478 479 @media only screen and (max-width: 1300px) { 480 .optoutform {margin:0 2%;} 481 } 482 483 @media only screen and (max-width: 1200px) { 484 .optoutform {margin:0 4%;} 485 } 486 487 @media (max-width: 768px) { 488 a.sf-page-nl-container__logo { max-width: -webkit-fill-available; } 489 .sf-hero-redesign { padding-top: 30px !important; } 490 } 491 492 @media only screen and (max-width: 425px) { 493 /* a.sf-page-nl-container__logo { transform: translate(-60%,-50%); } */ 494 } 495 496 @media only screen and (max-width: 389px) { 497 .signup-box { height: 205px; } 498 } 499 500 @media only screen and (max-width: 304px) { 501 .signup > .input-group > .st-nl-signup-btn { font-size:11px; } 502 } 503 504 @media only screen and (max-width: 284px) { 505 .pageHeader { position:relative; } 506 .sf-page-nl-container__header { position:relative; } 507 .signup-box-placeholder { display:none; } 508 .signup-box { position:inherit; height:245px;} 509 } 510 511 @media only screen and (max-width: 321px) { 512 .signup > .input-group > .st-nl-signup-btn { font-size:12px; } 513 .signup-box { height: 210px; } 514 .nl-card { /* height:100px; */ } 515 } 516 517 @media only screen and (max-width: 319px) { 518 .pageHeader { position:relative; } 519 .sf-page-nl-container__header { position:relative; } 520 .signup-box-placeholder { display:none; } 521 .signup-box { position:inherit; height:215px;} 522 .sf-page-nl-container--bottomitemright__headline { padding-right: 24px; } 523 } 524</style>
525<script>
vendor: 327 bytes, lines 525-529
525(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 526new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 527j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 528'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 529})(window,document,'script','dataLayer','
529GTM-WL7KMGG
vendor: 3 bytes, line 529
529');
529</script>
529 530
531<script id="hnpprivacyId" src="https://www.sfchronicle.com/hdn/dynamic/hnpprivacy-min.js" async></script>
531 532 533
534<script>function st_recaptcha_1(token) { 535 var form = document.querySelectorAll("form[data-st-form-num='1']")[0]; 536 537 /* When a client's Hosted Pages reCAPTCHA is enabled (which is by default), constraint validation doesn't trigger. 538 * Programmatic submit (HTMLFormElement.prototype.submit.call) bypasses the submit event, so run 539 * data-validation rules here before checkValidity() so the same rules apply as on non-reCAPTCHA submit. 540 */ 541 if (typeof window.st_runDataValidation === 'function' && window.st_runDataValidation(form)) { 542 /* Inline error spans are already shown by st_runDataValidation; reportValidity() is 543 omitted here for the same reason as in the submit handler — since setCustomValidity() 544 is not used, reportValidity() would have nothing to surface and could trigger a 545 native browser tooltip on any other constrained field in the form. */ 546 return; 547 } 548 if (form.checkValidity()) { 549 HTMLFormElement.prototype.submit.call(form); 550 } 551 else { 552 form.reportValidity() 553 } 554}</script>
554</head><body> 555 <div class="sf-page-nl-container"> 556 <div class="pageHeader sf-page-nl-container__header"> 557 <a href="https://www.austinhomemag.com/" class="sf-page-nl-container__logo" aria-label="AustinHomeMag.com"> </a> 558 <div class="clearfix"></div> 559</div> 560 <form id="signupForm" method="post" data-st-form-num="1"> 561 <input type="hidden" name="vars[source]" value="ST_Signup_AHM_V2"> 562 <input type="hidden" name="lists[Email_Master]" value="1" checked> 563 <div style="display:none;"> <input style="width:20px" type="text" name="notvalidsubmit" id="notvalidsubmit"> </div> 564 <div class="sf-page-nl-container__hero-placeholder signup-box-placeholder"></div> 565 <div class="sf-page-nl-container__hero signup-box"> 566 <h1 class="sf-page-nl-container__kicker">Newsletters & Email Updates</h1> 567 <p class="sf-page-nl-container__headline">The best of AustinHomeMag.com, delivered free to your inbox.<br></p> 568 <div class="signup"> 569 <div class="wrap-field-title"> 570 <label for="email">Email Address</label> 571 <div id="form-message" class="st-nl-form-message"></div> 572 </div> 573 <div class="input-group"> 574 <input class="sf-page-nl-container--input" id="email" name="email" type="email" autocapitalize="none" autocorrect="none" placeholder="Enter your email address" required> 575 <button class="st-nl-signup-btn disabled st-recaptcha" id="nl_signup" type="submit" name="submit" data-callback="st_recaptcha_1">Sign Up</button><noscript> 576 <input type="hidden" name="st_no_js" value="1"> 577</noscript> 578 </div> 579 <div class="clearfix"></div> 580 </div> 581 <div class="clearfix"></div> 582 <p class="sf-page-nl-container__text terms-privacy"> 583 By signing up, you agree to our <a href="https://www.austinhomemag.com/terms_of_use/">Terms of Use</a> and acknowledge that your information will be used as described in our <a href="https://www.austinhomemag.com/privacy_policy">Privacy Notice</a>. 584 </p> 585 </div> 586 <div class="container-fluid container-newsletters"> 587 <h2 class="sf-page-nl-container--sectionheader section-bytopic">Newsletters</h2> 588 <div class="flex-container-1200"> 589 <div class="sf-page-nl-container--bottomitem nl-card" tabindex="0" data-name="On Stands Now" aria-label="Newsletter On Stands Now, Unselected"> 590 <div class="wrap-img"><img src="https://media.sailthru.com/composer/images/sailthru-prod-5di/icons/AHM_Generic_Icon.jpg" alt="" class="n-thumb"></div> 591 <div class="wrap-content"> 592 <div class="sf-page-nl-container--bottomitemright"> 593 <h3 class="sf-page-nl-container--bottomitemright__headline" tabindex="-1" aria-hidden="true">On Stands Now</h3> 594 <div class="nl-wrap-desc"><p class="sf-page-nl-container--bottomitemright__text">A peek inside our latest issue, plus a note from the Editor.</p></div> 595 </div> 596 </div> 597 <button class="btn-add" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af192c14fa.png" alt="" class="icon-plus"></button> 598 <button class="btn-check" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af19a1bb98.png" alt="" class="icon-check"></button> 599 <input type="checkbox" id="news1" data-listname="AHM_OnStandsNow" name="lists[AHM_OnStandsNow]" value="AHM_OnStandsNow" class="sf-page-nl-container--bottomitemcheck nlInput"> 600 </div> 601 <div class="sf-page-nl-container--bottomitem nl-card" tabindex="0" data-name="From Our Partners" aria-label="Newsletter From Our Partners, Unselected"> 602 <div class="wrap-img"><img src="https://media.sailthru.com/composer/images/sailthru-prod-5di/icons/AHM_Generic_Icon.jpg" alt="" class="n-thumb"></div> 603 <div class="wrap-content"> 604 <div class="sf-page-nl-container--bottomitemright"> 605 <h3 class="sf-page-nl-container--bottomitemright__headline" tabindex="-1" aria-hidden="true">From Our Partners</h3> 606 <div class="nl-wrap-desc"><p class="sf-page-nl-container--bottomitemright__text">Events, deals and more from our advertising partners.</p></div> 607 </div> 608 </div> 609 <button class="btn-add" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af192c14fa.png" alt="" class="icon-plus"></button> 610 <button class="btn-check" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af19a1bb98.png" alt="" class="icon-check"></button> 611 <input type="checkbox" id="news2" data-listname="AHM_FromOurPartners" name="lists[AHM_FromOurPartners]" value="AHM_FromOurPartners" class="sf-page-nl-container--bottomitemcheck nlInput"> 612 </div> 613 <div class="sf-page-nl-container--bottomitem nl-card" tabindex="0" data-name="On the Market" aria-label="Newsletter On the Market, Unselected"> 614 <div class="wrap-img"><img src="https://media.sailthru.com/composer/images/sailthru-prod-5di/icons/AHM_Generic_Icon.jpg" alt="" class="n-thumb"></div> 615 <div class="wrap-content"> 616 <div class="sf-page-nl-container--bottomitemright"> 617 <h3 class="sf-page-nl-container--bottomitemright__headline" tabindex="-1" aria-hidden="true">On the Market</h3> 618 <div class="nl-wrap-desc"><p class="sf-page-nl-container--bottomitemright__text">A roundup of luxe listings in Austin.</p></div> 619 </div> 620 </div> 621 <button class="btn-add" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af192c14fa.png" alt="" class="icon-plus"></button> 622 <button class="btn-check" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af19a1bb98.png" alt="" class="icon-check"></button> 623 <input type="checkbox" id="news3" data-listname="AHM_OnTheMarket" name="lists[AHM_OnTheMarket]" value="AHM_OnTheMarket" class="sf-page-nl-container--bottomitemcheck nlInput"> 624 </div> 625 <div class="sf-page-nl-container--bottomitem nl-card" tabindex="0" data-name="Events" aria-label="Newsletter Events, Unselected"> 626 <div class="wrap-img"><img src="https://media.sailthru.com/composer/images/sailthru-prod-5di/icons/AHM_Generic_Icon.jpg" alt="" class="n-thumb"></div> 627 <div class="wrap-content"> 628 <div class="sf-page-nl-container--bottomitemright"> 629 <h3 class="sf-page-nl-container--bottomitemright__headline" tabindex="-1" aria-hidden="true">Events</h3> 630 <div class="nl-wrap-desc"><p class="sf-page-nl-container--bottomitemright__text">Be the first to hear about upcoming Austin Home events.</p></div> 631 </div> 632 </div> 633 <button class="btn-add" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af192c14fa.png" alt="" class="icon-plus"></button> 634 <button class="btn-check" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af19a1bb98.png" alt="" class="icon-check"></button> 635 <input type="checkbox" id="news4" data-listname="AHM_Events" name="lists[AHM_Events]" value="AHM_Events" class="sf-page-nl-container--bottomitemcheck nlInput"> 636 </div> 637 <div class="sf-page-nl-container--bottomitem nl-card" tabindex="0" data-name="Marketing Messages" aria-label="Newsletter Marketing Messages, Unselected"> 638 <div class="wrap-img"><img src="https://media.sailthru.com/composer/images/sailthru-prod-5di/icons/AHM_Generic_Icon.jpg" alt="" class="n-thumb"></div> 639 <div class="wrap-content"> 640 <div class="sf-page-nl-container--bottomitemright"> 641 <h3 class="sf-page-nl-container--bottomitemright__headline" tabindex="-1" aria-hidden="true">Marketing Messages</h3> 642 <div class="nl-wrap-desc"><p class="sf-page-nl-container--bottomitemright__text">Stay up to date on special features, offers and more.</p></div> 643 </div> 644 </div> 645 <button class="btn-add" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af192c14fa.png" alt="" class="icon-plus"></button> 646 <button class="btn-check" disabled tabindex="-1"><img src="https://media.sailthru.com/3ol/1k8/6/p/667af19a1bb98.png" alt="" class="icon-check"></button> 647 <input type="checkbox" id="news5" data-listname="AHM_Marketing" name="lists[AHM_Marketing]" value="AHM_Marketing" class="sf-page-nl-container--bottomitemcheck nlInput"> 648 </div> 649 </div> 650 </div> 651 <div style="position: absolute; left: -9999px"> 652 <label for="website-url">Your website</label> 653 <input type="text" id="website-url" name="vars[websiteurl]" tabindex="-1" autocomplete="nope"> 654 </div> 655 <input type="hidden" name="profile_id" value="5b1e7b7d9fbbe4138824e06c">
655<input type="hidden" name="st_form_num" value="0"></form> 656 </div> 657 <footer class="pageFooter"> 658 <div class="lock"> 659 <div class="pageFooter--wrapper"> 660 <div class="pageFooter--left"> 661 <a href="https://www.austinhomemag.com/"><img class="pageFooter--left-logo" src="https://media.sailthru.com/composer/images/sailthru-prod-5di/Logos/Austinhome-logo-black.png" alt="newspaper's home"></a> 662 <ul class="pageFooter--left-social"> 663 <li class="facebook"><a href="https://www.facebook.com/AustinHomeMagazine/"></a></li> 664 665 <li class="instagram"><a href="https://www.instagram.com/austin_home/"></a></li> 666 667 </ul> 668 </div> 669 <div class="pageFooter--right"> 670 <div class="pageFooter--right-links"> 671 <!-- hearst/item/standalone.tpl --> 672 <div class="hdnce-e hdnce-item-87230"> 673 <ul class="wrapper"> 674 <li> 675 <div class="title">About</div> 676 <ul class="section"> 677 <li><a href="https://www.austinhomemag.com/privacy_policy">Privacy Notice</a></li> 678 <li><a href="https://www.austinhomemag.com/privacy_policy#daaindustryoptout">DAA Industry Opt Out</a></li> 679 <li><a href="https://www.austinhomemag.com/terms_of_use/">Terms of Use</a></li> 680 <li><a href="https://www.austinhomemag.com/austin-home-advertising-opportunities/">Advertising</a></li> 681 682 683 </ul> 684 </li> 685 <li> 686 <div class="title">Contact</div> 687 <ul class="section"> 688 <li><a href="https://getausmag.com/deal/ahnewsletter/">Subscribe</a></li> 689 690 <li><a href="https://www.austinhomemag.com/issue-archive/">Archives</a></li> 691 692 <li><a href="https://www.austinhomemag.com/contact/">Frequently Asked Questions</a></li> 693 <li><a href="https://www.austinhomemag.com/contact/">Newsroom Contacts</a></li> 694 </ul> 695 </li> 696 </ul> 697 <div class="large-footer-link"><a href="https://www.austinhomemag.com/yourdata/" target="_blank" role="listitem">Your Privacy Choices (Opt Out of Sale/Targeted Ads)</a></div> 698
698<script>$(".wrapper > li").css("flex","0 0 25% !important");</script>
698 699 <style> 700 .wrapper > li { flex: 0 0 20% !important; } 701 .pageFooter--right-links .large-footer-link { 702 margin: 7px 0 23px 0; 703 clear: both; 704 float: none; 705 text-align: left; 706 } 707 .pageFooter--right-links .large-footer-link a { 708 font-size: 14px; 709 font-family: "National Medium", system-ui; 710 white-space: nowrap; 711 border: 1px solid; 712 padding: 8px 10px; 713 } 714 @media screen and (min-width: 768px) { .pageFooter--right-links .large-footer-link { margin: 7px 0 7px; } } 715 </style> 716 717 </div><!-- / hdnce-e --> 718 </div> 719 </div> 720 </div> 721 <div class="pageFooter--branding"> <img class="pageFooter--branding-logo" src="https://www.expressnews.com/img/core/hearst_newspapers_logo.svg"> <span class="pageFooter--branding-copyright">© 2026 Hearst Newspapers, LLC</span> </div> 722 </div> 723</footer> 724
724<script> 725var selectedItems = {}; 726 727function validateNewsletters(e){ 728 let hasMinReqNewsletters = Object.keys(selectedItems).length > 0; 729 return hasMinReqNewsletters ? { pass: true, hasMinReqNewsletters: true } : { pass: false, hasMinReqNewsletters: false }; 730} 731 732function validateEmail(email) { 733 const pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,10}$/; 734 const isEmpty = email.length == 0; 735 const passPattern = pattern.test(email); 736 let res = { pass: true, isEmpty: false, passPattern: true }; 737 738 if(isEmpty) { 739 res.pass = false; 740 res.isEmpty = true; 741 } 742 743 if(!passPattern) { 744 res.pass = false; 745 res.passPattern = false; 746 } 747 748 return res; 749} 750 751function displayErrors(){ 752 let errMsg = ''; 753 $("#form-message").html(''); 754 let test1 = validateEmail($('#email').val()); 755 let test2 = validateNewsletters(); 756 757 // last ones come first 758 if(!test2.hasMinReqNewsletters) { 759 errMsg = 'Select newsletters'; 760 } 761 762 if(!test1.passPattern){ 763 errMsg = 'Please enter a valid email address.'; 764 } 765 766 if(test1.isEmpty) { 767 errMsg = 'Enter email below to sign up.'; 768 } 769 770 $("#form-message").addClass("st-nl-error-message"); 771 $("#form-message").append( '<span id="email-error" class="error">' + errMsg + '' ); 772 773} 774 775function isFormValid () { 776 let test1 = validateNewsletters(); 777 let test2 = validateEmail($('#email').val()); 778 let isValid = test1.pass && test2.pass; 779 780 return isValid; 781} 782$('#nl_signup').click((e) => { 783 window.dataLayer = window.dataLayer || []; 784 window.dataLayer.push({ 785 event: "signup_button_click", 786 }); 787 if(isFormValid()){ 788 $("#form-message").html(''); 789 $("form#signupForm").submit(); 790 } else { 791 displayErrors(); 792 e.preventDefault(); 793 } 794}) 795 796function scrollFunction() { 797 if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { 798 $(".signup-box").addClass("scrolling"); 799 $('.pageHeader').addClass("scrolling"); 800 $(".signup-box-placeholder").removeClass("scrolling"); 801 } else { 802 $(".signup-box").removeClass("scrolling"); 803 $('.pageHeader').removeClass("scrolling"); 804 $(".signup-box-placeholder").removeClass("scrolling"); 805 } 806 } 807 808function setSignInBtn () { 809 if (isFormValid()) { 810 $('.st-nl-signup-btn').addClass('enabled'); 811 $('.st-nl-signup-btn').removeClass('disabled'); 812 } else { 813 $('.st-nl-signup-btn').removeClass('enabled'); 814 $('.st-nl-signup-btn').addClass('disabled'); 815 } 816} 817 818$(document).ready(() => { 819 $("form#signupForm").on('submit', function(e) { 820 if(!isFormValid()) { 821 e.preventDefault(); 822 } 823 }); 824 825 // hack tab navigation to consider the sticky signup box 826 827 $('.pageFooter a').keydown((e) => { 828 if (e.key !== "Tab") { 829 return 830 } 831 832 $('html, body').animate({ 833 scrollTop: $(e.target).offset().top - 500 834 }, 10); 835 836 }); 837 838$('.nl-card').keydown((e) => { 839 console.log(e.key); 840 let el = $(e.target).hasClass('nl-card') ? $(e.target) : $(e.target).parents('.nl-card').first(); 841 switch (e.key) { 842 case "Tab": 843 $('html, body').animate({ 844 scrollTop: $(el).offset().top - 500 845 }, 10); 846 break; 847 case " ": 848 case "Spacebar": 849 case "Enter": 850 e.preventDefault(); 851 $(el).click(); 852 break; 853 default: 854 break; 855 } 856 }); 857 858 $('.nl-card').click((e) => { 859 let nlCard = $(e.target).hasClass('nl-card') ? $(e.target) : $(e.target).parents('.nl-card').first(); 860 let ariaLabel = null; 861 nlCard.toggleClass('active'); 862 let currentCheckStatus = nlCard.find('.nlInput').prop('checked'); 863 nlCard.find('.nlInput').prop('checked', !currentCheckStatus); 864 let nlInput = nlCard.find('.nlInput'); 865 let name = nlCard.data('name'); 866 if(!currentCheckStatus) { 867 selectedItems[nlInput.val()] = !currentCheckStatus; 868 ariaLabel = 'Newsletter ' + name + ', Selected'; 869 console.log('ariaLabel', ariaLabel); 870 871 } else { 872 ariaLabel = 'Newsletter ' + name + ', Unselected'; 873 delete selectedItems[nlInput.val()]; 874 } 875 876 nlCard.attr('aria-label', ariaLabel); 877 nlCard.focus(); 878 879 setSignInBtn(); 880 }); 881 882 $('.sf-page-nl-container--input').keyup((e) => { 883 setSignInBtn(); 884 }); 885 886 window.onscroll = () => scrollFunction(); 887}); 888</script>
888 889 890</body></html>
890<script type="text/javascript">function st_recaptcha_onload() { 891 const submitButtons = window.self.document.querySelectorAll(".st-recaptcha"); 892 for (var i = 0; i < submitButtons.length; i++) { 893 submitButtons[i].addEventListener('click', function (e) { 894 if (e.defaultPrevented) { 895 e.stopImmediatePropagation(); 896 } 897 }); 898 grecaptcha.render(submitButtons[i], {'sitekey': '6Lf8zqgoAAAAAFUUkcOQ6F63JUDRJdiz_4BCIDPj'}); 899 } 900}</script>
vendor: 126 bytes, line 900
900<script src="https://www.google.com/recaptcha/api.js?onload=st_recaptcha_onload&render=explicit" async="" defer></script>
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.