PageSourceSearch

https://lafolkargentina.com.ar/envivo/

html lafolkargentina.com.ar collected 2026-10-04 13:26:29 UTC 20,249 bytes, 811 lines download raw bytes

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.