1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 8 <title>OnePageLink</title> 9 10 <link rel="stylesheet" type="text/css" href="/css/onepage.css?id=b670f413fcfea5771960"> 11 12 <link rel="icon" href="https://onepagelink.com/img/favicon.png" /> 13 14
14<script type=âtext/javascriptâ> 15 window.smartlook||(function(d) { 16 var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName(âheadâ)[0]; 17 var c=d.createElement(âscriptâ);o.api=new Array();c.async=true;c.type=âtext/javascriptâ; 18 c.charset=âutf-8â;c.src=âhttps://rec.smartlook.com/recorder.js';h.appendChild(c); 19 })(document); 20 smartlook(âinitâ, â47e6a8a7599dda19658627598f56053779c1dd91â); 21</script>
21</head> 22<body> 23 <header class="header"> 24 <div class="container d-flex align-items-center"> 25 <div class="logo-container d-inline-block"> 26 <a href="https://onepagelink.com"><img src="https://onepagelink.com/img/lightning-white-back.svg" alt=""></a> 27 </div> 28 <div class="menu"> 29 <ul class="nav header--nav d-none d-md-flex"> 30 <li class="nav-item"> 31 <a class="nav-link active scroll-to to-panelAbout" data-scroll="panelAbout" href="javascript:void(0)">PRESS RELEASE</a> 32 </li> 33 <li class="nav-item"> 34 <a class="nav-link scroll-to to-panelImages" data-scroll="panelImages" href="javascript:void(0)">PHOTOS</a> 35 </li> 36 <li class="nav-item"> 37 <a class="nav-link scroll-to to-panelVideo" data-scroll="panelVideo" href="javascript:void(0)">VIDEO</a> 38 </li> 39 <li class="nav-item"> 40 <a class="nav-link scroll-to to-panelAudio" data-scroll="panelAudio" href="javascript:void(0)">MUSIC</a> 41 </li> 42 <li class="nav-item"> 43 <a class="nav-link scroll-to to-panelSocial" data-scroll="panelSocial" href="javascript:void(0)">SOCIALS</a> 44 </li> 45 <li class="nav-item"> 46 <a class="nav-link scroll-to to-panelContacts" data-scroll="panelContacts" href="javascript:void(0)">CONTACT</a> 47 </li> 48 <li class="nav-item"> 49 <a class="btn-sm btn is-white download-promo" data-href="https://onepagelink.com/download-press-kit/campaign1/examplepage">DOWNLOAD PROMO KIT</a> 50 </li> 51 </ul> 52 <div id="hamburger-icon" class="d-md-none"> 53 <i class="fas fa-bars"></i> 54 </div> 55 </div> 56 </div> 57</header> 58 59 60 <div class="page-title"> 61 <div class="container"> 62 <div class="row"> 63 <div class="col-12"> 64 <h1 class="text-center text-md-left">NATTALI RIZE / NEW SINGLE OUT NOW</h1> 65 </div> 66 </div> 67 </div> 68 </div> 69 <div class="main-promo-image-container "> 70 <div class="container"> 71 <div class="row"> 72 <div class="col-12"> 73 <div class="main-promo-image"> 74 <img src="https://onepagelink.com/uploads/media/2020/01/1578959185_innerright_C8A1844_thumbnail.jpg" alt="" title=""> 75 </div> 76 </div> 77 </div> 78 </div> 79 </div> 80 81 <div class="page-sub-title"> 82 <div class="container"> 83 <div class="row"> 84 <div class="col-12"> 85 <div class="sub-title-container"> 86 <span>NEW SINGLE & VIDEO / EVOLUTIONARY / JAN 17th</span> 87 </div> 88 </div> 89 </div> 90 </div> 91 </div> 92 93 <div id="panelAbout" class="panel"> 94 <div class="container"> 95 <div class="row"> 96 <div class="col-12"> 97 <div class="about-container"> 98 <h2 class="text-center">PRESS RELEASE</h2> 99 <div class="panelAbout--content collapsed"> 100 <div class="panelAbout--content-container"> 101 <p><div style="text-align: center;"><b>FOR IMMEDIATE RELEASE</b></div><div style="text-align: center;"><b>NATTALI RIZE RELEASES EMPOWERING NEW MUSIC VIDEO âEVOLUTIONARYâ ON JANUARY 17TH, 2019</b></div><div style="text-align: center;"><b>THROUGH BACO RECORDS </b><br></div><div><br></div><div>Working across multiple continents, Nattali Rize continues her mission to empower and inspire collective freedom through her new music video <b>âEvolutionary.â </b>In a male driven genre, two strong female reggae artists shine to paint a picture of a bright future for women in 2019. A standout track from Nattaliâs debut album Rebel Frequency, âEvolutionaryâ features wise and intuitive words from Jah9 and a rebellious spirit. <br></div><div><br></div><div>Nattali lives where the music takes her. Modern technology and a tireless world travel schedule have broken down artistic barriers, allowing her 2017 Rebel Frequency album to be put together between the cultural hubs of Kingston, Jamaica, and Australia. The term âsocial changeâ is not quite enough for Nattali, her thinking is more along the lines of <b>âfull systemic overhaul!â</b> with Rebel Frequency Nattali declares âWeâre here to deliver a different frequency to what is being transmitted by the current world system and culture of consumerism and mental slavery. Our words, melodies, rhythms, and intentions are to empower and inspire full freedom â that frequency is a rebel in this paradigm.â<br></div><div><br></div><div>Already building a strong impression with established artists and events, Nattali Rizeâs message is not only about building up your own mental and spiritual freedom, but standing up and resisting the oppression of others. She has already seen high praise from top-tier outlets such as <b>Rolling Stone, NPR</b>, and <b>Yahoo Music.</b><br></div><div><br></div><div>Rebel Frequency was written and recorded at the legendary Tuff Gong Studios with additional recording at home studios Rize built in both Kingston and Australia. The Album sees Nattali teaming up with renowned musicians Unga Barunga (drums), Jason Welsh (bass), Phillip âWintaâ James (keyboards), Stephen âReverendâ Maxwell (keyboards), Lamont âMontyâ Savory (guitars), and Tammi T Moncrieffe (backing vocals). Includes productions from the likes of <b>Notis Heavyweightrockaz (JA)</b> & <b>Lotek (UK)</b>. The freedom provided by multiple studios and producers allowed Nattali to continue working on the album around her busy touring schedule, making sure no moment of inspiration fell through the cracks.<br></div><div><br></div><div>The songs on Rebel Frequency speak powerful volumes, urging the listenerâs attention to tune in. <b>According to Nattali</b>, the album symbolizes <i>âthe current evolution of the frequencies we are forming and amplifying as musician, artist, and human. Itâs about continuing to expand and extend our musical inspiration and connection to our global family.â </i><br></div><div><br></div><div>Nattali Rize has already created quite the stir on an international level, and will hit the road this February for a US tour with GRAMMY nominated band Common Kings! Fans can expect epic, high energy, thought provoking and uplifting live performances. The music, message & intention transcends. Get ready to be moved!<br></div><div><br></div><div><b>nattalirize.com | facebook.com/nattalirize | twitter.com/nattalirize | instagram.com/nattalirize </b></div><div><br></div><div><b>For Press Inquiries Please Contact:</b></div><div><i>The PR Squad // Mia Light // (512) 333-7955 // [email protected] </i><br></div><div><br></div><div><b>Tour Dates:</b></div><div>FEB 07 - Ventura, CA - Discovery Ventura</div><div>FEB 10 - Long Beach, California - Queen Mary Events Park</div><div>FEB 14 - Park City, UT - OP Rockwell Cocktail Lounge & Music Hall</div><div>FEB 15 - Grand Junction, CO - Warehouse25sixty-five Kitchen + Bar</div><div>FEB 16 - Avon, CO - AgaveFEB 17 - Fort Collins, CO - Aggie Theatre</div><div>FEB 21 - Suquamish, WA - Suquamish Clearwater Casino Resort</div><div>FEB 22 - Victoria, Canada - Distrikt</div><div>FEB 23 - Vancouver, Canada - Venue Nightclub</div><div>
101FEB 24 - Bellingham, WA - Wild Buffalo House Of Music</div><div>FEB 27 - Crystal Bay, NV - Crystal Bay Casino</div><div>FEB 28 - Sacramento, CA - Ace Of Spades</div><div>MAR 01 - Petaluma, CA - Mystic Theatre</div><div>MAR 02 - San Luis Obispo, CA - Fremont Theater</div><div>MAR 08 - Big Bear Lake, CA - The Cave</div><div>MAR 09 - San Diego, CA - The Observatory North Park</div><div>MAR 15 St. Petersburg, FL - Vinoy Park <br></div></p> 102 </div> 103 </div> 104 <div class="text-center"> 105 <a id="about-read-more-btn" class="read-more">See more</a> 106 </div> 107 </div> 108 </div> 109 </div> 110 </div> 111 </div> 112 113 <div id="panelImages" class="panel panel-light text-center"> 114 <div class="container"> 115 <div class="row"> 116 <div class="col-12"> 117 <div class="images-container"> 118 <h2>PHOTOS</h2> 119 <div class="promo-images"> 120 <div class="grid gallery invisible"> 121 <div class="grid-item"> 122 <a href="https://onepagelink.com/uploads/media/929/2160/NR_C8A1841print_thumbnail.jpg"><img src="https://onepagelink.com/uploads/media/929/2160/NR_C8A1841print_thumbnail.jpg" alt="" title="" ></a> 123 </div> 124 <div class="grid-item"> 125 <a href="https://onepagelink.com/uploads/media/929/2160/EVOLUTIONARY_single_01_thumbnail.jpg"><img src="https://onepagelink.com/uploads/media/929/2160/EVOLUTIONARY_single_01_thumbnail.jpg" alt="" title="" ></a> 126 </div> 127 <div class="grid-item"> 128 <a href="https://onepagelink.com/uploads/media/929/2160/_C8A1844_thumbnail.jpg"><img src="https://onepagelink.com/uploads/media/929/2160/_C8A1844_thumbnail.jpg" alt="" title="" ></a> 129 </div> 130 </div> 131 </div> 132 133 </div> 134 </div> 135 </div> 136 </div> 137 </div> 138 139 <div id="panelVideo" class="panel panel-dark text-center"> 140 <div class="container"> 141 <div class="row"> 142 <div class="col-12"> 143 <div class="videos-container"> 144 <h2>VIDEO</h2> 145 <div class="video-container "> 146 <div class="video "> 147 <iframe src="https://www.youtube.com/embed/6X1vjUy64ws" width='480' height='315' allow="autoplay; encrypted-media" allowfullscreen style="border: 0"></iframe> 148 </div> 149 </div> 150 </div> 151 </div> 152 </div> 153 </div> 154 </div> 155 156 <div id="panelAudio" class="panel text-center"> 157 <div class="container"> 158 <div class="row"> 159 <div class="col-12"> 160 <div class="audios-container"> 161 <h2>MUSIC</h2> 162 <div class="audio-container"> 163 <div class="audio"> 164 <iframe class="spotify-player" src="https://open.spotify.com/embed/track/49qj44FVUV4MkjoULjVJiw?si=Vfaup3GDT2asPgY1-XbTNQ" width="100%" height="80" allowtransparency="true" allow="encrypted-media" allowtransparency="true" data-embed="true" style="border: 0"></iframe> 165 </div> 166 </div> 167 </div> 168 </div> 169 </div> 170 </div> 171 </div> 172 173 <div id="panelSocial" class="panel panel-dark text-center"> 174 <div class="container"> 175 <div class="social-panel-container"> 176 <h2>SOCIALS</h2> 177 <div class="row justify-content-center"> 178 <div class="col-12 d-none d-md-flex justify-content-center"> 179 <div class="d-flex align-items-center justify-content-center only-icon"> 180 <sp
180an class="social-link marginB0"> 181 <span> 182 <span class="d-none social-url">instagram.com/nattalirize</span> 183 <a href="http://instagram.com/nattalirize" target="_blank"><span class="social-icon"></span></a> 184 </span> 185 </span> 186 <span class="social-link marginB0"> 187 <span> 188 <span class="d-none social-url">facebook.com/nattalirize</span> 189 <a href="http://facebook.com/nattalirize" target="_blank"><span class="social-icon"></span></a> 190 </span> 191 </span> 192 </div> 193 </div> 194 <div class="col-12 col-sm-5 d-block d-md-none mobile-links"> 195 <div class="only-icon d-flex align-items-center flex-wrap justify-content-center"> 196 <span class="social-link"> 197 <span> 198 <span class="d-none social-url">instagram.com/nattalirize</span> 199 <a href="http://instagram.com/nattalirize" target="_blank" class="social-icon"></a> 200 </span> 201 </span> 202 <span class="social-link"> 203 <span> 204 <span class="d-none social-url">facebook.com/nattalirize</span> 205 <a href="http://facebook.com/nattalirize" target="_blank" class="social-icon"></a> 206 </span> 207 </span> 208 </div> 209 </div> 210 </div> 211 </div> 212 </div> 213 </div> 214 215 216 217 218 219 <div id="panelContacts" class="panel panel-dark"> 220 <div class="container"> 221 <div class="row"> 222 <div class="col-12"> 223 <div class="contact-container"> 224 <h2 class="marginB60 text-center">CONTACT</h2> 225 <div class="row justify-content-center"> 226 <div class="col-12 marginB30"> 227 <div class="contact--info"> 228 <span>MANAGEMENT</span> 229 <span>World</span> 230 <span>[email protected]</span> 231 </div> 232 </div> 233 </div> 234 </div> 235 </div> 236 </div> 237 </div> 238 </div> 239 240 <div class="progress-dialog is-fix"> 241 <div class="content-container"> 242 <p>Preparing Download!<br> 243 This can take up to 2 minutes or so,<br> 244 download window will pop up once it's ready. 245 </p> 246 <img src="https://onepagelink.com/img/loading.svg" alt=""> 247 </div> 248 </div> 249 250 251 <div class="alerts-container d-none " id="alerts-container"> 252 <div class="container"> 253 <div class="alert alert-success alert-dismissible alert-auto-close fade d-none " role="alert"> 254 <button type="button" class="close" data-dismiss="alert" aria-label="Close">
255 <span class="icon icon-arrows-remove"></span> 256 </button> 257 <span class="message"> 258 </span> 259 </div> 260 261 <div class="alert alert-danger alert-dismissible alert-auto-close fade d-none " role="alert"> 262 <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 263 <span class="icon icon-arrows-remove"></span> 264 </button> 265 <span class="message"> 266 </span> 267 </div> 268 <div class="alert alert-danger alert-dismissible alert-auto-close fade d-none " role="alert" id="validation-error-alert"> 269 <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 270 <span class="icon icon-arrows-remove"></span> 271 </button> 272 <span class="message"> 273 </span> 274 </div> 275 </div> 276</div> 277 278 <footer class="footer"> 279 <div class="container-fluid "> 280 <div class="d-flex justify-content-center align-items-center"> 281 <span>One<span class="is-green">page</span>link</span> 282 </div> 283 </div> 284</footer> <!-- Scripts --> 285
285<script src="/js/app.js?id=2e8c2444aaa418b264bb"></script>
285 286
286<script type="text/javascript"> 287 document.addEventListener('DOMContentLoaded', function() { 288 document.querySelectorAll('.upcoming').forEach(function(item) { 289 item.addEventListener('click', function () { 290 filterShows(true, this); 291 }); 292 }); 293 294 document.querySelectorAll('.past').forEach(function(item) { 295 item.addEventListener('click', function () { 296 filterShows(false, this); 297 }); 298 }); 299 300 function filterShows(isUpcoming, element) { 301 let shows = document.querySelectorAll('.events-table tbody tr, .events-table .mobile-shows-table'); 302 const upcoming = element.closest('ul').querySelector('.upcoming'); 303 const past = element.closest('ul').querySelector('.past'); 304 305 initShowsFilter(upcoming, past); 306 307 for (let i = 0; i < shows.length; i++) { 308 let status = shows[i].getAttribute('data-src'); 309 310 if (isUpcoming) { 311 upcoming.classList.add('active'); 312 if (status !== 'upcoming') { 313 shows[i].classList.add('hidden'); 314 } else { 315 shows[i].classList.remove('hidden'); 316 } 317 } else { 318 past.classList.add('active'); 319 320 if (status !== 'past') { 321 shows[i].classList.add('hidden'); 322 } else { 323 shows[i].classList.remove('hidden'); 324 } 325 } 326 } 327 } 328 329 function initShowsFilter(upcoming, past) { 330 if (upcoming != null) { 331 upcoming.classList.remove('active'); 332 } 333 334 if (past !== null) { 335 past.classList.remove('active'); 336 } 337 } 338 339 document.querySelectorAll('.upcoming').forEach(function(item) { 340 filterShows(true, item); 341 }); 342 343 344 let mainPromoImage = document.querySelector('.main-promo-image'); 345 if (mainPromoImage != null) { 346 mainPromoImage.style.height = mainPromoImage.offsetWidth / 2 + 'px'; 347 } 348 349 // Social links identifier 350 initSocialLinks(); 351 function initSocialLinks() { 352 let urls = document.querySelectorAll('.social-url'); 353 for (let i = 0; i < urls.length; i++) { 354 let icon = urls[i].parentNode.parentNode.querySelector('.social-icon'); 355 356 icon.className = ''; 357 icon.classList.add('social-icon'); 358 icon.classList.add(socialLinkIdentifier(urls[i].innerHTML)); 359 } 360 } 361 362 initMobileSocialLinks(); 363 function initMobileSocialLinks() { 364 let urls = document.querySelectorAll('.mobile-links .social-url'); 365 for (let i = 0; i < urls.length; i++) { 366 let socialLink = urls[i].parentNode.children; 367 let icon = null; 368 369 for (let i = 0; i < socialLink.length; i++) { 370 if (socialLink[i].classList.contains('social-icon')) { 371 icon = socialLink[i]; 372 } 373 } 374 375 if (icon == null) { 376 continue; 377 } 378 379 icon.className = ''; 380 icon.classList.add('social-icon'); 381 icon.classList.add(socialLinkIdentifier(urls[i].innerHTML)); 382 } 383 } 384 385 function socialLinkIdentifier(url) { 386 if (url.indexOf('facebook') >= 0) { 387 return 'facebook'; 388 } else if (url.indexOf('instagram') >= 0) { 389 return 'instagram'; 390 } else if (url.indexOf('spoti') >= 0) { 391 return 'spotify'; 392 } else if (url.indexOf('itun') >= 0) { 393 return 'itunes'; 394 } else if (url.indexOf('twitt') >= 0) { 395 return 'twitter'; 396 } else if (url.indexOf('soundcl') >= 0) { 397 return 'soundcloud'; 398 } else if (url.indexOf('vevo') >= 0) { 399 return 'vevo'; 400 } else if (url.indexOf('vimeo') >= 0) { 401 return 'vimeo'; 402 } else if (url.indexOf('youtube') >= 0) { 403 return 'youtube'; 404 } else if (url.indexOf('snapchat') >= 0) { 405 return 'snapchat'; 406 } else if (url.indexOf('tiktok') >= 0) { 407 return 'tiktok'; 408 } else if (url.indexOf('apple') >= 0) { 409 return 'apple'; 410 } 411 412 return 'web'; 413 } 414 415 updateMenuOnScroll(); 416 417 function updateMenuOnScroll() { 418 let panels = document.querySelectorAll('.panel'); 419 window.addEventListener('scroll', function () { 420 let headerBottomOffset = window.pageYOffset + 100; 421 resetMenu(); 422 for (let i = 0; i < panels.length; i++) { 423 let top = panels[i].offsetTop; 424 let bottom = panels[i].offsetTop + panels[i].offsetHeight; 425 let id = panels[i].id; 426 427 // If scrolled to bottom activate last section menu item 428 if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) { 429 let menuItem = document.querySelector('.to-' + panels[panels.length - 1].id); 430 431 if (menuItem != null) { 432 menuItem.classList.add('active'); 433 } 434 435 return; 436 } 437 438 if (headerBottomOffset >= top && headerBottomOffset <= bottom) { 439 let menuItem = document.querySelector('.to-' + id); 440 441 if (menuItem != null) { 442 menuItem.classList.add('active'); 443 } 444 } 445 } 446 }); 447 } 448 449 function resetMenu() { 450 let menuItems = document.querySelectorAll('.nav-link'); 451 452 for (let i = 0; i < menuItems.length; i++) { 453 menuItems[i].classList.remove('active'); 454 } 455 } 456 457 const seeMoreBtn = document.getElementById('about-read-more-btn'); 458 const aboutContainer = document.querySelector('.panelAbout--content-container'); 459 if (aboutContainer != null) { 460 if (aboutContainer.clientHeight < 230) { 461 seeMoreBtn.classList.add('d-none'); 462 } 463 } 464 465 if (seeMoreBtn != null) { 466 seeMoreBtn.addEventListener('click', function() { 467 const container = document.querySelector('#panelAbout .panelAbout--content'); 468 469 if (container.classList.contains('collapsed')) { 470 this.innerText = 'See less'; 471 container.classList.remove('collapsed'); 472 } else { 473 this.innerText = 'See more'; 474 container.classList.add('collapsed'); 475 } 476 }); 477 } 478 }); 479 480 document.addEventListener('DOMContentLoaded', function() { 481 if (document.querySelector('.grid')) { 482 ImagesLoaded(document.querySelector('.grid'), function(instance) { 483 BaguetteBox.run('.gallery', { 484 afterShow: function () { 485 document.querySelectorAll('#baguetteBox-overlay img').forEach(function(item) { 486 blockContextMenu(item); 487 blockDragEvent(item); 488 }); 489 } 490 }); 491 var gallery_items = document.querySelectorAll('.grid .grid-item'); 492 var gallery = document.querySelector('.gallery'); 493 494 if (gallery != null) { 495 if (gallery_items.length < 3) { 496 gallery.style.display = 'flex'; 497 gallery.style.justifyContent = 'center'; 498 var maxHeight = 0;
499 gallery_items.forEach(function (item) { 500 item.style.width = '33.333%'; 501 item.style.position = 'relative'; 502 item.style.left = '0'; 503 item.style.top = '0'; 504 505 if (maxHeight < item.querySelector('img').offsetHeight) { 506 maxHeight = item.querySelector('img').offsetHeight; 507 } 508 }); 509 gallery.style.height = maxHeight + 'px'; 510 } else { 511 gallery.style.display = 'block'; 512 gallery_items[1].style.marginLeft = '0'; 513 514 iso = new Isotope('.grid', { 515 layoutMode: 'packery', 516 itemSelector: '.grid-item', 517 }); 518 } 519 520 if (gallery_items.length == 2) { 521 gallery_items[1].style.marginLeft = '30px'; 522 } 523 } 524 document.querySelector('.grid').classList.remove('invisible'); 525 }); 526 } 527 }); 528 529 document.addEventListener('DOMContentLoaded', function () { 530 const loader = document.querySelector('.progress-dialog'); 531 532 document.querySelectorAll('.download-promo').forEach(function (button) { 533 button.addEventListener('click', function (e) { 534 const url = this.getAttribute('data-href'); 535 showLoader(); 536 new FileDownloader({ 537 timeout: 1000000, 538 url: url, 539 headers: [{ 540 name: 'X-Requested-With', 541 value: 'XMLHttpRequest' 542 }] 543 }).then(function () { 544 removeLoader(); 545 }).catch(function () { 546 showAlertMessage('An error occurred. Please try again later.', true); 547 }).finally(function () { 548 removeLoader(); 549 }); 550 }); 551 }); 552 553 function removeLoader() { 554 if (loader != null) { 555 loader.classList.remove('active'); 556 } 557 } 558 559 function showLoader() { 560 if (loader != null) { 561 loader.classList.add('active'); 562 } 563 } 564 }); 565 566 document.addEventListener('DOMContentLoaded', function () { 567 const videGrid = document.querySelector('#panelVideo .grid-view'); 568 569 if (videGrid != null) { 570 const tobii = new Tobbi({ 571 nav: true 572 }); 573 574 initTobiiEvents(); 575 getVimeoImageUrl(); 576 } 577 578 function reInitIframes() { 579 document.querySelectorAll('.tobii__slider-slide iframe').forEach(function (iframe) { 580 iframe.setAttribute('src', iframe.getAttribute('src')); 581 }); 582 } 583 584 function initTobiiEvents() { 585 const next = document.querySelector('.tobii__next'); 586 const prev = document.querySelector('.tobii__prev'); 587 const close = document.querySelector('.tobii__close'); 588 589 if (next != null) { 590 next.addEventListener('click', function () { 591 reInitIframes(); 592 }); 593 } 594 595 if (prev != null) { 596 prev.addEventListener('click', function () { 597 reInitIframes(); 598 }); 599 } 600 601 if (close != null) { 602 close.addEventListener('click', function () { 603 reInitIframes(); 604 }); 605 } 606 } 607 608 function getVimeoImageUrl() { 609 const images = videGrid.querySelectorAll('.vimeo'); 610 611 images.forEach(function (item) { 612 const id = item.getAttribute('data-id'); 613 const url = 'https://vimeo.com/api/v2/video/' + id + '.json'; 614 const request = new XMLHttpRequest(); 615 616 request.open('GET', url); 617 618 request.onreadystatechange = function () { 619 if (request.readyState == request.DONE && request.status == 200) { 620 const response = JSON.parse(request.responseText); 621 item.closest('a').querySelector('.video-title').innerHTML = response[0].title; 622 item.style.backgroundImage = `url('${response[0].thumbnail_large}')`; 623 } 624 }; 625 626 request.send(); 627 }); 628 } 629 }); 630 631 // Block thumbnail image download 632 document.addEventListener('DOMContentLoaded', function () { 633 document.querySelectorAll('.promo-images img').forEach(function(item) { 634 blockContextMenu(item); 635 blockDragEvent(item); 636 }); 637 }); 638 639 // Block banner image download 640 document.addEventListener('DOMContentLoaded', function () { 641 document.querySelectorAll('.main-promo-image img').forEach(function(item) { 642 blockContextMenu(item); 643 blockDragEvent(item); 644 }); 645 }); 646 647 // Bandcamp's player never renders wider than 700px, so blow it up to the width of the
648 // audio column to match the Spotify / Apple / SoundCloud players next to it. 649 function scaleBandcampPlayers() { 650 var naturalWidth = 700; 651 var naturalHeight = 120; 652 653 document.querySelectorAll('.audio > .bandcamp-player').forEach(function (player) { 654 var slot = player.parentElement; 655 var scale = slot.clientWidth / naturalWidth; 656 657 if (scale <= 1) { 658 player.style.width = ''; 659 player.style.height = ''; 660 player.style.transform = ''; 661 slot.style.height = ''; 662 663 return; 664 } 665 666 player.style.width = naturalWidth + 'px'; 667 player.style.height = naturalHeight + 'px'; 668 player.style.transform = 'scale(' + scale + ')'; 669 // The transform leaves no footprint in the layout, so hold the row open ourselves. 670 slot.style.height = Math.round(naturalHeight * scale) + 'px'; 671 }); 672 } 673 674 document.addEventListener('DOMContentLoaded', scaleBandcampPlayers); 675 window.addEventListener('resize', scaleBandcampPlayers); 676</script>
vendor: 1 bytes, line 676
676
677<script src="https://onepagelink.com/js/disable_image_download.js"></script>
677 678 679</body> 680</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.