PageSourceSearch

https://pod.pe/podcast/el-blog-intimo-podcast

html pod.pe collected 2026-10-01 12:01:49 UTC 59,771 bytes, 845 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es" class="h-full">
3    <head>
4        <link rel="dns-prefetch" href="//www.googletagmanager.com">
5        <link rel="dns-prefetch" href="//fonts.googleapis.com">
6        <link rel="dns-prefetch" href="//cdn.jsdelivr.net">
7        <link rel="dns-prefetch" href="//is1-ssl.mzstatic.com">
8        <link rel="dns-prefetch" href="//is2-ssl.mzstatic.com">
9        <link rel="dns-prefetch" href="//is3-ssl.mzstatic.com">
10        <link rel="dns-prefetch" href="//is4-ssl.mzstatic.com">
11        <link rel="dns-prefetch" href="//is5-ssl.mzstatic.com">
12        <link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
13        <link rel="dns-prefetch" href="//securepubads.g.doubleclick.net">
14        <meta charset="utf-8">
15        <meta name="viewport" content="width=device-width, initial-scale=1">
16
17                    <!-- Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) -->
18<script type="text/javascript" async="true">
19    (function () {
20        var host = "pod.pe";
21        var element = document.createElement('script');
22        var firstScript = document.getElementsByTagName('script')[0];
23        var url = 'https://cmp.quantcast.com'
24            .concat('/choice/', '91_JJsNaXwjHP', '/', host, '/choice.js?tag_version=V2');
25        var uspTries = 0;
26        var uspTriesLimit = 3;
27        element.async = true;
28        element.type = 'text/javascript';
29        element.src = url;
30
31        firstScript.parentNode.insertBefore(element, firstScript);
32
33        function makeStub() {
34            var TCF_LOCATOR_NAME = '__tcfapiLocator';
35            var queue = [];
36            var win = window;
37            var cmpFrame;
38
39            function addFrame() {
40                var doc = win.document;
41                var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);
42
43                if (!otherCMP) {
44                    if (doc.body) {
45                        var iframe = doc.createElement('iframe');
46
47                        iframe.style.cssText = 'display:none';
48                        iframe.name = TCF_LOCATOR_NAME;
49                        doc.body.appendChild(iframe);
50                    } else {
51                        setTimeout(addFrame, 5);
52                    }
53                }
54                return !otherCMP;
55            }
56
57            function tcfAPIHandler() {
58                var gdprApplies;
59                var args = arguments;
60
61                if (!args.length) {
62                    return queue;
63                } else if (args[0] === 'setGdprApplies') {
64                    if (
65                        args.length > 3 &&
66                        args[2] === 2 &&
67                        typeof args[3] === 'boolean'
68                    ) {
69                        gdprApplies = args[3];
70                        if (typeof args[2] === 'function') {
71                            args[2]('set', true);
72                        }
73                    }
74                } else if (args[0] === 'ping') {
75                    var retr = {
76                        gdprApplies: gdprApplies,
77                        cmpLoaded: false,
78                        cmpStatus: 'stub'
79                    };
80
81                    if (typeof args[2] === 'function') {
82                        args[2](retr);
83                    }
84                } else {
85                    if(args[0] === 'init' && typeof args[3] === 'object') {
86                        args[3] = Object.assign(args[3], { tag_version: 'V2' });
87                    }
88                    queue.push(args);
89                }
90            }
91
92            function postMessageEventHandler(event) {
93                var msgIsString = typeof event.data === 'string';
94                var json = {};
95
96                try {
97                    if (msgIsString) {
98                        json = JSON.parse(event.data);
99                    } else {
100                        json = event.data;
101                    }
102                } catch (ignore) {}
103
104                var payload = json.__tcfapiCall;
105
106                if (payload) {
107                    window.__tcfapi(
108                        payload.command,
109                        payload.version,
110                        function(retValue, success) {
111                            var returnMsg = {
112                                __tcfapiReturn: {
113                                    returnValue: retValue,
114                                    success: success,
115                                    callId: payload.callId
116                                }
117                            };
118                            if (msgIsString) {
119                                returnMsg = JSON.stringify(returnMsg);
120                            }
121                            if (event && event.source && event.source.postMessage) {
122                                event.source.postMessage(returnMsg, '*');
123                            }
124                        },
125                        payload.parameter
126                    );
127                }
128            }
129
130            while (win) {
131                try {
132                    if (win.frames[TCF_LOCATOR_NAME]) {
133                        cmpFrame = win;
134                        break;
135                    }
136                } catch (ignore) {}
137
138                if (win === window.top) {
139                    break;
140                }
141                win = win.parent;
142            }
143            if (!cmpFrame) {
144                addFrame();
145                win.__tcfapi = tcfAPIHandler;
146                win.addEventListener('message', postMessageEventHandler, false);
147            }
148        };
149
150        makeStub();
151
152        var uspStubFunction = function() {
153            var arg = arguments;
154            if (typeof window.__uspapi !== uspStubFunction) {
155                setTimeout(function() {
156                    if (typeof window.__uspapi !== 'undefined') {
157                        window.__uspapi.apply(window.__uspapi, arg);
158                    }
159                }, 500);
160            }
161        };
162
163        var checkIfUspIsReady = function() {
164            uspTries++;
165            if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) {
166                console.warn('USP is not accessible');
167            } else {
168                clearInterval(uspInterval);
169            }
170        };
171
172        if (typeof window.__uspapi === 'undefined') {
173            window.__uspapi = uspStubFunction;
174            var uspInterval = setInterval(checkIfUspIsReady, 6000);
175        }
176    })();
177</script>
177
178<!-- End Quantcast Choice. Consent Manager Tag v2.0 (for TCF 2.0) -->
vendor: 89 bytes, lines 178-180
178
179        
180                <script async src="https://www.googletagmanager.com/gtag/js?id=
180G-ZZ40QMYV6K
vendor: 20 bytes, lines 180-181
180"></script>
181        
181<script>
182          
vendor: 158 bytes, lines 182-186
182window.dataLayer = window.dataLayer || [];
183          function gtag(){dataLayer.push(arguments);}
184          gtag('js', new Date());
185
186          gtag('config', '
186G-ZZ40QMYV6K
vendor: 12 bytes, lines 186-187
186');
187        
187</script>
187
188                        
188<script data-ad-client="ca-pub-4817117187459378" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
188
189                
190        <title>El Blog Íntimo - Podcast – Podcast Peru</title>
191        <meta name="description" content="Podcast oficial de El Blog Íntimo. Aquí conversamos sobre la actualidad, la historia y la identidad del equipo más grande del Perú: Alianza Lima." />
192        <meta name="robots" content="index,follow" />
193        <meta property="og:site_name" content="Podcast Peru" />
194        <meta property="og:type" content="website" />
195        <meta property="og:url" content="https://pod.pe/podcast/el-blog-intimo-podcast" />
196        <meta property="og:title" content="El Blog Íntimo - Podcast – Podcast Peru" />
197        <meta property="og:image" content="https://is1-ssl.mzstatic.com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/1200x1200bb.jpg" />
198        <meta property="og:description" content="Podcast oficial de El Blog Íntimo. Aquí conversamos sobre la actualidad, la historia y la identidad del equipo más grande del Perú: Alianza Lima." />
199        <meta name="twitter:card" content="summary" />
200        <meta name="twitter:title" content="El Blog Íntimo - Podcast – Podcast Peru" />
201        <meta name="twitter:description" content="Podcast oficial de El Blog Íntimo. Aquí conversamos sobre la actualidad, la historia y la identidad del equipo más grande del Perú: Alianza Lima." />
202        <meta name="twitter:image" content="https://is1-ssl.mzstatic.com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/1200x1200bb.jpg" />
203        <meta name="theme-color" content="#d21022" />
204        
204<script src="/assets/js/app.js?id=3fbe2bd37c0e07b72b3b01279a6b2c45"></script>
204
205        <link rel="stylesheet" href="/assets/css/app.css?id=ad46cfaec4da74443a6d4a3608144352">
206        <link rel="icon" href="/img/icon/pe.png">
207        <style>
208            :root {
209                                --accent-color: #d21022;
210                                --accent-color-text: #fff;
211                            }
212            [x-cloak] { display: none; }
213        </style>
214
215        
216                    <meta property="og:image:alt" content="El Blog Íntimo - Podcast"/>
217            
217<script type="application/ld+json">
218        {"@context":"https:\/\/schema.org\/","@type":"PodcastSeries","name":"El Blog \u00cdntimo - Podcast","description":"Podcast oficial de El Blog \u00cdntimo. Aqu\u00ed conversamos sobre la actualidad, la historia y la identidad del equipo m\u00e1s grande del Per\u00fa: Alianza Lima.","webFeed":"https:\/\/anchor.fm\/s\/26925a60\/podcast\/rss","url":"https:\/\/pod.pe\/el-blog-intimo-podcast","sameAs":["https:\/\/podcasts.apple.com\/pe\/podcast\/el-blog-%C3%ADntimo-podcast\/id1518915823?uo=4&itsct=podtail_podcasts&itscg=30200&ls=1&at=1001l39ag&ct=pod.pe","https:\/\/podtail.com\/podcast\/el-blog-intimo-podcast","https:\/\/open.spotify.com\/show\/4zSP2EhqvaSCRkc4vy5za1"]}
219    </script>
219
220    
220<script type="application/ld+json">
221{
222  "@context": "https://schema.org",
223  "@type": "BreadcrumbList",
224  "itemListElement": [
225              {"@type":"ListItem","position":1,"name":"Deportes","item":"https:\/\/pod.pe\/category\/sports"},
226
227                {"@type":"ListItem","position":2,"name":"El Blog \u00cdntimo - Podcast"}
228                ]
229      }
230
231    </script>
231
232            </head>
233    <body class="bg-gray-100 flex flex-col h-full" :class="{ 'player-open' : playerIsOpen }" x-data="app.alpineData()" @player-has-media.window="onPlayerHasMedia" x-init="app.alpineInit({&quot;searchQuery&quot;:null})">
234        <div id="app-wrapper">
235            <svg class="hidden">
236                <defs>
237                    <g id="chevron">
238                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
239                    </g>
240                    <g id="close">
241                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
242                    </g>
243                    <g id="hamburger" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
244                        <path d="m2.25 18.003h19.5"/>
245                        <path d="m2.25 12.003h19.5"/>
246                        <path d="m2.25 6.003h19.5"/>
247                    </g>
248                    <g id="hamburger-close" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
249                        <path d="m.75 23.249 22.5-22.5"/>
250                        <path d="m23.25 23.249-22.5-22.5"/>
251                    </g>
252
253                    <g id="play">
254                        <path d="m21.1 11-15.2-7.6c-.6-.3-1.2 0-1.5.5-.1.1-.1.3-.1.5v15.2c0 .6.5 1.1 1.1 1.1.2 0 .3 0 .5-.1l15.2-7.6c.6-.3.8-1 .5-1.5-.1-.2-.3-.4-.5-.5z" fill="currentColor"/>
255                    </g>
256
257                    <g id="pause">
258                        <g><rect x="3" y="1" width="7" height="22" rx="1.5" fill="currentColor"></rect><rect x="14" y="1" width="7" height="22" rx="1.5" fill="currentColor"></rect></g>
259                    </g>
260                    <g id="skip-forward">
261                        <path d="M12.08,22a8,8,0,0,1,0-16,.24.24,0,0,1,.17.41L10.37,8.29a1,1,0,0,0,0,1.42,1,1,0,0,0,.71.29,1,1,0,0,0,.71-.29l4-4a1,1,0,0,0,0-1.42l-4-4a1,1,0,1,0-1.42,1.42l1.88,1.88a.24.24,0,0,1-.17.41,10,10,0,0,0,0,20,1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M16.9,20.39a8.5,8.5,0,0,1-1.73,1,1,1,0,0,0-.53,1.31,1,1,0,0,0,1.31.54A10,10,0,0,0,18.1,22a1,1,0,1,0-1.2-1.6Z" fill="currentColor"></path><path d="M21.11,14.73a1,1,0,0,0-1.17.79,8,8,0,0,1-.68,2,1,1,0,0,0,1.8.88,10.09,10.09,0,0,0,.84-2.5A1,1,0,0,0,21.11,14.73Z" fill="currentColor"></path><path d="M21.09,13.07a1,1,0,0,0,.76-1.19,9.85,9.85,0,0,0-.94-2.58,1,1,0,1,0-1.76.94,8.33,8.33,0,0,1,.75,2.06A1,1,0,0,0,21.09,13.07Z" fill="currentColor"></path>
262                    </g>
263                    <g id="skip-back">
264                        <path d="M11.92,4a.24.24,0,0,1-.17-.41l1.88-1.88A1,1,0,1,0,12.21.29l-4,4a1,1,0,0,0,0,1.42l4,4a1,1,0,1,0,1.42-1.42L11.75,6.41A.24.24,0,0,1,11.92,6a8,8,0,1,1,0,16,1,1,0,0,0,0,2,10,10,0,1,0,0-20Z" fill="currentColor"></path><path d="M8.83,21.38a8.5,8.5,0,0,1-1.73-1A1,1,0,0,0,5.9,22a10,10,0,0,0,2.15,1.24,1,1,0,0,0,1.31-.54A1,1,0,0,0,8.83,21.38Z" fill="currentColor"></path><path d="M4.06,15.52a1,1,0,1,0-2,.39,10.09,10.09,0,0,0,.84,2.5,1,1,0,0,0,1.8-.88A8,8,0,0,1,4.06,15.52Z" fill="currentColor"></path><path d="M4.44,8.89a1,1,0,0,0-1.35.42,9.66,9.66,0,0,0-.94,2.57,1,1,0,1,0,1.95.42,8.33,8.33,0,0,1,.75-2.06A1,1,0,0,0,4.44,8.89Z" fill="currentColor"></path>
265                    </g>
266                    <g id="icon--download">
267                        <g><path d="M22.67,16.94a1.22,1.22,0,0,0-1.22,1.21V20a1.57,1.57,0,0,1-1.57,1.57H4.12A1.57,1.57,0,0,1,2.55,20V18.15a1.22,1.22,0,0,0-2.43,0V20a4,4,0,0,0,4,4H19.88a4,4,0,0,0,4-4V18.15A1.21,1.21,0,0,0,22.67,16.94Z" fill="currentColor"></path><path d="M12,0a1.94,1.94,0,0,0-1.94,1.94V11a.25.25,0,0,1-.25.25H7.15a1,1,0,0,0-.73,1.6l4.85,5.58a1,1,0,0,0,1.46,0l4.85-5.58a1,1,0,0,0-.73-1.6H14.19a.25.25,0,0,1-.25-.25V1.94A1.94,1.94,0,0,0,12,0Z" fill="currentColor"></path></g>
268                    </g>
269                    <pattern id="waveform" x="0" y="0" patternUnits="userSpaceOnUse" width="270" height="100">
270                        <g fill="currentColor"><rect height="50" rx="2.5" width="5" x="2.5" y="25"/><rect height="60" rx="2.5" width="5" x="12.5" y="20"/><rect height="70" rx="2.5" width="5" x="22.5" y="15"/><rect height="60" rx="2.5" width="5" x="32.5" y="20"/><rect height="50" rx="2.5" width="5" x="42.5" y="25"/><rect height="40" rx="2.5" width="5" x="52.5" y="30"/><rect height="30" rx="2.5" width="5" x="62.5" y="35"/><rect height="30" rx="2.5" width="5" x="72.5" y="35"/><rect height="40" rx="2.5" width="5" x="82.5" y="30"/><rect height="50" rx="2.5" width="5" x="92.5" y="25"/><rect height="50" rx="2.5" width="5" x="102.5" y="25"/><rect height="40" rx="2.5" width="5" x="112.5" y="30"/><rect height="30" rx="2.5" width="5" x="122.5" y="35"/><rect height="40" rx="2.5" width="5" x="132.5" y="30"/><rect height="50" rx="2.5" width="5" x="142.5" y="25"/><rect height="60" rx="2.5" width="5" x="152.5" y="20"/><rect height="60" rx="2.5" width="5" x="162.5" y="20"/><rect height="50" rx="2.5" width="5" x="172.5" y="25"/><rect height="60" rx="2.5" width="5" x="182.5" y="20"/><rect height="70" rx="2.5" width="5" x="192.5" y="15"/><rect height="70" rx="2.5" width="5" x="202.5" y="15"/><rect height="60" rx="2.5" width="5" x="212.5" y="20"/><rect height="50" rx="2.5" width="5" x="222.5" y="25"/><rect height="40" rx="2.5" width="5" x="232.5" y="30"/><rect height="30" rx="2.5" width="5" x="242.5" y="35"/><rect height="30" rx="2.5" width="5" x="252.5" y="35"/><rect height="40" rx="2.5" width="5" x="262.5" y="30"/></g>
271                    </pattern>
272                </defs>
273            </svg>
274                <header class="w-full py-4 flex flex-col bg-accent text-accent-text px-4 mb-4 md:mb-8" id="page-header">
275    <div class="container mx-auto">
276        <div class="flex justify-between items-center">
277            <div class="flex">
278                <a href="/" title="Podcast Peru" class="font-bold flex items-center ">
279                    <img src="/img/icon/pe.png" class="w-8 h-8 rounded-full mr-4" alt="Podcast Peru" />
280                    <span>Podcast Peru</span>
281                </a>
282            </div>
283            <a role="button" class="text-accent-text" aria-controls="main-nav" :aria-label="navigationOpen? 'Close menu' : 'Open menu'" :aria-expanded="navigationOpen? 'true' : 'false'" x-on:click.prevent="navigationOpen = !navigationOpen;">
284                <svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
285                    <use href="#hamburger" :href="navigationOpen? '#hamburger-close' : '#hamburger'" />
286                </svg>
287            </a>
288        </div>
289        <nav id="main-nav" class="mt-4" style="display: none;" x-show="!!navigationOpen">
290            <ul class="font-bold flex flex-wrap justify-center flex-col md:flex-row items-center -m-1 md:-mx-4 text-white">
291                                                            <li class="m-1 md:mx-4 text-xl"><a href="https://pod.pe" title="Podcast Peru">Inicio</a></li>
292                                            <li class="m-1 md:mx-4 text-xl"><a href="https://pod.pe/top" title="Top podcasts">Top podcasts</a></li>
293                                            <li class="m-1 md:mx-4 text-xl"><a href="https://pod.pe/article" title="Artículos">Artículos</a></li>
294                                            <li class="m-1 md:mx-4 text-xl"><a href="/cdn-cgi/l/email-protection#4f3f202b0f3f202b222e26232a3d612c2022" title="Contacto">Contacto</a></li>
295                                                    <li class="m-1 md:mx-4 w-full text-xs">
296                    <div class="my-1 p-1 flex items-center">
297                        <span class="block uppercase flex-grow-0 font-normal">Explorar</span>
298                        <hr class="flex-1 ml-2" />
299                    </div>
300                    <ul class="flex items-center flex-wrap">
301                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/comedy" title="Comedia">Comedia</a></li>
302                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/arts" title="Arte">Arte</a></li>
303                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/education" title="Educación">Educación</a></li>
304                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/business" title="Economía y empresa">Economía y empresa</a></li>
305                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/kids-family" title="Niños y familia">Niños y familia</a></li>
306                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/music" title="Música">Música</a></li>
307                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/religion-spirituality" title="Religión y espiritualidad">Religión y espiritualidad</a></li>
308                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/society-culture" title="Cultura y sociedad">Cultura y sociedad</a></li>
309                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/technology" title="Tecnología">Tecnología</a></li>
310                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/tv-film" title="Cine y Televisión">Cine y Televisión</a></li>
311                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/fiction" title="Ficción">Ficción</a></li>
312                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/history" title="Historia">Historia</a></li>
313                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/true-crime" title="Crímenes reales">Crímenes reales</a></li>
314                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/news" title="Noticias">Noticias</a></li>
315                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/leisure" title="Ocio">Ocio</a></li>
316                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/government" title="Gobierno">Gobierno</a></li>
317                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/health-fitness" title="Salud y forma física">Salud y forma física</a></li>
318                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/science" title="Ciencias">Ciencias</a></li>
319                                                    <li class="whitespace-no-wrap m-1 inline-block bg-white bg-opacity-25 rounded-full px-3 py-1"><a href="https://pod.pe/category/sports" title="Deportes">Deportes</a></li>
320                                            </ul>
321                </li>
322            </ul>
323        </nav>
324            </div>
325</header>
326    <section class="w-full sections-w-bubbles -mt-4 md:mt-0">
327        <article>
328            <div class="container md:px-4 pb-10 mx-auto clearfix">
329                <div
330                    class="pt-full md:pt-0 overflow-hidden relative md:float-right md:w-1/3 mb-8 md:shadow-md bg-white bg-opacity-25">
331                                            <img alt="El Blog Íntimo - Podcast"
332                             class="absolute md:relative top-0 left-0 object-cover w-full" src="/img/empty.gif" onload="const rect=this.getBoundingClientRect();this.onload=null;this.sizes=Math.ceil(rect.width/window.innerWidth*100)+'vw';this.classList.add('loaded');" sizes="(max-width: 768px) 100vw, 600px" srcset="/img/empty.gif 10w, https://is1-ssl.mzstatic.
332com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/80x80bb-75.jpg 80w, https://is1-ssl.mzstatic.com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/160x160bb-75.jpg 160w, https://is1-ssl.mzstatic.com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/320x320bb-75.jpg 320w, https://is1-ssl.mzstatic.com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/640x640bb-75.jpg 640w, https://is1-ssl.mzstatic.com/image/thumb/Podcasts126/v4/35/ee/a4/35eea4db-4c5f-9fee-185b-b8e9785448d0/mza_4975981576821059118.jpg/1280x1280bb-75.jpg 1280w" alt="El Blog Íntimo - Podcast" />
333                                    </div>
334                <div class="px-4 md:px-0 md:w-2/3 md:pr-12 max-w-screen-md">
335                                            <h1 class="text-6xl font-black leading-none mb-6 break-words hyphens-auto">El Blog Íntimo - Podcast</h1>
336                                                    <span class="-mt-4 mb-2 block text-gray-600 font-medium uppercase">El Blog Íntimo</span>
337                                                                                                                                <blockquote class="font-light mb-4 break-words">
338                        <p>Podcast oficial de El Blog Íntimo. Aquí conversamos sobre la actualidad, la historia y la identidad del equipo más grande del Perú: Alianza Lima.</p>
339                    </blockquote>
340                    <ul class="mb-4">
341                        <li>Número de episodios:
342                            <strong>268</strong></li>
343                        <li>Último episodio:
344                            <strong>2026-09-16</strong>
345                        </li>
346                        <li class="py-4">
347                                                            <a class="inline-block bg-gray-300 text-gray-700 rounded-full px-3 py-1 text-sm font-semibold mr-1 mb-1"
348                                   href="https://pod.pe/category/sports">Deportes</a>
349                                                            <a class="inline-block bg-gray-300 text-gray-700 rounded-full px-3 py-1 text-sm font-semibold mr-1 mb-1"
350                                   href="https://pod.pe/category/soccer">Futbol</a>
351                                                    </li>
352                    </ul>
353                    <h2 class="text-4xl font-black leading-none mb-4">¿Donde puedes escuchar?</h2>
354                    <div class="flex -m-1">
355                                                    <a rel="noopener" href="https://podcasts.apple.com/pe/podcast/el-blog-%C3%ADntimo-podcast/id1518915823?uo=4&amp;itsct=podtail_podcasts&amp;itscg=30200&amp;ls=1&amp;at=1001l39ag&amp;ct=pod.pe" target="_blank" title="Apple Podcasts"><img
356                                    src="/img/apple-podcasts.svg" class="w-16 h-16 m-1" alt="Apple Podcasts Logo"/></a>
357                                                                            <a rel="noopener" href="https://open.spotify.com/show/4zSP2EhqvaSCRkc4vy5za1" target="_blank"
358                               title="Spotify"><img src="/img/spotify.svg" class="w-16 h-16 m-1"
359                                                    alt="Spotify Logo"/></a>
360                                                                        <a rel="noopener" href="https://podtail.com/podcast/el-blog-intimo-podcast/" target="_blank"
361                           title="Podtail"><img src="/img/podtail.svg" class="w-16 h-16 m-1 " alt="Podtail Logo"/></a>
362                                                    <a rel="noopener"
363                               href="https://podcasts.google.com/feed/aHR0cHM6Ly9hbmNob3IuZm0vcy8yNjkyNWE2MC9wb2RjYXN0L3Jzcw=="
364                               target="_blank" title="Google Podcasts"><img src="/img/google-podcasts.svg"
365                                                                            class="w-16 h-16 m-1"
366                                                                            alt="Google Podcasts Logo"/></a>
367                                                                            <a rel="noopener" href="https://anchor.fm/s/26925a60/podcast/rss" target="_blank" title="RSS"><img
368                                    src="/img/rss.svg" class="w-16 h-16 m-1" alt="RSS"/></a>
369                                            </div>
370                </div>
371            </div>
372        </article>
373                <aside>
374            <div class="container mx-auto mb-8 text-center py-8 px-4 md:px-8">
vendor: 125 bytes, lines 374-375
374
375                <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
vendor: 80 bytes, lines 375-376
375<script src='https://www.google.com/recaptcha/api.js'></script>
376                
376<form class="max-w-screen-sm mx-auto" x-on:submit.prevent="subscribeForm">
377                    <p class="mb-4">
378                        <svg x-show="!isSubscribed(&quot;el-blog-intimo-podcast&quot;)" class="inline-block w-12 h-12"
379                             fill="none" viewBox="0 0 24 24" stroke="currentColor">
380                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
381                                  d="M3 19v-8.93a2 2 0 01.89-1.664l7-4.666a2 2 0 012.22 0l7 4.666A2 2 0 0121 10.07V19M3 19a2 2 0 002 2h14a2 2 0 002-2M3 19l6.75-4.5M21 19l-6.75-4.5M3 10l6.75 4.5M21 10l-6.75 4.5m0 0l-1.14.76a2 2 0 01-2.22 0l-1.14-.76"/>
382                        </svg>
383                        <svg x-show="isSubscribed(&quot;el-blog-intimo-podcast&quot;)" class="w-12 h-12 inline-block"
384                             fill="none" viewBox="0 0 24 24" stroke="currentColor" x-cloak>
385                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
386                                  d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
387                        </svg>
388                    </p>
389                    <div x-show="!isSubscribed(&quot;el-blog-intimo-podcast&quot;)">
390                        <h4 class="font-bold mb-2">¿Quieres recibir un correo electrónico cuando haya nuevos episodios disponibles?</h4>
391                        <input type="hidden" name="podcast" value="el-blog-intimo-podcast"/>
392                        <p class="mb-2 flex items-center">
393                            <input
394                                class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline text-center"
395                                type="text" name="email" placeholder="Tu email..."
396                                x-model="email"/>
397                            <button role="button" class="p-2" type="submit" aria-label="Si">
398                                <svg class="w-8 h-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
399                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
400                                          d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z"/>
401                                </svg>
402                            </button>
403                        </p>
404                        <div x-show="!!email" class="g-recaptcha inline-block mb-2"
405                             data-sitekey="6LcB8uQUAAAAAFrXQ0QsDJ8khUzZUSwVwVyuluR7"></div>
406                    </div>
407                    <div x-show="isSubscribed(&quot;el-blog-intimo-podcast&quot;)" x-cloak>
408                        <h2 class="font-bold mb-2">¡Le enviaremos correos electrónicos cuando haya nuevos episodios disponibles!</h2>
409                        <p>¿Cambiaste de parecer? <a rel="nofollow"
410                                                                                            :href="'/podcasts/unsubscribe/' + subscriptions[&quot;el-blog-intimo-podcast&quot;]"
411                                                                                            class="underline"
412                                                                                            x-on:click.prevent="unsubscribe(&quot;el-blog-intimo-podcast&quot;)">Darse de baja.</a>
413                        </p>
414                    </div>
415                </form>
416            </div>
417        </aside>
418                    <article>
419                <div class="container mx-auto px-4 py-10">
420                    <h2 class="text-4xl font-black leading-none mb-6 text-center">Episodios</h2>
421                    <div x-data="episodes()" x-init="loadEpisodes()">
422                        <template x-for="(episode, index) in episodes" :key="episode.id">
423                            <div>
424                                <div class="rounded-lg overflow-hidden shadow-lg flex mb-4 bg-white">
425                                    <template x-if="episode.mediaType !== 'external/spotify'">
426                                        <a :title="episode.title"
427                                           @click.prevent="$dispatch('play-media', episode)"
428                                           :href="&quot;https:\/\/pod.pe\/podcast\/el-blog-intimo-podcast&quot; + '/' + episode.id"
429                                           class="hidden md:block overflow-hidden md:w-40 md:flex-shrink-0">
430                                            <img alt="El Blog Íntimo - Podcast" src="/img/empty.gif" :alt="episode.title"
431                                                 :data-src="episode.artwork.src" :data-srcset="episode.artwork.srcset"
432                                                 class="hidden md:block md:object-cover md:w-full md:h-full flex-shrink-0"
433                                                 loading="lazy"/>
434                                        </a>
435                                    </template>
436                                    <div class="px-6 py-4 flex-grow max-w-full">
437                                        <a :title="episode.title"
438                                           :href="&quot;https:\/\/pod.pe\/podcast\/el-blog-intimo-podcast&quot; + '/' + episode.id"
439                                           class="flex items-start cursor-pointer">
440                                            <template x-if="episode.mediaType !== 'external/spotify'">
441                                                <img alt="El Blog Íntimo - Podcast" src="/img/empty.gif"
442                                                     :alt="episode.title" :data-src="episode.artwork.src"
443                                                     :data-srcset="episode.artwork.srcset"
444                                                     class="w-16 h-16 rounded md:hidden mr-4 flex-shrink-0"
445                                                     loading="lazy"
446                                                />
447                                            </template>
448                                            <div class="flex-grow">
449                                                <h3 x-text="episode.title" class="font-bold text-lg"></h3>
450                                                <span class="text-sm" x-text="episode.releaseDate"></span>
451                                            </div>
452                                            <svg x-on:click.prevent="toggle(episode.id)"
453                                                 class="w-6 h-6 flex-shrink-0 transform" fill="none"
454                                                 :class="{'rotate-180': isExpanded(episode.id)}" viewBox="0 0 24 24"
455                                                 stroke="currentColor">
456                                                <use href="#chevron"/>
457                                            </svg>
458                                        </a>
459                                        <div x-show="isExpanded(episode.id)">
460                                            <div x-html="episode.description"
461                                                 class="mt-2 break-words prose"></div>
462                                            <template x-if="episode.mediaType !== 'external/spotify'">
463                                                <div class="flex items-center justify-end">
464                                                    <a target="_blank" title="Download" rel="noopener nofollow" :href="episode.mediaUrl" :download="episode.title + '.mp3'" class="flex items-center justify-center rounded-full w-8 h-8 bg-black bg-opacity-10">
465                                                        <svg
466                                                            class="w-4 h-4 flex-shrink-0 transform" fill="none"
467                                                            viewB
467ox="0 0 24 24">
468                                                            <use href="#icon--download"/>
469                                                        </svg>
470                                                    </a>
471                                                </div>
472                                            </template>
473                                        </div>
474                                        <div class="mt-4 pt-4 border-t-2 border-gray-200">
475                                            <template x-if="episode.mediaType === 'external/spotify'">
476                                                <iframe
477                                                    :data-src="'https://open.spotify.com/embed-podcast/episode/' + episode.guid"
478                                                    width="100%" height="232" frameborder="0" allowtransparency="true"
479                                                    allow="encrypted-media" loading="lazy"></iframe>
480                                            </template>
481                                            <template x-if="episode.mediaType.indexOf('audio') !== -1 || episode.mediaType.indexOf('video') !== -1">
482                                                <div class="flex items-center gap-2">
483                                                    <div
484                                                        role="button"
485                                                        title="Reproducir"
486                                                        aria-label="Reproducir"
487                                                        class="touch-none bg-accent text-accent-text w-12 h-12 flex items-center justify-center text-accent-text rounded-full"
488                                                        @click="$dispatch('play-media', episode)"
489                                                    >
490                                                        <svg class="w-8 h-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
491                                                            <use href="#play" href="#play" />
492                                                        </svg>
493                                                    </div>
494                                                    <div class="waveform flex-grow h-4 brightness-90"></div>
495                                                    <span class="text-sm font-semibold" x-text="episode.mediaDurationText"></span>
496                                                </div>
497                                            </template>
498                                        </div>
499                                    </div>
500                                </div>
501                                                                    <template x-if="index % 4 === 1">
502                                        <aside class="w-full text-center my-4">
503                                             <ins class="adsbygoogle"
504 style="display:block"
505 data-ad-client="ca-pub-4817117187459378"
506 data-ad-slot="2917019488"
507 data-ad-format="auto"
508 data-full-width-responsive="true"></ins>
509<script>
510     (adsbygoogle = window.adsbygoogle || []).push({});
511</script>
511
512                                        </aside>
513                                    </template>
514                                                            </div>
515                        </template>
516                        <template x-if="isLoading">
517                            <template x-for="i in 3">
518                            <div class="rounded-lg overflow-hidden shadow-lg flex mb-4 bg-white">
519                                <div class="hidden md:block md:w-40 bg-gray-100">
520                                    &nbsp;
521                                </div>
522                                <div class="px-6 py-4 flex-grow">
523                                    <div class="flex items-center">
524                                        <span class="w-16 h-16 mr-4 bg-gray-100 inline-block rounded md:hidden"></span>
525                                        <div class="flex-grow">
526                                            <h3 class="font-bold text-lg bg-gray-100 rounded-lg md:w-1/2">&nbsp;</h3>
527                                            <span class="text-sm inline-block bg-gray-100 rounded-lg w-20">&nbsp;</span>
528                                        </div>
529                                    </div>
530                                    <div class="mt-4 pt-4 border-t-2 border-gray-100">
531                                        <div class="bg-gray-100 h-8 rounded-lg">
532                                        </div>
533                                    </div>
534                                </div>
535                            </div>
536                            </template>
537                        </template>
538                        <template x-if="!isLoading && hasNext">
539                            <div class="flex justify-center mt-8">
540                                <button
541                                    class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mx-auto"
542                                    x-on:click="loadEpisodes">
543                                    Carga más
544                                </button>
545                            </div>
546                        </template>
547                    </div>
548                </div>
549            </article>
550                    </section>
551    
551<script>
552        function episodes() {
553            return {
554                episodes: [],
555                expanded: [],
556                page: 1,
557                hasNext: false,
558                isLoading: false,
559                activeEpisode: null,
560                isExpanded(id) {
561                    return this.expanded.indexOf(id) !== -1;
562                },
563                toggle(id) {
564                    const index = this.expanded.indexOf(id);
565                    if (index === -1) {
566                        this.expanded.push(id);
567                    } else {
568                        this.expanded.splice(index, 1);
569                    }
570                },
571                loadEpisodes() {
572                    this.isLoading = true;
573                    window.axios.get(
574                        '/podcasts/el-blog-intimo-podcast/episodes',
575                        {
576                            params: {
577                                page: this.page
578                            }
579                        }
580                    )
581                        .then(({data}) => {
582                            this.episodes = [...this.episodes, ...data.data];
583                            this.page = data.meta.current_page + 1;
584                            this.isLoading = false;
585                            this.hasNext = !!data.links.next;
586                            this.$nextTick(() => {
587                                window.app.lazyLoader.refresh();
588                                (adsbygoogle = window.adsbygoogle || []).push({});
589                            });
590                        });
591                }
592            };
593        }
594    </script>
594
595        </div>
596                <div class="mt-auto">
597            <footer id="page-footer" class="w-full bg-black text-white py-10 px-4 md:py-20">
598    <div class="container mx-auto text-center">
599        <div class="mb-6">
600                            <a href="https://pod.pe/category/comedy" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Comedia">Comedia</a>
601                            <a href="https://pod.pe/category/arts" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Arte">Arte</a>
602                            <a href="https://pod.pe/category/education" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Educación">Educación</a>
603                            <a href="https://pod.pe/category/business" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Economía y empresa">Economía y empresa</a>
604                            <a href="https://pod.pe/category/kids-family" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Niños y familia">Niños y familia</a>
605                            <a href="https://pod.pe/category/music" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Música">Música</a>
606                            <a href="https://pod.pe/category/religion-spirituality" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Religión y espiritualidad">Religión y espiritualidad</a>
607                            <a href="https://pod.pe/category/society-culture" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Cultura y sociedad">Cultura y sociedad</a>
608                            <a href="https://pod.pe/category/technology" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Tecnología">Tecnología</a>
609                            <a href="https://pod.pe/category/tv-film" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Cine y Televisión">Cine y Televisión</a>
610                            <a href="https://pod.pe/category/fiction" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Ficción">Ficción</a>
611                            <a href="https://pod.pe/category/history" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Historia">Historia</a>
612                            <a href="https://pod.pe/category/true-crime" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Crímenes reales">Crímenes reales</a>
613                            <a href="https://pod.pe/category/news" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Noticias">Noticias</a>
614                            <a href="https://pod.pe/category/leisure" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Ocio">Ocio</a>
615                            <a href="https://pod.pe/category/government" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Gobierno">Gobierno</a>
616                            <a href="https://pod.pe/category/health-fitness" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Salud y forma física">Salud y forma física</a>
617                            <a href="https://pod.pe/category/science" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Ciencias">Ciencias</a>
618                            <a href="https://pod.pe/category/sports" class="inline-block bg-gray-800 rounded-full px-3 py-1 text-sm font-semibold text-gray-400 mr-2 mb-2" title="Deportes">Deportes</a>
619                    </div>
620        <p class="font-bold">
621            <a href="https://pod.pe" title="Podcast Peru"><img class="h-16 w-16 mx-auto mb-4" src="/img/icon/pe.png" alt="Podcast Peru" /></a>
622            Podcast Peru<br/>
623            &copy; 2026
624        </p>
625                    <p class="mt-2">
626                        <a href="https://pod.pe" title="Podcast Peru">Inicio</a>
627                        &bull;
628                                    <a href="https://pod.pe/top" title="Top podcasts">Top podcasts</a>
629                        &bull;
630                                    <a href="https://pod.pe/article" title="Artículos">Artículos</a>
631                        &bull;
632                                    <a href="/cdn-cgi/l/email-protection#9feff0fbdfeff0fbf2fef6f3faedb1fcf0f2" title="Contacto">Contacto</a>
633                                </p>
634                                            </div>
635</footer>
636        </div>
637                <aside id="player" x-data="app.playerData()" @play-media.window="setMedia($event.detail)">
638    <template x-if="media">
639        <div class="w-full" :class="{ 'h-screen' : !!open, 'h-48': !open }">
640            <div
641                class="fixed overflow-hidden shadow-md flex z-50 bottom-0 left-0 right-0 bg-accent text-accent-text flex flex-col justify-end"
642                :class="{ 'h-full' : !!open, 'h-48': !open }"
643            >
644                <span
645                    role="button"
646                    class="bg-black bg-opacity-10 text-accent-text rounded-full w-8 h-8 flex items-center justify-center absolute right-2 top-2"
647                    @click="open = !open"
648                >
649                    <svg class="w-6 h-6 flex-shrink-0 transform" fill="none"
650                         :class="{'rotate-180': !open}" viewBox="0 0 24 24" stroke="currentColor">
651                        <use href="#chevron"/>
652                    </svg>
653                </span>
654                <span
655                    x-show="open"
656                    role="button"
657                    class="bg-black bg-opacity-10 text-accent-text rounded-full w-8 h-8 flex items-center justify-center absolute left-2 top-2"
658                    @click="setMedia(null)"
659                >
660                    <svg class="w-6 h-6 flex-shrink-0 transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
661                        <use href="#close"/>
662                    </svg>
663                </span>
664                <div
665                    class="w-full max-w-screen-lg mx-auto flex flex-col py-2 md:py-4"
666                    :class="{
667                        'flex-grow': !!open,
668                    }"
669                >
670                    <div
671                        class="text-center mb-2 px-12"
672                    >
673                        <h2 class="text-lg font-bold truncate" x-text="media.podcast.name"></h2>
674                        <h3
675                            class="truncate text-sm"
676                            x-text="errorMessage || media.title"
677                            :class="{ 'text-red-800' : !!errorMessage }"
678                        ></h3>
679                    </div>
680
681                    <img :alt="media.podcast.name"
682                         :alt="media.title"
683                         :src="media.artwork.src"
684                         :srcset="media.artwork.srcset"
685                         loading="lazy"
686                         class="w-full h-full absolute inset-0 blur-lg brightness-75 scale-125 opacity-80 object-cover"
687                         style="z-index: -1;"
688                    />
689                    <figure
690                        x-show="open"
691                        class="max-w-full mx-auto flex-grow flex items-center justify-center"
692                        :class="{
693                            'w-96': media.mediaType.indexOf('audio') !== -1
694                        }"
695                    >
696                        <template x-if="media.mediaType.indexOf('audio') !== -1">
697                            <img :alt="media.podcast.name"
698                                 :alt="media.title"
699                                 :src="media.artwork.src"
700                                 :srcset="media.artwork.srcset"
701                                 loading="lazy"
702                            />
703                        </template>
704                        <template x-if="media.mediaType.indexOf('audio') !== -1">
705                                                    <template x-if="isPlaying()">
706                                <div class="absolute w-96 h-96" x-html="adHtml()"></div>
707                            </template>
708                                                </template>
709                        <template x-if="media.mediaType.indexOf('video') !== -1">
710                            <video
711                                x-ref="video"
712                                class="aspect-video"
713                                preload="auto"
714                                :poster="media.artwork.src"
715                                :title="media.title"
716                                @loadstart="onProgress"
717                                @loadedmetadata="onLoadedMetaData"
718                                @timeupdate="onProgress"
719                                @durationchange="onProgress"
720                                @canplay="onCanPlay"
721                                @ended="onEnded"
722                                @play="onPlay"
723                                @pause="onPause"
724                                @seeked="onSeeked"
725                                @error="onError"
726                            >
727                                <source @error="onError" :src="media.mediaUrl" :type="media.mediaType"/>
728                            </video>
729                        </template>
730                    </figure>
731                    <div class="w-full mt-2 touch-none font-mono">
732                        <div
733                            x-ref="track"
734                            class="flex-grow cursor-pointer mb-2 h-4 relative"
735                            @touchstart="startSeek"
736                            @mousedown="startSeek"
737                        >
738                            <div class="waveform absolute inset-0 w-full h-4 opacity-25"></div>
739                            <div
740                                class="waveform absolute inset-0"
741                                :style="{ width: currentPercent() + '%' }"
742                            ></div>
743                        </div>
744                        <div class="flex justify-between items-center px-2">
745                            <template x-if="errorMessage">
746                                <span class="flex-grow-0">-</span>
747                            </template>
748                            <template x-if="!errorMessage && canPlay">
749                                <span class="flex-grow-0" x-text="elapsed()"></span>
750                            </template>
751                            <template x-if="!errorMessage && !canPlay">
752                                <span class="flex-grow-0">
753                                    <svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg"
754                                         fill="none" viewBox="0 0 24 24">
755                                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
756                                            stroke-width="4"></circle>
757                                    <path class="opacity-75" fill="currentColor"
758                                          d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
759                                  </svg>
760                                </span>
761                            </template>
762                            <template x-if="errorMessage">
763                                <span class="flex-grow-0">-</span>
764                            </template>
765                            <template x-if="!errorMessage">
766                                <span class="flex-grow-0 text-right" x-text="remaining()"></span>
767                            </template>
768                        </div>
769                        <div
770                            class="flex justify-center -mt-4 gap-4 items-center"
771                            :class="{ 'opacity-50': !!errorMessage }"
772                        >
773                            <span
774                                role="button"
775                                class="flex gap-1 items-center"
776                                :class="{
777                                    'cursor-not-allowed': !!errorMessage,
778                                }"
779                                @click="skip(-10)"
780                            >
781                                <span class="text-sm">
782                                    -10
783                                </span>
784                                <svg class="w-8 h-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
785                                    <use href="#skip-back"/>
786                                </svg>
787                            </span>
788                            <div
789                                role="button"
790                                class="touch-none w-16 h-16 flex items-center justify-center text-accent-text rounded-full"
791                                :class="{
792                                    'cursor-not-allowed': !!errorMessage
793                                }"
794                                @click="toggle()"
795                            >
796                                <svg class="w-12 h-12" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
797                                    <use href="#play" :href="state === 'paused'? '#play' : '#pause'"/>
798                                </svg>
799                            </div>
800                            <span
801                                role="button"
802                                class="flex gap-1 items-center"
803                                :class="{
804                                    'cursor-not-allowed': !!errorMessage,
805                                }"
806                                @click="skip(10)"
807                            >
808                                <svg class="w-8 h-8" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
809                                    <use href="#skip-forward"/>
810                                </svg>
811                                <span class="text-sm">
812                                    +10
813                                </span>
814                            </span>
815                        </div>
816                    </div>
817                </div>
818                <template x-if="media.mediaType.indexOf('audio') !== -1">
819                    <audio
820                        x-ref="audio"
821                        class="hidden"
822                        preload="auto"
823                        :poster="media.artwork.src"
824                        :title="media.title"
825                        @loadstart="onProgress"
826                        @loadedmetadata="onLoadedMetaData"
827                        @timeupdate="onProgress"
828                        @durationchange="onProgress"
829                        @canplay="onCanPlay"
830                        @ended="onEnded"
831                        @play="onPlay"
832                        @pause="onPause"
833                        @seeked="onSeeked"
834                        @error="onError"
835                    >
836                        <source @error="onError" :src="media.mediaUrl" :type="media.mediaType"/>
837                    </audio>
838                </template>
839            </div>
840        </div>
841    </template>
842</aside>
vendor: 113 bytes, lines 842-843
842
843    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
843<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":"606aabc1cb71477eada01d9bb84d9a7a","r":1,"spa":2}' crossorigin="anonymous"></script>
843
844</body>
845</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.