PageSourceSearch

https://centroricardobsalinaspliego.org/biblioteca-rbsp/

html centroricardobsalinaspliego.org collected 2026-10-02 13:19:50 UTC 24,145 bytes, 605 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5<head>
6        <!-- Google Tag Manager -->
7        
7<script>
vendor: 527 bytes, lines 7-15
7
8            (function (w, d, s, l, i) {
9                w[l] = w[l] || []; w[l].push({
10                    'gtm.start':
11                        new Date().getTime(), event: 'gtm.js'
12                }); var f = d.getElementsByTagName(s)[0],
13                    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
14                        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
15            })(window, document, 'script', 'dataLayer', '
15GTM-TKW9768Q
vendor: 3 bytes, line 15
15');
15</script>
15
16        <!-- End Google Tag Manager -->
17        <!-- Google tag (gtag.js) — Biblioteca Personal -->
vendor: 73 bytes, lines 17-18
17
18        <script async src="https://www.googletagmanager.com/gtag/js?id=
18G-877562W6G6
vendor: 21 bytes, lines 18-19
18"></script>
19        
19<script>
20            
vendor: 175 bytes, lines 20-24
20window.dataLayer = window.dataLayer || [];
21            function gtag() { dataLayer.push(arguments); }
22            gtag('js', new Date());
23    
24            gtag('config', '
24G-877562W6G6
vendor: 13 bytes, lines 24-25
24');
25        
25</script>
25
26
27    <meta charset="UTF-8">
28    <meta name="viewport" content="width=device-width, initial-scale=1.0">
29    <title>Biblioteca RBS | Biblioteca RBSP - Home</title>
30
31    <!-- Styles -->
32    <link href="/Content/NetPrime/Bootstrap/css/bootstrap.min.css" rel="stylesheet" />
33    <link href="/Content/NetPrime/Font-awesome/css/all.min.css" rel="stylesheet" />
34    <link href="/Content/NetPrime/Bootstrap/css/owl.carousel.min.css" rel="stylesheet" />
35    <link href="/Content/NetPrime/Bootstrap/css/owl.theme.default.min.css" rel="stylesheet" />
36
37    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.0/css/all.min.css" rel="stylesheet">
38
39    <link href="/Content/Assets/BibliotecaRBSP/styles/layout.css" rel="stylesheet" />
40    <link href="/Content/Assets/BibliotecaRBSP/styles/font-sizes.css" rel="stylesheet" />
41    <link href="/Content/NetPrime/css/Fonts.css" rel="stylesheet" />
42    <link href="https://cdn.jsdelivr.net/npm/pnotify/dist/PNotifyBrightTheme.css" rel="stylesheet">
43
44    
44<script>
45        const urlDetalle = '/rbsp-contenido-biblioteca/';
46        const urlBuscador = '/biblioteca-rbsp-buscador/';
47        const imageDefault = '/Content/Assets/BibliotecaRBSP/images/place_holder.png';
48        let path = window.location.protocol + '//centroricardobsalinaspliego.org/';
49    </script>
49
50
51    <!-- Scripts -->
52    
52<script src="/Scripts/jquery-3.5.1.min.js"></script>
52
53    
53<script src="/Content/NetPrime/Bootstrap/js/jquery.min.js"></script>
53
54    
54<script src="/Content/NetPrime/Bootstrap/js/bootstrap.min.js"></script>
54
55    
55<script src="/Content/NetPrime/Bootstrap/js/owl.carousel.min.js"></script>
55
56    
56<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
56
57    
57<script src="/Scripts/vue2.js"></script>
57
58    
58<script src="/Scripts/NetPrime/masonry.pkgd.min.js"></script>
58
59    
59<script src="/Scripts/Areas/BibliotecaRBSP/layout.js"></script>
59
60
61</head>
62<body>
63    <header>
64        <nav class="nav-biblioteca pt-3">
65            <div class="menu">
66                <!--<button id="menuToggle" type="button" class="btn col" data-bs-toggle="modal" data-bs-target="#modalMenuProgramas">
67                    <img src="~/Content/Assets/BibliotecaRBSP/images/menu-bars-sort.svg" />
68                </button>-->
69                <a href="#" class="btn col text-white">
70                    <i class="fa-solid fa-house" style="font-size: 25px; margin-right: 10px;"></i>
71                </a>
72            </div>
73            <div class="logo-rbs">
74                <a href="/">
75                    <img src="/Content/NetPrime/Img/logo_rbs_general.png" class="img-fluid"
76                         style="height: 43px;  width: auto;" />
77                </a>
78            </div>
79            <div class="search-content" onclick="goToSearch()">
80                <i class="fa fa-solid fa-magnifying-glass"></i>
81            </div>
82        </nav>
83    </header>
84
85    <main class="main">
86        <div id="loaderGeneral" class="d-flex justify-content-center d-block z-index-master color-master">
87            <div style="margin: auto;" class="align-items-center">
88                <img src="/Content/NetPrime/Bootstrap/css/ajax-loader.gif" />
89            </div>
90        </div>
91
92        
93
94<link href="/Content/Assets/BibliotecaRBSP/styles/home.css" rel="stylesheet" />
95<link rel="stylesheet"
96      href="https://unpkg.com/swiper/swiper-bundle.min.css" />
97<style>
98    .social-icons a i {
99        font-size: 60px;
100    }
101
102    .twitter-section::-webkit-scrollbar {
103        width: 10px;
104    }
105
106    .twitter-section::-webkit-scrollbar-track {
107        background: rgba(62, 62, 62, 1);
108        border-radius: 10px;
109    }
110
111    .twitter-section::-webkit-scrollbar-thumb {
112        background: rgba(71, 159, 204, 1);
113        border-radius: 10px;
114    }
115
116
117   .swiper-container {
118        width: 100%;
119        height: auto;
120        overflow: hidden;
121        position: relative;
122        padding-bottom: 50px;
123    }
124
125    .swiper-slide img {
126        width: 90%;
127        /*height: 100%;
128        object-fit: cover;*/
129    }
130
131    .swiper-button-next,
132    .swiper-button-prev {
133        color: #fff !important;
134        top: 50% !important;
135        margin-top: 0 !important;
136        transform: translateY(-50%) !important;
137    }
138
139    /*.swiper-button-prev {
140        left: 15px !important;
141    }*/
142
143    /*.swiper-button-next {
144        right: 15px !important;
145    }*/
146
147    .swiper-pagination {
148        bottom: 15px !important;
149    }
150
151    .swiper-pagination-bullet-active {
152        width: 47px !important;
153        height: 16px;
154        background-color: rgba(255, 202, 5, 1);
155        border-radius: 10px;
156    }
157
158    .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
159        background-color: white;
160        opacity: unset;
161    }
162
163    .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-prev {
164        width: 15px !important;
165        height: 15px !important;
166    }
167
168    .swiper-pagination-bullet-active-prev-prev, .swiper-pagination-bullet-active-next-next {
169        width: 15px !important;
170        height: 15px !important;
171    }
172
173    .swiper-pagination {
174        width: 265px !important;
175    }
176
177    .swiper-pagination span {
178        vertical-align: middle;
179    }
180
181    /*.swiper-button-next:after, .swiper-button-prev:after {
182        width: 25px;
183        height: 43px;
184        font-weight: bold;
185    }*/
186
187    #tweet-embed {
188        display: flex !important;
189        justify-content: center !important;
190        width: 100% !important;
191    }
192
193    #tweet-embed .twitter-tweet-rendered,
194    #tweet-embed iframe {
195        width: 100% !important;
196        max-width: 600px !important;
197        box-sizing: border-box !important;
198    }
199
200    .accordion-item {
201        background-color: transparent;
202        border: 0px none;
203    }
204
205    .accordion-button, .accordion-button:not(.collapsed) {
206        background-color: transparent;
207        cursor: pointer;
208    }
209
210    .accordion-button::after {
211        font-family: "Font Awesome 6 Free";
212        font-weight: 900;
213        content: "\f078";
214        margin-left: auto;
215        transition: transform 0.2s ease-in-out;
216        background-image: none;
217        color: #1f5f80;
218        font-size: 20px;
219    }
220
221    .accordion-button:not(.collapsed)::after {
222        /*content: "\f077";
223        transform: rotate(180deg);*/
224        background-image: none;
225        color: #1f5f80;
226    }
227
228    #biblioteca-home .mensaje-biblioteca .objetivos button:hover, #btn-creditos:hover {
229        /* background-color: black; */
230        background-color: #1F3048;
231        color: white;
232    }
233</style>
234
235
236<div id="biblioteca-home" class="section-top" v-cloak>
237
238    <div class="container-fluid mb-5">
239        <div class="accordion" id="accordion-mensaje">
240            <div class="accordion-item">
241                <div class="accordion-header d-flex">
242                    <div class="mensaje-biblioteca mb-2 mx-0 mx-md-4 pt-2  flex-grow-1"></div>
243                    <div class="accordion-button w-auto py-0 ps-0" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> </div>
244                </div>
245                <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordion-mensaje">
246
247                    <div class="mensaje-biblioteca mb-5 mx-0 mx-md-4 pt-5">
248                        <div class="mb-5">
249                            <div class="contenido d-block d-md-flex row gx-5">
250                                <div class="col-12 col-lg-5 pe-3 d-flex flex-column justify-content-between">
251                                    <div>
252                                        <h3 class="titulo-contenido mt-3 mt-lg-4 mb-3 mb-lg-4">
253                                            {{ banner.Titulo }}
254                                        </h3>
255
256                                        <div class="my-4" style="border: 1px solid rgba(137, 185, 196, 1);"></div>
257                                        <txt6 class="d-block mt-3 mt-lg-5" v-html="banner.Descripcion"></txt6>
258                                    </div>
259
260                                    <div class="align-self-center align-self-lg-end objetivos pt-5 pt-md-5 mb-5 mb-md-0 d-flex">
261                                        <div v-for="(tag, index) in tags" :key="index" v-if="index === 0">
262                                            <button class="btn-squared" v-on:click="openModalTag(tag)" data-bs-toggle="modal" href="#modal
262-tag-2">
263                                                {{ tag.Titulo}}
264                                            </button>
265                                        </div>
266                                    </div>
267                                </div>
268                                <div class="video col-12 col-lg-7 mt-md-4">
269                                    <div class="position-relative">
270                                        <img class="w-100 h-100 ratio radio-16x9" :src="'/' + banner.UrlPortadaVideo" alt="Alternate Text" />
271                                        <div class="play-icon position-absolute top-50 start-50 translate-middle play-icon" v-on:click="openModalVideo()">
272                                            <i class="fa-solid fa-play" style="color: #000000;"></i>
273                                        </div>
274                                    </div>
275                                </div>
276                            </div>
277                        </div>
278                    </div>
279                </div>
280            </div>
281        </div>
282    </div>
283
284    <div class="container-fluid px-0">
285
286        <div class="swiper-container">
287            <div class="swiper-wrapper">
288                <div class="swiper-slide text-center" v-for="(imagen, i) in imagenesBanner" :key="i">
289                    <a class="w-100 h-auto" :href="imagen.UrlLink" target="_blank">
290                        
291
292                        <picture class="img-fluid">
293                            <source :srcset="'/' + imagen.UrlImagen" media="(min-width: 768px)" alt="Image desktop" class="img-fluid">
294                            <img :src="'/' + imagen.UrlImagenMovil" alt="Image mobile" class="img-fluid px-3 px-sm-5 px-md-0">
295                        </picture>
296                    </a>
297                </div>
298            </div>
299
300            <div class="swiper-pagination"></div>
301            <div class="swiper-button-prev"></div>
302            <div class="swiper-button-next"></div>
303        </div>
304    </div>
305
306    <div class="tematica text-center my-5">
307        <button class="btn-squared" v-on:click="modalTematicas">
308            Selecciona la temática
309        </button>
310    </div>
311
312    <div class="contenido-biblioteca">
313        <div v-for="(tematica, index) in libros" :key="index" v-if="tematica.Libros.length > 0">
314            <div>
315                <div class="tematica d-flex ms-3 ms-md-5">
316                    <div>
317                        <div class="dash-white"></div>
318                    </div>
319                    <txt6>{{ tematica.Tematica }}</txt6>
320                </div>
321
322                <div class="container-fluid px-2 px-md-3">
323                    <div class="owl-carousel owl-carousel-libros owl-theme owl-loading" v-bind:class="['owl-tematica-' + tematica.Id]">
324                        <div v-for="(libro, j) in tematica.Libros" :key="j" class="CarruselDesktop">
325                            <div class="w-100 container-img-libro" :data-id="libro.LibroID">
326                                <img :src="'/' + libro.Imagen" alt="" onerror="imgDefaultError(this);" class="img-fluid">
327                            </div>
328                            <div>
329                                <img src="/Content/NetPrime/Img/brillo1.png" />
330                            </div>
331                            <div class="text-center">
332                                <div class="truncate-text-2">
333                                    <txt3>{{ libro.TituloCorto }}</txt3>
334                                </div>
335                            </div>
336                        </div>
337                    </div>
338                </div>
339            </div>
340        </div>
341    </div>
342
343    <div class="d-block d-lg-flex px-1 px-lg-5 mx-0 mx-lg-5 social-section mb-5 mt-5" style="padding: 75px;">
344        <!-- Sección de redes sociales -->
345        <div class="col-12 col-lg-5 d-flex flex-column text-white px-5">
346            <h3 class="mb-4 mt-3">Únete a nuestra comunidad</h3>
347            <txt5 class="my-3 my-lg-4">
348                Conoce nuestras redes sociales y mantente al tanto de noticias,
349                últimas adiciones y actividades de la Biblioteca
350            </txt5>
351
352            <div class="my-3" style="border: 1px solid rgba(71, 159, 204, 1);"></div>
353
354            <div class="social-icons d-flex justify-content-between mt-4 px-5">
355                <template v-for="(red, index) in redes">
356                    <a :key="index" :href="red.Url" target="_blank" class="icon-link mx-2"><i :class="red.Icono"></i></a>
357                </template>
358            </div>
359
360            <div class="my-3" style="border: 1px solid rgba(71, 159, 204, 1);"></div>
361
362            <div class="row d-flex flex-column align-items-end  g-2 g-md-4">
363                <div class="col w-auto">
364                    <button id="btn-creditos" class="btn-squared" data-bs-toggle="modal" href="#modal
364-creditos">
365                        Creditos
366                    </button>
367                </div>
368            </div>
369        </div>
370
371        <!-- Sección de Twitter -->
372        <div class="col-12 col-lg-7 twitter-section">
373            <div id="tweet-embed" class="twitter-feed pe-3 center"></div>
374        </div>
375    </div>
376
377    <!-- Modal tag 2 -->
378    <div class="modal fade" id="modal-tag-2" aria-hidden="true" tabindex="-1">
379        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
380            <div class="modal-content">
381                <div class="modal-header py-4">
382                    
383                    <img src="/Content/Assets/BibliotecaRBSP/images/close-modal.svg" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close" />
384                </div>
385                <div class="modal-body">
386                    <div v-html="tag">
387                    </div>
388                </div>
389            </div>
390        </div>
391    </div>
392
393    <!-- Modal Black Video -->
394    <div class="modal fade" id="modal-black-video" aria-hidden="true" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
395        <div class="modal-dialog modal-xl modal-dialog-centered">
396            <div class="modal-content">
397                <div class="modal-header">
398                    <img src="/Content/NetPrime/Img/icons8-close-30.png" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close" onclick="stopVideoIframe()" />
399                </div>
400                <div class="modal-body">
401                    <video id="video-banner-modal" :src="'/' + banner.UrlVideo" class="rounded w-100 object-fit-fill"
402                           v-bind:poster="banner.UrlPortadaVideo" controls preload="none" playsinline></video>
403                </div>
404            </div>
405        </div>
406    </div>
407
408    <!-- Modal Tematicas-->
409    <div class="modal fade" id="menu-categorias" tabindex="-1" aria-labelledby="Categorias" aria-hidden="true">
410        <div class="modal-dialog  modal-dialog-centered modal-xl">
411            <div class="modal-content">
412                <div class="modal-body">
413                    <div class="pb-3 pb-md-2" style="text-align:end;">
414                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
415                    </div>
416                    <div class="contenedor-categorias">
417                        <div class="tema-block py-2 py-md-3 mb-3" v-on:click="mostrarBusqueda(tema)" v-for="tema in tematicas">
418                            <div class="titulo-categoria" :data-id="tema.Id" :data-desc="tema.Tematica">
419                                <txt6>{{tema.Tematica}} </txt6>
420                            </div>
421                        </div>
422                    </div>
423                </div>
424                <div class="pb-3 pb-md-0"> &nbsp;</div>
425            </div>
426        </div>
427    </div>
428
429
430    <div class="modal fade" id="modal-creditos" aria-hidden="true" tabindex="-1">
431        <div class="modal-dialog modal-dialog-scrollable modal-lg modal-dialog-centered">
432            <div class="modal-content">
433                <div class="modal-header d-flex justify-content-end py-4">
434                    <img src="/Content/Assets/BibliotecaRBSP/images/close-modal.svg" class="btn-close-custom" data-bs-dismiss="modal" aria-label="Close" />
435                </div>
436                <div class="modal-body py-4 py-md-5">
437                    <div class="row row-cols-1 row-cols-md-2 g-2 g-md-4 m-0 text-center">
438                        <div class="col d-flex flex-column" v-for="item in creditos">
439                            <txt5 class="mb-0">{{item.PersonaNombre}}</txt5>
440                            <txt1>{{item.Puesto}}</txt1>
441                        </div>
442                    </div>
443                </div>
444            </div>
445        </div>
446    </div>
447</div>
448
449<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
vendor: 2 bytes, line 449
449
450<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
vendor: 2 bytes, line 450
450
451<script src="/Scripts/Areas/BibliotecaRBSP/home.js"></script>
vendor: 2 bytes, line 451
451
452<script src="/Scripts/Areas/BibliotecaRBSP/vue-home.js"></script>
452 <!-- Aquí se renderizará el contenido de tus páginas -->
453    </main>
454
455    <div id="biblioteca-layout">
456        <footer class="footer">
457            <div class="redes-sociales py-4 py-md-5">
458                <div v-for="(red, index) in redes" :key="index">
459                    <a :href="red.Url" target="_blank">
460                        <i :class="red.Icono"></i>
461                    </a>
462                </div>
463            </div>
464            <div class="aviso-privacidad py-2">
465                <txt2>Aviso de privacidad</txt2>
466                <txt2>Términos y condiciones de uso</txt2>
467                <txt2>Todos los derechos reservados 2026</txt2>
468            </div>
469        </footer>
470
471        <!-- Modal Menú-->
472        <!--<div class="modal fade" id="modalMenuProgramas" tabindex="-1" aria-labelledby="modalProgramas" aria-hidden="true">
473            <div class="m-0 w-menu">
474                <div class="modal-content w-menu">
475                    <div class="modal-header">
476                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
477                    </div>
478                    <div class="modal-body p-0">
479                        
480<div v-if="programasMenu" class="modal-dialog my-0" id="menu-programas">
481    <ul class="programas-externos">
482        <li>
483            <a class="nav-link" href="/rbsp-nosotros" target="_blank">
484                <div>
485                    <txt6>¿Quiénes somos?</txt6>
486                </div>
487            </a>
488        </li>
489
490        <li>
491            <a class="nav-link" href="/rbsp-fundador" target="_blank">
492                <div>
493                    <txt6>Fundador</txt6>
494                </div>
495            </a>
496        </li>
497        <li>
498            <a class="nav-link" href="/agenda" target="_blank">
499                <div>
500                    <txt6>Eventos</txt6>
501                </div>
502            </a>
503        </li>
504
505        <li>
506            <a class="nav-link" href="/Gs-Acervo" target="_blank">
507                <div>
508                    <txt6>Acervo</txt6>
509                </div>
510            </a>
511        </li>
512
513        <li>
514            <a class="nav-link" href="/gs-mexico" target="_blank">
515                <div>
516                    <txt6>México: imágenes y tradiciones</txt6>
517                </div>
518            </a>
519        </li>
520
521        <li>
522            <a class="nav-link" v-bind:href="programasMenu[4].UrlUmbraco" target="_blank">
523                <div>
524                    <txt6>Biblioteca RBS</txt6>
525                </div>
526            </a>
527        </li>
528
529        <li>
530            <a class="nav-link" href="https://www.ricardosalinas.com/" target="_blank">
531                <div>
532                    
533                    <img src="/Content/NetPrime/Img/logo_blog_transparente.png" />
534                </div>
535            </a>
536        </li>
537    </ul>
538    <ul class="programas-internos">
539
540        <li class="titulo">
541            <a>
542                <div>
543                    <txt2>Conoce nuestros programas:</txt2>
544                </div>
545            </a>
546        </li>
547
548        <li>
549            <a class="nav-link" v-bind:href="programasMenu[1].UrlUmbraco" target="_blank">
550                <div>
551                    <img src="/Content/NetPrime/Img/AycLogo.png">
552                </div>
553                <div class="px-3">
554                    <txt6>Arte y Cultura</txt6>
555                </div>
556            </a>
557        </li>
558
559        <li>
560            <a class="nav-link" v-bind:href="programasMenu[2].UrlUmbraco" target="_blank">
561                <div class="MenuInfImgContent">
562                    <img src="/Content/NetPrime/Img/CdlLogo.png">
563                </div>
564                <div class="px-3">
565                    <txt6>Caminos de la Libertad</txt6>
566                </div>
567            </a>
568        </li>
569
570        <li>
571            <a class="nav-link" href="https://festivaldelasideas.mx/" target="_blank">
572                <div>
573                    <img src="/Content/NetPrime/Img/FDIlogo.png">
574                </div>
575                <div class="px-3">
576                    <txt6>Festival de las Ideas</txt6>
577                </div>
578            </a>
579        </li>
580
581        <li>
582            <a class="nav-link" v-bind:href="programasMenu[0].UrlUmbraco" target="_blank">
583                <div class="MenuInfImgContent">
584                    <img src="/Content/NetPrime/Img/kybLogo.png">
585                </div>
586                <div class="px-3">
587                    <txt6>Kybernus</txt6>
588                </div>
589            </a>
590        </li>
591
592    </ul>
593</div>
594                    </div>
595                </div>
596            </div>
597        </div>-->
598    </div>
599
600    
600<script src="https://cdn.jsdelivr.net/npm/pnotify/dist/umd/PNotify.js"></script>
600
601    
601<script src="https://cdn.jsdelivr.net/npm/pnotify/dist/umd/PNotifyButtons.js"></script>
601
602    
602<script src="https://cdn.jsdelivr.net/npm/pnotify/dist/umd/PNotifyStyleMaterial.js"></script>
602
603    
603<script src="/Scripts/Areas/BibliotecaRBSP/vue-layout.js"></script>
603
604</body>
605</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.