templates/home/index.html.twig line 1

  1. {# templates/home/index.html.twig #}
  2. {% extends 'base.html.twig' %}
  4. {% block homebanner %}
  5.     {% if app.user == false %}
  6.         <div class="fullscreen-bg">
  7.             <div class="block-fullscreen">
  8.                 <div class="block-column">
  9.                     <div class="">
  10.                         <h2 class="gb-headline news gb-headline-text"><strong>Novedades 23/24</strong></h2>
  11.                         <h5 class="gb-headline gb-headline-text">FOL</h5>
  12.                         <h5 class="gb-headline gb-headline-text">MATEMÁTICAS</h5>
  13.                         <h5 class="gb-headline gb-headline-text">FÍSICA Y QUÍMICA</h5>
  14.                         <h5 class="gb-headline gb-headline-text">FP BÁSICA</h5>
  15.                         <div class="">
  16.                             <a class="gb-button gb-button-28443d3d gb-button-text" href="{{ path('app_login') }}">Identificarse</a>
  17.                         </div>
  18.                     </div>
  19.                 </div>
  20.             </div>
  21.             <div class="gb-shapes">
  22.                 <div class="gb-shape gb-shape-1">
  23.                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 96.2" preserveAspectRatio="none"><path d="M0 96.2h1200V72.9l-50-8.9c-50-8.6-150-26.9-250-22.2C800 46.2 700 72.9 600 64 500 55.4 400 10.4 300 1.8 200-7.1 100 19.5 50 32.9L0 46.2v50z"></path></svg></div><div class="gb-shape gb-shape-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 130.3" preserveAspectRatio="none"><path d="M0 107.9l40-22.2c40-21.9 120-66.9 200-62.2 80 4.4 160 57.8 240 53.3C560 72 640 10.4 720 1.2S880 37 960 59c80 22.3 160 22.3 200 22.3h40v49H0v-22.4z"></path></svg></div><div class="gb-shape gb-shape-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 218" preserveAspectRatio="none"><path d="M0 218h1200v-31.3l-40 4.4c-40 4.8-120 13.1-200 0-80-13.6-160-48.6-240-66.7-80-17.8-160-17.8-240-8.8-80 8.6-160 26.9-240 8.8-80-17.7-160-71.1-200-97.7L0 0v218z"></path></svg></div><div class="gb-shape gb-shape-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 194.3" preserveAspectRatio="none"><path d="M1200 133.3l-50 8.9c-50 8.6-150 26.9-250 31.1-100 4.2-200-4.2-300-26.7S400 89.2 300 62.2C200 35.8 100 17.5 50 8.9L0 0v194.3h1200v-61z"></path></svg>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.     {% endif %}
  28. {% endblock %}
  30. {% block body %}
  32.     <div class="clearfix" style="height:100%;width:100%;"></div>
  34.     <div class="col-md-12">
  36.     {% if app.user == false %}
  37.         <div class="">
  38.                 <h3 class="gb-headline">
  39.                     <span class="gb-icon">
  40.                         <svg class="feather feather-minus" viewBox="0 0 24 24" height="48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path></svg></span><span class="gb-headline-text"><strong>Actualízate</strong>
  41.                     </span>
  42.                 </h3>
  43.                 <p class="text-center has-medium-font-size">Da el paso a la trasformación digital del aprendizaje, aprovecha los recursos interactivos del libro digital para conseguir la atención del alumnado del siglo XXI.</p>
  45.                 <div class="gb-container">
  46.                     <div class="gb-container-box column-shadow">
  47.                         <div class="gb-headline gb-headline-d45ca32d">
  48.                             <span class="gb-icon">
  49.                                 <svg viewBox="0 0 16 16" class="bi bi-cast" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="m7.646 9.354-3.792 3.792a.5.5 0 0 0 .353.854h7.586a.5.5 0 0 0 .354-.854L8.354 9.354a.5.5 0 0 0-.708 0z"></path>   <path d="M11.414 11H14.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h3.086l-1 1H1.5A1.5 1.5 0 0 1 0 10.5v-7A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v7a1.5 1.5 0 0 1-1.5 1.5h-2.086l-1-1z"></path> </svg>
  50.                             </span>
  51.                         </div>
  52.                         <h4 class="gb-headline gb-headline-ea4869ee gb-headline-text">PROYÉCTALO</h4>
  53.                         <p class="text-center">Proyecta todos los contenidos en el aula y mejora la experiencia de  aprendizaje del alumnado.</p>
  54.                         <p></p>
  55.                     </div>
  56.                     <div class="gb-container-box column-shadow">
  57.                         <div class="gb-headline gb-headline-7da7af6b">
  58.                             <span class="gb-icon">
  59.                                 <svg viewBox="0 0 16 16" class="bi bi-play-btn" fill="currentColor" height="16" width="16" xmlns="http://www.w3.org/2000/svg">   <path d="M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"></path>   <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"></path> </svg>
  60.                             </span>
  61.                         </div>
  62.                         <h4 class="gb-headline gb-headline-135abca3 gb-headline-text">VIDEOS</h4>
  63.                         <p class="text-center">Accede a los enlaces de los vídeos directamente. Aprovecha los contenidos que ofrece la red.</p>
  64.                         <p></p>
  65.                     </div>
  66.                     <div class="gb-container-box column-shadow">
  67.                         <div class="gb-headline gb-headline-8d0ff61e">
  68.                             <span class="gb-icon">
  69.                                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-text" viewBox="0 0 16 16">   <path d="M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"></path>   <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"></path>   <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"></path> </svg>
  70.                             </span>
  71.                         </div>
  72.                         <h4 class="gb-headline gb-headline-7a2dc2f2 gb-headline-text">NOTAS</h4>
  73.                         <p class="text-center">Crea tus notas en la plataforma y guárdalas.</p>
  74.                         <p></p>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  80.     {% else %}
  81.         <h3 class="gb-headline">
  82.             <span class="gb-icon">
  83.                 <svg class="feather feather-minus" viewBox="0 0 24 24" height="48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path></svg></span><span class="gb-headline-text"><strong>Bienvenido a EditorialTuLibro</strong>
  84.             </span>
  85.         </h3>
  86.         <p class="text-center">Busca los libros digitales a los que tienes acceso en el panel de usuario</p>
  88.         <script>
  89.             function mostrarAviso(aviso) {
  90.                 var avisado = sessionStorage.getItem('{{sessionid}}');
  91.                 if (avisado) {
  92.                     return;
  93.                 }
  95.                 // Crear elementos HTML para la ventana modal y su contenido
  96.                 var modal = document.createElement("div");
  97.                 modal.id="modalaviso";
  98.                 modal.style.display = "none";
  99.                 modal.style.position = "fixed";
  100.                 modal.style.top = "0";
  101.                 modal.style.left = "0";
  102.                 modal.style.width = "100%";
  103.                 modal.style.height = "100%";
  104.                 modal.style.backgroundColor = "rgba(0, 0, 0, 0.7)";
  105.                 modal.style.zIndex = "1";
  106.                 var modalContent = document.createElement("div");
  107.                 modalContent.style.backgroundColor = "#fff";
  108.                 modalContent.style.borderRadius = "5px";
  109.                 modalContent.style.textAlign = "center";
  110.                 modalContent.style.padding = "20px";
  111.                 modalContent.style.position = "absolute";
  112.                 modalContent.style.top = "50%";
  113.                 modalContent.style.left = "50%";
  114.                 modalContent.style.transform = "translate(-50%, -50%)";
  115.                 var message = document.createElement("p");
  116.                 message.textContent = aviso;
  117.                 var btnOk = document.createElement("button");
  118.                 btnOk.style.padding = "10px 20px";
  119.                 btnOk.style.backgroundColor = "#007bff";
  120.                 btnOk.style.color = "#fff";
  121.                 btnOk.style.border = "none";
  122.                 btnOk.style.cursor = "pointer";
  123.                 btnOk.textContent = "OK";
  124.                 btnOk.addEventListener("click", cerrarAviso.bind(null, modal));
  125.                 // Agregar elementos al DOM
  126.                 modalContent.appendChild(message);
  127.                 modalContent.appendChild(btnOk);
  128.                 modal.appendChild(modalContent);
  129.                 document.body.appendChild(modal);
  130.                 // Mostrar la ventana modal
  131.                 modal.style.display = "block";
  133.                 sessionStorage.setItem('{{sessionid}}', true);
  134.             }
  135.             mostrarAviso("Recuerda que debes cerrar la sesión desde la opción del panel superior y no desde el aspa. Si cierras desde el aspa y no desde el panel, la sesión se quedará abierta y podría bloquearse.");
  136.             function cerrarAviso(elemento) {
  137.                 document.getElementById('modalaviso').remove();
  138.             }
  140.         </script>
  141.     {% endif %}
  144.     </div>
  145. {% endblock %}