1<!DOCTYPE html> 2<html lang="es"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<title>araziroxana.com.ar - EN VIVO</title> 7 8<link 9 10href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 11<link rel="shortcut icon" href="https://araziroxana.com.ar/icono.ico" type="image/x-icon" /> 12<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
13<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
13 14<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous"> 15 16<style> 17.bg-lightuu{ 18 box-shadow:0 0 33px -7px rgba(0,0,0,0.68); 19 -webkit-box-shadow:0 0 33px -7px rgba(0,0,0,0.68); 20 -moz-box-shadow:0 0 33px -7px rgba(0,0,0,0.68); 21} 22 23body{ 24 background-color:#FFFFFF; 25 overflow-x:hidden; 26 margin:0 auto; 27 min-height:100vh; 28 display:flex; 29 align-items:center; 30} 31 32h1,h2,h3,h4,h5,h6{ 33 margin-bottom:10px; 34 line-height:1.1em; 35 font-weight:600; 36 margin-top:0; 37 color:#FFFFFF !important; 38 font-family:'Arial Black' !important; 39} 40 41i{ 42 margin-bottom:10px; 43 line-height:1.1em; 44 font-weight:600; 45 margin-top:0; 46 color:#FFFFFF !important; 47} 48 49p{ 50 font-family: !important; 51} 52 53.h3,h3{ 54 font-size:1rem; 55} 56 57h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ 58 display:block; 59 color:#FFFFFF; 60} 61 62a:hover{ 63 color:#8D7878; 64} 65 66a:link, 67a:visited, 68a:active, 69a:focus, 70a:before, 71a:after{ 72 outline:0 none; 73 text-decoration:none; 74 color:#FFFFFF; 75} 76 77iframe{ 78 background:#fff; 79} 80 81.navbar-nav .dropdown-menu{ 82 position:absolute; 83 background-color:#B1B1B1; 84} 85 86.dropdown:hover > ul{ 87 display:block !important; 88} 89 90.dropdown ul li a{ 91 color:#FFFFFF; 92} 93 94.navbar-light .navbar-nav .nav-link:focus, 95.navbar-light .navbar-nav{ 96 color:#FFFFFF; 97} 98 99.nav-link:hover{ 100 color:#8D7878; 101} 102 103#logo{ 104 max-width:3.2rem; 105} 106 107#logo:hover path{ 108 fill:#FFFFFF; 109} 110 111#logo:hover{ 112 color:#8D7878; 113} 114 115#logo2{ 116 fill:#F7FF00; 117 max-width:48px; 118} 119 120#logo3{ 121 fill:#F7FF00; 122 max-width:18px; 123} 124 125.color{ 126 color:#FFFFFF; 127} 128 129.btn-outline-primary.active, 130.btn-outline-primary:active, 131.show > .btn-outline-primary.dropdown-toggle{ 132 color:#B1B1B1; 133 background-color:#FFFFFF; 134 border:3px solid #B1B1B1; 135} 136 137.btn-outline-primary:hover{ 138 color:#B1B1B1; 139 background-color:#FFFFFF; 140 border:3px solid #B1B1B1; 141} 142 143.btn-outline-primary{ 144 color:#FFFFFF; 145 background-color:#B1B1B1; 146 border:3px solid transparent; 147} 148 149footer p{ 150 margin-bottom:.25rem; 151 color:#FFFFFF; 152 font-weight:300; 153} 154 155.facebook{ 156 display:block; 157 float:right; 158 background:#FFFFFF; 159 margin-right:37px !important; 160} 161 162.twitter{ 163 display:block; 164 float:right; 165 background:#FFFFFF; 166} 167 168.flickity-page-dots .dot{ 169 background:#FFFFFF; 170} 171 172.sidebar{ 173 will-change:min-height; 174} 175 176.sidebar__inner{ 177 transform:translate(0,0); 178 transform:translate3d(0,0,0); 179 will-change:position, transform; 180} 181 182.sidebar .widget .widget-title{ 183 font-size:20px; 184} 185 186 187.widget-head{ 188 background-color:#B1B1B1 !important; 189} 190 191.widget-title{ 192 font-size:25px; 193 font-weight:900; 194 line-height:1; 195 text-transform:uppercase; 196 margin-bottom:0; 197 color:#FFFFFF; 198 font-family:'Arial Black'; 199} 200 201.topbar{ 202 border-bottom:0; 203 background-color:#B1B1B1; 204 color:#FFFFFF; 205} 206 207.header{ 208 min-height:130px; 209 display:flex;
210 align-items:center; 211 background-position:center center; 212 background-size:cover; 213 background-repeat:no-repeat; 214 background-image:url(https://recursos.radiosnethosting.com/texturas/28.png); 215 -moz-background-size:cover; 216 -webkit-background-size:cover; 217 clear:both; 218} 219 220.header-right{ 221 float:right; 222} 223 224.logo{ 225 max-width:80%; 226} 227 228.bg-light{ 229 background-color:#fff !important; 230} 231 232article{ 233 background:transparent; 234} 235 236.colorTitulo{ 237 color:#000000; 238 font-weight:800; 239 letter-spacing:1px; 240} 241 242.facebook{ 243 display:block; 244 float:right; 245 background-color: !important; 246 margin-right:37px !important; 247} 248 249.twitter{ 250 display:block; 251 float:right; 252 background-color: !important; 253} 254 255p.displaytitulo{ 256 height:0; 257 margin:0; 258 font-family:'Montserrat', sans-serif !important; 259 letter-spacing:1px; 260} 261 262.carousel-caption{ 263 z-index:10; 264 padding:4px 20px; 265 background-color:#B1B1B199; 266} 267 268.carousel-caption h2{ 269 color:#FFFFFF !important; 270 font-weight:700; 271 margin:0; 272 font-size:2.5vw; 273} 274 275.localidad{ 276 font-family:'Arial Black'; 277 color:#F7FF00; 278 line-height:1; 279} 280 281.titulo{ 282 display:none; 283 position:absolute; 284 bottom:0; 285 height:100%; 286 width:100%; 287 padding:20px 15px; 288 background-color:#B1B1B1; 289 opacity:.7; 290} 291 292.cub3r-caption{ 293 position:absolute; 294 bottom:0; 295 left:0; 296 background-color:#FFFFFF; 297 width:100%; 298 padding:.5rem .75rem; 299} 300 301.cub3r-caption-text{ 302 color:#FFFFFF !important; 303} 304 305.html-marquee{ 306 font-weight:200; 307 height:40px !important; 308 width:100%; 309 background-color:transparent !important; 310 font-family:'Montserrat', sans-serif !important; 311 font-size:inherit !important; 312 color:#FFFFFF !important; 313 letter-spacing:.5px; 314} 315 316marquee p{ 317 color:#FFFFFF !important; 318} 319 320.texto-fecha{ 321 color:#FFFFFF; 322} 323 324.navbar-toggler-icon{ 325 color:#FFFFFF; 326} 327 328/* Mejora visual suave sin tocar funciones */ 329.main-card{ 330 border-radius:18px; 331 overflow:hidden; 332 box-shadow:0 18px 50px rgba(0,0,0,.28); 333} 334 335.left-panel, 336.right-panel{ 337 min-height:100%; 338} 339 340.left-panel{ 341 padding:24px 20px; 342} 343 344.right-panel{ 345 padding:24px 20px; 346 background:rgba(255,255,255,.08); 347 backdrop-filter:blur(4px); 348} 349 350.logo-wrap{ 351 padding:10px 0 0 0; 352} 353 354.program-thumb img{ 355 border-radius:14px; 356 box-shadow:0 8px 25px rgba(0,0,0,.18); 357} 358 359.player-box{ 360 background:rgba(255,255,255,.08); 361 border-radius:14px; 362 padding:18px 15px; 363 box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); 364} 365 366.audio-player{ 367 width:100%; 368 display:block; 369} 370 371.external-link{ 372 display:inline-block; 373 margin-top:14px; 374 font-weight:700; 375 letter-spacing:.3px; 376} 377 378.program-info{ 379 background:rgba(255,255,255,.12); 380 border-radius:14px; 381 padding:14px 12px; 382 margin-top:10px; 383} 384 385.program-info h2, 386.program-info h4{ 387 color:#000 !important; 388} 389 390.social-list{ 391 padding:0; 392 margin:20px 0 0 0; 393 list-style:none; 394 display:flex; 395 justify-content:center; 396 align-items:center; 397 gap:18px; 398} 399 400.social-list a{ 401 width:46px; 402 height:46px; 403 border-radius:50%; 404 display:inline-flex;
405 align-items:center; 406 justify-content:center; 407 background:rgba(255,255,255,.14); 408 box-shadow:0 6px 18px rgba(0,0,0,.14); 409 transition:all .2s ease; 410} 411 412.social-list a:hover{ 413 transform:translateY(-2px); 414 background:rgba(255,255,255,.22); 415} 416 417.social-list i{ 418 margin:0 !important; 419 font-size:20px; 420} 421 422.chat-frame{ 423 width:100%; 424 min-height:500px; 425 border:0; 426 border-radius:12px; 427 overflow:hidden; 428 box-shadow:0 8px 22px rgba(0,0,0,.12); 429} 430 431.form-control{ 432 border-radius:10px; 433} 434 435.chat-title{ 436 font-size:1.2rem; 437 font-weight:700; 438 margin-bottom:12px; 439} 440 441.section-label{ 442 font-size:1rem; 443 font-weight:700; 444 margin-bottom:10px; 445} 446 447.mini-captcha-box{ 448 margin-top:10px; 449 padding:12px; 450 border:1px solid rgba(0,0,0,.1); 451 background:#f8f9fa; 452 border-radius:12px; 453} 454 455.mini-captcha-code{ 456 font-size:24px; 457 font-weight:700; 458 letter-spacing:6px; 459 background:#fff; 460 border:1px solid #ccc; 461 padding:10px; 462 text-align:center; 463 margin-bottom:10px; 464 border-radius:10px; 465 color:#111; 466} 467 468@media (max-width: 767.98px){ 469 body{ 470 display:block; 471 } 472 473 .main-card{ 474 margin:15px 0; 475 } 476 477 .left-panel, 478 .right-panel{ 479 padding:18px 15px; 480 } 481 482 .chat-frame{ 483 min-height:380px; 484 } 485} 486</style> 487</head> 488 489<body> 490 491<div class="container p-3"> 492 <div class="row d-flex align-items-stretch main-card" style="background:#B1B1B1 !important;"> 493 494 <div class="col-12 col-sm-12 col-md-6 left-panel"> 495 <div class="col-12 logo-wrap"> 496 <a href="https://araziroxana.com.ar/principal.php" target="_blank" style="display:block;"> 497 <div class="text-center"> 498 <img class="img-fluid" src="https://araziroxana.com.ar/03-2022/be5be9090c65ef0b03a284d70c36461e.jpg" style="max-width:300px;" alt="Logo"> 499 </div> 500 </a> 501 </div> 502 503 <div class="col-12 text-center"> 504 <div class="row" style="margin:30px auto;"> 505 506 507 <div class="col-12" style="padding:10px"> 508 <div class="col-12 col-lg-12" style="padding:0"> 509 <div class="player-box"> 510 <div style="text-align:center;"> 511 <audio 512 id="player2" 513 class="audio-player" 514 src="" 515 type="audio/mp3" 516 controls="controls" 517 autoplay="autoplay"> 518 </audio> 519 </div> 520 521 <hr> 522 <a class="external-link" href="http://centova.radiosnethosting.com:/stream" target="_blank">ABRIR REPRODUCTOR EXTERNO</a> 523 </div> 524 </div> 525 </div> 526 527 528 </div> 529 </div> 530 531 <div class="col-12 text-center"> 532 <div class="col-12 col-md-12 col-lg-12"> 533 <div class="social-list" role="group"> 534 <a href="https://www.facebook.com/ppi.roxarazi" class="topbar-header-social" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a> 535 <a href="https://twitter.com/araziroxana" class="topbar-header-social" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a> 536 <a href="https://instagram.com/https://www.instagram.com/rox_arazi/" class="topbar-header-social" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a> 537 <a href="" class="topbar-header-social" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a> 538 </div> 539 </div> 540 </div> 541 </div> 542 543 <div class="col-12 col-sm-12 col-md-6 right-panel"> 544
545 <form action="https://araziroxana.com.ar/formchat.php" method="post"> 546 <input type="hidden" name="comentarios" value="ninguna"> 547 548 549 <div class="col-12"> 550 <div><h3 class="chat-title">Comentarios y mensajes</h3></div> 551 552 <div> 553 <iframe 554 name="I1" 555 class="chat-frame" 556 src="https://araziroxana.com.ar/chat.php" 557 border="0" 558 frameborder="0">El explorador no admite los marcos flotantes o no está configurado actualmente para mostrarlos.</iframe> 559 </div> 560 561 <div style="margin-top:18px;"><h3 class="section-label">Comentá</h3></div> 562 563 <div style="margin-top:10px;"> 564 <input 565 name="nombre" 566 type="text" 567 class="form-control" 568 id="nombre" 569 value="Tu Nombre" 570 onfocus="if (this.value == 'Tu Nombre') {this.value = '';}" 571 autocomplete="off" 572 /> 573 </div> 574 575 <div style="margin-top:10px;"> 576 <textarea 577 name="mensaje" 578 class="form-control" 579 cols="15" 580 rows="2" 581 id="mensaje" 582 onfocus="if (this.value == 'Mensaje') {this.value = '';}" 583 >Mensaje</textarea> 584 </div> 585 586 587 <div align="center" style="margin-top:10px;"> 588 <input 589 name="Submit2" 590 type="submit" 591 class="btn btn-outline-primary btn-block my-2 my-sm-0" 592 value="Enviar" 593 /> 594 </div> 595 </div> 596 </form> 597 598 </div> 599 600 </div> 601</div> 602 603 604<div id="fb-root"></div> 605
606<script> 607(function(d, s, id) { 608 609 var js, 610 fjs = d.getElementsByTagName(s)[0]; 611 612 if (d.getElementById(id)) { 613 return; 614 } 615 616 js = d.createElement(s); 617 js.id = id; 618 js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=427523193949843"; 619 620 fjs.parentNode.insertBefore(js, fjs); 621
622<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
vendor: 2 bytes, line 622
622
623<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
623 624
625<script> 626/* ========================= 627 JS legacy protegido para no romper si faltan elementos 628 ========================= */ 629(function () { 630 const canciones = ["bensound-summer.mp3"]; 631 var indiceActual = new Array(1); 632 633 const playList = document.getElementById('playList'); 634 const progress = document.getElementById('progress'); 635 const volumen = document.getElementById('volumen'); 636 const player = document.getElementById('player'); 637 const source = document.getElementById('source'); 638 639 function crearPlayList() { 640 const listado = document.createElement('ol'); 641 listado.setAttribute('id', 'listadoMusica'); 642 643 for (let i = 0; i < canciones.length; i++) { 644 const item = document.createElement('li'); 645 item.appendChild(document.createTextNode(canciones[i])); 646 item.setAttribute('id', canciones.indexOf(canciones[i])); 647 listado.appendChild(item); 648 } 649 650 return listado; 651 } 652 653 function classIconPlay() { 654 var element = document.getElementById('iconPlay'); 655 if (!element) return; 656 element.classList.remove('fa-pause-circle'); 657 element.classList.add('fa-play-circle'); 658 } 659 660 function removeActive() { 661 var elems = document.querySelectorAll('.active'); 662 [].forEach.call(elems, function(el) { 663 el.classList.remove('active'); 664 }); 665 return elems; 666 } 667 668 function reproduccionActual(texto) { 669 var currentPlay = document.getElementById('currentPlay'); 670 if (currentPlay) { 671 currentPlay.innerText = texto; 672 } 673 } 674 675 function loadMusic(ruta) { 676 if (!source || !player) return; 677 678 var folder = 'audio'; 679 source.src = folder + '/' + ruta; 680 var index = indiceActual[0] = canciones.indexOf(ruta); 681 682 removeActive(); 683 684 var item = document.getElementById(index); 685 if (item) { 686 item.classList.add('active'); 687 } 688 689 reproduccionActual('Reproduciendo: ' + ruta); 690 player.load(); 691 } 692 693 function nextMusic() { 694 if (!player) return; 695 696 var musicaActual = Number(indiceActual[0]); 697 var siguiente = (canciones.length === (musicaActual + 1)) ? 0 : musicaActual + 1; 698 699 removeActive(); 700 701 var item = document.getElementById(siguiente); 702 if (item) { 703 item.classList.add('active'); 704 } 705 706 loadMusic(canciones[siguiente]); 707 player.play(); 708 indiceActual[0] = siguiente; 709 reproduccionActual('Reproduciendo: ' + canciones[siguiente]); 710 classIconPlay(); 711 } 712 713 function prevMusic() { 714 if (!player) return; 715 716 var musicaActual = Number(indiceActual[0]); 717 var anterior = (musicaActual === 0) ? canciones.length - 1 : musicaActual - 1; 718 719 removeActive(); 720 721 var item = document.getElementById(anterior); 722 if (item) { 723 item.classList.add('active'); 724 } 725 726 loadMusic(canciones[anterior]); 727 player.play(); 728 indiceActual[0] = anterior; 729 reproduccionActual('Reproduciendo: ' + canciones[anterior]); 730 classIconPlay(); 731 } 732 733 function toggleIcon() { 734 var element = document.getElementById('iconPlay'); 735 if (!element) return; 736 element.classList.toggle('fa-pause-circle'); 737 element.classList.toggle('fa-play-circle'); 738 } 739 740 function togglePlay() { 741 if (!player) return; 742 743 if (player.paused) { 744 toggleIcon(); 745 return player.play(); 746 } else { 747 toggleIcon(); 748 return player.pause(); 749 } 750 } 751 752 function secondsToString(seconds) { 753 var hour = ''; 754 if (seconds > 3600) { 755 hour = Math.floor(seconds / 3600); 756 hour = (hour < 10) ? '0' + hour : hour; 757 hour += ':'; 758 } 759 760 var minute = Math.floor((seconds / 60) % 60); 761 minute = (minute < 10) ? '0' + minute : minute; 762 763 var second = seconds % 60; 764 second = (second < 10) ? '0' + second : second; 765 766 return hour + minute + ':' + second; 767 } 768 769 function updateProgress() { 770 if (!player) return; 771 772 if (player.currentTime > 0 && progress) { 773 progress.value = (player.currentTime / player.duration) * 100; 774 775 var duracionSegundos = player.duration.toFixed(0); 776 var dura = secondsToString(duracionSegundos); 777 var actualSegundos = player.currentTime.toFixed(0); 778 var actual = secondsToString(actualSegundos); 779 780 var duracion = actual + ' / ' + dura; 781 var timer = document.getElementById('timer'); 782 if (timer) { 783 timer.innerText = duracion; 784 } 785 } 786 787 if (player.ended) { 788 nextMusic(); 789 } 790 } 791 792 function adelantar(e) { 793 if (!player || !progress) return; 794 const scrubTime = (e.offsetX / progress.offsetWidth) * player.duration; 795 player.currentTime = scrubTime; 796 console.log(e); 797 } 798 799 window.nextMusic = nextMusic; 800 window.prevMusic = prevMusic; 801 window.togglePlay = togglePlay; 802 window.updateProgress = updateProgress; 803 804 if (playList) { 805 playList.appendChild(crearPlayList()); 806 807 var listadoMusica = document.getElementById('listadoMusica'); 808 if (listadoMusica) { 809 listadoMusica.onclick = (e) => { 810 if (!player) return; 811 812 const itemClick = e.target; 813 removeActive(); 814 itemClick.classList.add('active'); 815 reproduccionActual('Reproduciendo: ' + itemClick.innerText); 816 loadMusic(itemClick.innerText); 817 player.play(); 818 indiceActual[0] = e.target.id; 819 classIconPlay(); 820 }; 821 } 822 } 823 824 if (volumen && player) { 825 volumen.oninput = (e) => { 826 const vol = e.target.value; 827 player.volume = vol; 828 }; 829 } 830 831 if (progress) { 832 progress.addEventListener('click', adelantar); 833 } 834 835 if (player && source) { 836 loadMusic(canciones[0]); 837 } 838})(); 839</script>
vendor: 2 bytes, line 839
839
840<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"eb43eb11a934460788c388b4484e9b9a","r":1,"spa":2}' crossorigin="anonymous"></script>
840 841</body> 842</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.