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"> </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.