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