1<!doctype html> 2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 3<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 4<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> 5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 6 <head> 7 <meta charset="utf-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 10 <!-- Google Tag Manager -->
11<script>
vendor: 327 bytes, lines 11-15
11(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 12new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 13j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 14'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 15})(window,document,'script','dataLayer','
15GTM-MDH35XN9
vendor: 3 bytes, line 15
15');
15</script>
15 16<!-- End Google Tag Manager --> 17 18 <title>Nouvelle Vague Music</title> 19 <meta name="description" content=""> 20 <meta name="HandheldFriendly" content="True"> 21 <meta name="MobileOptimized" content="320"> 22 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"> 23 24<link rel="shortcut icon" type="image/png" href="favicon.png"/> 25 26 <link href="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css"> 27 28 <link rel="stylesheet" href="styles/vendor/bootstrap.css"> 29 <link rel="stylesheet" href="styles/vendor/font-awesome.min.css"> 30 <link rel="stylesheet" href="styles/vendor/superslides.css"> 31 <link rel="stylesheet" href="styles/vendor/owl.carousel.css"> 32 <link rel="stylesheet" href="styles/vendor/owl.transitions.css"> 33 <link rel="stylesheet" href="styles/vendor/flickity.min.css"> 34 <link rel="stylesheet" href="styles/vendor/swipebox.min.css"> 35 <link rel="stylesheet" href="styles/vendor/TimeCircles.css"> 36 37 <link rel="stylesheet" href="styles/main.css"> 38 <link rel="stylesheet" href="styles/demo.css"> 39 40 <link rel="stylesheet" href="styles/colors/color-yellow.css"> 41 <link rel="stylesheet" href="styles/colors/color-lightblue.css"> 42 <link rel="stylesheet" href="styles/colors/color-purple.css"> 43 <link rel="stylesheet" href="styles/colors/color-green.css"> 44 <link rel="stylesheet" href="styles/colors/color-militar.css"> 45 <link rel="stylesheet" href="styles/colors/color-caqui.css"> 46 <link rel="stylesheet" href="styles/colors/color-red.css"> 47 48
48<script src="scripts/vendor/modernizr.js"></script>
48 49 50 <!-- Meta Pixel Code -->
51<script>
vendor: 399 bytes, lines 51-60
51 52!function(f,b,e,v,n,t,s) 53{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 54n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 55if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 56n.queue=[];t=b.createElement(e);t.async=!0; 57t.src=v;s=b.getElementsByTagName(e)[0]; 58s.parentNode.insertBefore(t,s)}(window, document,'script', 59'https://connect.facebook.net/en_US/fbevents.js'); 60fbq('init', '
601126397568741048
vendor: 30 bytes, lines 60-61
60'); 61fbq('track', 'PageView');
62</script>
62 63<noscript><img height="1" width="1" style="display:none" 64src="https://www.facebook.com/tr?id=1126397568741048&ev=PageView&noscript=1" 65/></noscript> 66<!-- End Meta Pixel Code --> 67 68 </head> 69 <body data-spy="scroll" data-target="#navbar-muziq" data-offset="80"> 70 71 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 71-72
71 72<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
72GTM-MDH35XN9
vendor: 83 bytes, lines 72-73
72" 73height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
74<!-- End Google Tag Manager (noscript) --> 75 76 77<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 77
77 <script async src="https://www.googletagmanager.com/gtag/js?id=
77G-7HWXXSFS9Z
vendor: 12 bytes, line 77
77"></script>
77<script>
vendor: 133 bytes, line 77
77window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
77G-7HWXXSFS9Z
vendor: 4 bytes, line 77
77');
77</script>
77 78 79 80<!-- Meta Pixel Code -->
81<script>
vendor: 399 bytes, lines 81-90
81 82!function(f,b,e,v,n,t,s) 83{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 84n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 85if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 86n.queue=[];t=b.createElement(e);t.async=!0; 87t.src=v;s=b.getElementsByTagName(e)[0]; 88s.parentNode.insertBefore(t,s)}(window, document,'script', 89'https://connect.facebook.net/en_US/fbevents.js'); 90fbq('init', '
901126397568741048
vendor: 30 bytes, lines 90-91
90'); 91fbq('track', 'PageView');
92</script>
92 93<noscript><img height="1" width="1" style="display:none" 94src="https://www.facebook.com/tr?id=1126397568741048&ev=PageView&noscript=1" 95/></noscript> 96<!-- End Meta Pixel Code --> 97 98 <!-- LOADER --> 99 <div id="mask"> 100 <div class="loader"> 101 <!-- <img src="images/loading.gif" alt='loading'> --> 102 <div class="cssload-container"> 103 <div class="cssload-shaft1"></div> 104 <div class="cssload-shaft2"></div> 105 <div class="cssload-shaft3"></div> 106 <div class="cssload-shaft4"></div> 107 <div class="cssload-shaft5"></div> 108 <div class="cssload-shaft6"></div> 109 <div class="cssload-shaft7"></div> 110 <div class="cssload-shaft8"></div> 111 <div class="cssload-shaft9"></div> 112 <div class="cssload-shaft10"></div> 113 </div> 114 </div> 115 </div> 116 117 <!-- HEADER --> 118 <header id="jHeader"> 119 <nav class="navbar navbar-default" role="navigation"> 120 121 <div class="navbar-header"> 122 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 123 <span class="sr-only">Desplegar navegación</span> 124 <span class="icon-bar"></span> 125 <span class="icon-bar"></span> 126 <span class="icon-bar"></span> 127 </button> 128 <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Nouvelle Vague" width="242" height="80"></a> 129 </div> 130 131 <div class="collapse navbar-collapse navbar-ex1-collapse" id="navbar-muziq"> 132 <ul class="nav navbar-nav navbar-right" style="margin-right: 0px !important;"> 133 <li class="active"><a href="#anchor01">Home</a></li> 134 <!--<li><a href="#anchor02">About</a></li>--> 135 <li><a href="#anchor04">Shop</a></li> 136 <li><a href="#anchor03">Tour</a></li> 137 <li><a href="#anchor05">newsletter</a></li> 138 </ul> 139 </div> 140 141 </nav> 142 </header> 143 144 <!-- INTRO --> 145 <section class="section upcomming-events" id="anchor01" style="background-color: #151515;"> 146 <img class="headerhome" alt="Nouvelle Vague Music"> 147 </section> 148 149 <!-- VIDEO --> 150 <section class="section upcomming-events" style="background-color: #151515;"> 151 <div id="popupvideo"> 152 <div class="video-responsive"> 153 <iframe width="560" height="315" src="https://www.youtube.com/embed/w8iMnOU7Ag4?si=Ta4w3GuS8xHIu0U_&controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> 154 </div> 155 </div> 156 </section> 157 158 <!-- BIOGRAPHY 159 <section class="section biography inverse-color" id="anchor02"> 160 <div class="container"> 161 <div class="row"> 162 <div class="col-md-8 col-md-offset-2"> 163 <div class="voffset110"></div> 164 <h2 class="title">about<span class="point">.</span></h2> 165 <div class="voffset80"></div> 166 </div> 167 </div> 168 <div class="row"> 169 <div class="col-lg-6"> 170 <img src="images/biography.jpg" alt="Nouvelle Vague"> 171 </div> 172 <div class="col-lg-6"> 173 174 <div class="description"> 175 <p>Nouvelle Vague, the renowned bossa nova project founded by Marc Collin and the late Olivier Libaux in 2003, has become a musical phenomenon over the past two decades. Initially conceived as a one-off tribute to post-punk songwriting in a bossa nova style, Nouvelle Vague's debut album unexpectedly soared to global acclaim. The band's unique fusion of melancholic post-punk and bossa nova, coupled with their daring French reinterpretation approach, set them apart. The new album, inspired by vocalist Alonya's rendition of The Clash's "Should I Stay Or Should I Go," continues Nouvelle Vague's tradition of reinventing classics. It amplifies the timeless significance and continued impact of Nouvelle Vague's musical legacy.</p> 176 <p style="color:#888888;">Nouvelle Vague, le projet de reprises post-punk version bossa nova, fondé par Marc Collin et feu Olivier Libaux en 2003, est devenu un phénomène musical international au cours des deux dernières décennies. Initialement conçu comme un hommage unique, le premier album de Nouvelle Vague a connu un succès mondial inattendu. La fusion du post-punk mélancolique et de la bossa nova proposée par le groupe, associée à leur audacieuse approche de réinterprétation à la française, les distingue. Le nouvel album, inspiré par la performance de la chanteuse Alonya de "Should I Stay Or Should I Go" de The Clash, perpétue la tradition de Nouvelle Vague de réinventer des classiques. Il témoigne, là encore, de l'impact de l'héritage musical de Nouvelle Vague et de son intemporal
176ité.</p> 177 <p style="color:#888888;"><em>Photo: Linda Bujoli.</em></p> 178 </div> 179 </div> 180 </div> 181 <div class="voffset120"></div> 182 </div> 183 </section>--> 184 185 <!-- UPCOMING EVENTS 186 <section class="section upcomming-events" id="" style="background-color: #151515;"> 187 <img src="images/slide_01.jpg" alt="Nouvelle Vague Tour" style="width: 100%"/> 188 </section> --> 189 190 <!-- SHOP --> 191 <section class="section discography inverse-color" id="anchor04"> 192 <div id="discography"></div> 193 <div class="container"> 194 <div class="row"> 195 <div class="col-md-8 col-md-offset-2"> 196 <div class="voffset110"></div> 197 <h2 class="title">shop<span class="point">.</span></h2> 198 <div class="voffset40"></div> 199 </div> 200 </div> 201 <div class="row"> 202 <div class="col-md-12"> 203 <ul class="carousel-discography js-flickity" data-flickity-options="{ "cellAlign": "left", "wrapAround": true, "contain": true, "prevNextButtons": false }"> 204 <!-- col-xlg-3 --> 205 <li class="gallery-cell col-xs-12 col-sm-6 col-md-4"> 206 <div class="info-album"> 207 <div class="cover open-disc" data-url="discs/disc-01.html"> 208 <img src="images/demo/discography/depeche_mode_vinyle.jpg" alt=""> 209 <a href="https://nouvellevague.diggers.store/fr/vinyl/334937/nouvelle-vague-a-date-with-depeche-mode-lp" target="_blank"><div class="rollover"> 210 <i class="fa fa-cart-plus"></i> 211 <p>Buy</p> 212 </div></a> 213 </div> 214 <p class="album">New album Vinyl</p> 215 <p class="artist">Pre-order Now</p> 216 </div> 217 </li> 218 219 <li class="gallery-cell col-xs-12 col-sm-6 col-md-4"> 220 <div class="info-album"> 221 <div class="cover open-disc" data-url="discs/disc-03.html"> 222 <img src="images/demo/discography/depeche_mode_cd.jpg" alt=""> 223 <a href="https://nouvellevague.diggers.store/fr/cd/334938/nouvelle-vague-a-date-with-depeche-mode-cd" target="_blank"><div class="rollover"> 224 <i class="fa fa-cart-plus"></i> 225 <p>Buy</p> 226 </div></a> 227 </div> 228 <p class="album">New album CD</p> 229 <p class="artist">Pre-order Now</p> 230 </div> 231 </li> 232 <li class="gallery-cell col-xs-12 col-sm-6 col-md-4"> 233 <div class="info-album"> 234 <div class="cover open-disc" data-url="discs/disc-01.html"> 235 <img src="images/demo/discography/depeche_mode_merch.jpg" alt=""> 236 <a href="https://nouvellevague.diggers.store/fr" target="_blank"><div class="rollover"> 237 <i class="fa fa-cart-plus"></i> 238 <p>Buy</p> 239 </div></a> 240 </div> 241 <p class="album">New merch</p> 242 <p class="artist">Pre-order Now</p> 243 </div> 244 </li> 245 </ul> 246 <div class="voffset110"></div> 247 </div> 248 </div> 249 </div> 250 <!-- DETAILS DISCO --> 251 <div id="project-show"></div> 252 <div class="section player-album project-window"> 253 <div class="project-content"></div><!-- AJAX Dinamic Content --> 254 </div> 255 </section> 256 257 258 <!-- UPCOMING EVENTS --> 259 <section class="section upcomming-events" id="anchor03" style="background-color: #f9f8f5;"> 260 261 <div class="container"> 262 <div class="row"> 263 <div class="col-md-8 col-md-offset-2"> 264 <div class="voffset110"></div> 265 <h2 class="title" style="color: #252525;">tour<span class="point">.</span></h2> 266 <div class="voffset40"></div> 267 <div class="voffset40"></div> 268 <a href="https://www.songkick.com/artists/523942" class="songkick-widget" data-theme="dark" data-track-button="on" data-detect-style="off" data-background-color="rgb(0,0,0,1)" data-font-color="rgb(255,255,255,1)" data-button-bg-color="rgb(255,255,255,1)" data-button-text-color="rgb(0,0,0,1)" data-locale="en" data-other-artists="on" data-share-button="on" data-country-filter="on" data-rsvp="on" data-request-show="on" data-past-events="off" data-past-events-offtour="off" data-remind-me="off"></a>
268<script src="https://widget-app.songkick.com/injector/523942"></script>
268 269 </div> 270 </div> 271 <div class="voffset120"></div> 272 </div> 273 274 </section> 275 276 277 <!-- NEWSLETTER --> 278 <section class="section inverse-color contact" id="anchor05"> 279 <div class="container"> 280 <div class="row"> 281 <div class="col-md-8 col-md-offset-2"> 282 <p class="pretitle" style="margin-top:108px;"> 283get in touch</p> 284 <div class="voffset20"></div> 285 <h2 class="title">Subscribe to our newsletter<span class="point">.</span></h2> 286 <div class="voffset80"></div> 287 </div> 288 </div> 289 290 291 292 <div id="mc_embed_shell"> 293 294<div id="mc_embed_signup"> 295 <form action="https://56c46636.sibforms.com/serve/MUIFACwVTCvVSnJpj6Uucz5O_c42tEd3jyO1S_aXstgjNgaarZNzzszecOajb3dJyvkICr21AjtHrpbs2Yjk_s38mY7gw059NnG8ukQjlVs5O9cwBNuFrm5vctKHg_wrXyQ-9fPeHcuIEJtih1HpQf_cTFbDDxkKhk78L4sW1GJgFZZ9tGR-nG69crjgKc69INsHmHRZk2yq1e7q" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="newsletter-form" target="_blank" novalidate=""> 296 <div id="mc_embed_signup_scroll"> 297 <div class="mc-field-group"><input type="email" name="EMAIL" placeholder="YOUR E-MAIL" class="required email" id="mce-EMAIL" required="" value=""></div> 298 <div id="mce-responses" class="clear foot"> 299 <div class="response" id="mce-error-response" style="display: none;"></div> 300 <div class="response" id="mce-success-response" style="display: none;"></div> 301 </div> 302 <div style="position: absolute; left: -5000px;" aria-hidden="true"> 303 /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */ 304 <input type="text" name="b_28f54003ba9e1590aca091283_dfe2fd2ba4" tabindex="-1" value="" class="text email required"> 305 </div> 306 <div class="optionalParent"> 307 <div class="clear foot"><br><br> 308 <p style="text-align: center;"><input type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn rounded" value="Subscribe"></p><br><br><br> 309 </div> 310 </div> 311 </div> 312</form> 313</div> 314</div> 315 316 317 </div> 318 </section> 319 320 <!-- RS --> 321 <section class="section inverse-color contact"> 322 <div class="container"> 323 <div class="row"> 324 <div class="col-md-12" style="margin: auto !important; width: 100%;"> 325 <div style="text-align: center;"> 326 <ul class="social-links"> 327 <li><a href="https://www.facebook.com/nouvellevagueofficial/" target="_blank" title="Facebook"><i><img src="images/logo_facebook.png" alt="Facebook" width="44" height="44"></i></a></li> 328 <li><a href="https://www.instagram.com/nouvellesvagues/" target="_blank" title="Instagram"><i><img src="images/logo_instagram.png" alt="Instagram" width="44" height="44"></i></a></li> 329 <li><a href="https://www.youtube.com/channel/UCc6K_BMz6T3ZxOVKbl6kJrQ" target="_blank" title="Youtube"><i><img src="images/logo_youtube.png" alt="Youtube" width="44" height="44"></i></a></li> 330 <li><a href="https://open.spotify.com/artist/4h7NLIlg1oYdEtfQJfyto0" target="_blank" title="Spotify"><i><img src="images/logo_spotify.png" alt="Spotify" width="44" height="44"></i></a></li> 331 <li><a href="http://www.deezer.com/artist/1387" target="_blank" title="Deezer"><i><img src="images/logo_deezer.png" alt="Deezer" width="44" height="44"></i></a></li> 332 <li><a href="https://linktr.ee/newvague" target="_blank" title="Linktree"><i><img src="images/logo_linktree.png" alt="Linktree" width="44" height="44"></i></a></li> 333 </ul> 334 </div> 335 </div> 336 </div> 337 </div> 338 </section> 339 340 <!-- FOOTER --> 341 <footer> 342 <div class="container" style="margin: auto !important; width: 100%;"> 343 <p class="copy">© Kwaidan Records</p> 344 <ul class="menu-footer"> 345 <li><a href="legal_terms.html">Legal terms</a></li> 346 <li><a href="privacy_policy.html">Privacy policy</a></li> 347 </ul> 348 </div> 349 </footer> 350 351 <!--[if lt IE 7]> 352 <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> 353 <![endif]--> 354
355 <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> 356
356<script> 357 (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= 358 function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date; 359 e=o.createElement(i);r=o.getElementsByTagName(i)[0]; 360 e.src='//www.google-analytics.com/analytics.js'; 361 r.parentNode.insertBefore(e,r)}(window,document,'script','ga')); 362 ga('create','UA-XXXXX-X');ga('send','pageview'); 363 </script>
363 364 365
365<script src="scripts/vendor/jquery.js"></script>
365 366
366<script src="scripts/vendor/jquery.superslides.min.js"></script>
366 367
367<script src="scripts/vendor/flickity.pkgd.js"></script>
367 368
368<script src="scripts/vendor/audio.min.js"></script>
368 369
369<script src="scripts/vendor/twitterFetcher_min.js"></script>
369 370
370<script src="scripts/vendor/isotope.pkgd.min.js"></script>
370 371
371<script src="scripts/vendor/jquery.swipebox.min.js"></script>
371 372
372<script src="scripts/vendor/TimeCircles.js"></script>
372 373
373<script src="scripts/vendor/owl.carousel.min.js"></script>
373 374
374<script src="scripts/vendor/jquery.parallax.min.js"></script>
374 375
375<script src="scripts/YTPlayer.js"></script>
375 376 377
377<script src="scripts/discography.js"></script>
377 378
378<script src="scripts/news.js"></script>
378 379
379<script src="scripts/main.js"></script>
379 380 381
381<script src="scripts/vendor/bootstrap.js"></script>
381 382 383 <div id="popupnews"> 384 385</div> 386 387<!-- POPUP NEWSLETTER --> 388<div id="popupnewsletter"> 389 <div id="closepopupnews"><img src="images/close.png" width="30" height="30" alt=""></div> 390 <div class="xx"> 391 <div class="row"> 392 <div class="xx"> 393 <p class="pretitle" style="margin-top:18px; color: #fff; font-size: 16px;"> 394get in touch</p> 395 <div class="voffset10"></div> 396 <h2 class="title" style="font-size: 34px;">Nouvelle Vague<br> 397newsletter<span class="point">.</span></h2> 398 <div class="voffset20"></div> 399 </div> 400 </div> 401 402 403<div id="xx_embed_shell" style="margin-left: 20px; margin-right: 20px;"> 404 405<div id="xx_embed_signup"> 406 <form action="https://56c46636.sibforms.com/serve/MUIFACwVTCvVSnJpj6Uucz5O_c42tEd3jyO1S_aXstgjNgaarZNzzszecOajb3dJyvkICr21AjtHrpbs2Yjk_s38mY7gw059NnG8ukQjlVs5O9cwBNuFrm5vctKHg_wrXyQ-9fPeHcuIEJtih1HpQf_cTFbDDxkKhk78L4sW1GJgFZZ9tGR-nG69crjgKc69INsHmHRZk2yq1e7q" method="post" id="xx-embedded-subscribe-form" name="xx-embedded-subscribe-form" class="newsletter-form" target="_blank" novalidate=""> 407 <div id="xx_embed_signup_scroll"> 408 <div class="xx-field-group"><input type="email" name="EMAIL" placeholder="YOUR E-MAIL" class="required email" id="xx-EMAIL" required="" value=""></div> 409 <div id="xx-responses" class="clear foot"> 410 <div class="response" id="xx-error-response" style="display: none;"></div> 411 <div class="response" id="xx-success-response" style="display: none;"></div> 412 </div> 413 <div style="position: absolute; left: -5000px;" aria-hidden="true"> 414 /* real people should not fill this in and expect good things - do not remove this or risk form bot signups */ 415 <input type="text" name="b_28f54003ba9e1590aca091283_dfe2fd2ba4" tabindex="-1" value="" class="text email required"> 416 </div> 417 <div class="optionalParent"> 418 <div class="clear foot"><br><br> 419 <p style="text-align: center;"><input type="submit" name="subscribe" id="xx-embedded-subscribe" class="btn rounded" value="Subscribe"></p><br><br><br> 420 </div> 421 </div> 422 </div> 423</form> 424</div> 425</div> 426 427 428 </div> 429</div> 430 431 432
433<script> 434var popup = document.getElementById("popupnewsletter") 435setTimeout(function() { 436 popup.style.display = "block" 437}, 10000); // le 3000 c'est le nombre de millisecondes 438 439var closeMyPopup = document.getElementById("closepopupnews") 440closeMyPopup.addEventListener("click", (event) => { 441 popup.style.display = "none" 442}); 443 444</script>
444 445 446 </body> 447</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.