templates/base2.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <title>kmapi</title>
  5.         <meta name="description" content="Sanctus">
  7.         <meta name="viewport" content="width=device-width, maximum-scale=5, initial-scale=1, user-scalable=0">
  8.         <!--[if IE]>
  9.             <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
  11.         <!-- up to 10% speed up for external res -->
  12.         {# <link rel="dns-prefetch" href="https://fonts.googleapis.com/"> <link rel="dns-prefetch" href="https://fonts.gstatic.com/">
  13.                 <link rel="preconnect" href="https://fonts.googleapis.com/">
  14.                 <link rel="preconnect" href="https://fonts.gstatic.com/"> #}
  15.         <!-- preloading icon font is helping to speed up a little bit -->
  16.         <link rel="preload" href="{{ asset('smarty/fonts/flaticon/Flaticon.woff2') }}" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="{{ asset('smarty/css/core.css') }}">
  17.         <link rel="stylesheet" href="{{ asset('smarty/css/vendor_bundle.min.css') }}">
  18.         {# <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap"> #}
  20.         <!-- fontawesome -->
  21.         <link
  22.         rel="stylesheet" href="{{ asset('fontawesome/css/all.css') }}"> <!-- favicon -->
  23.         <link rel="shortcut icon" href="{{ asset('favicon.ico') }}">
  24.         <link rel="apple-touch-icon" href="{{ asset('smarty/images/hab.png') }}">
  26.         {%- block css -%}
  28.     {%- endblock -%}
  30.     {# <link rel="manifest" href="{{ asset('eventos_manifest.json') }}"> #}
  31.     <meta name="theme-color" content="#377dff">
  32.     <style>
  33.         body {
  34.             color: #777;
  35.             margin: 0;
  36.             /* background: url("{{ asset('pe.jpg') }}"); */
  37.             /*    background-color: coral;*/
  39.             background-repeat: no-repeat;
  40.             background-size: 100% 100%;
  42.         }
  44.         #footer2 {
  45.             width: 100%;
  46.             height: 100px;
  47.             background-color: black;
  48.             border-top: 0 solid #E0E0E0;
  49.             position: absolute;
  50.             bottom: 0;
  51.             left: 0;
  52.             text-align: center;
  53.         }
  55.         .br2 {
  56.             display: block;
  57.             margin-bottom: 0;
  58.         }
  60.         /* @media print {
  61.             body * {
  62.             visibility: show;
  63.             size:landscape;
  64.             }
  65.           }
  66.          */
  69.         @page {
  70.             size: auto;
  71.         }
  72.     </style>
  74. </head>
  77. <body class="header bg-light">
  79.     <div
  80.         id="wrapper">
  83.         <!-- HEADER -->
  84.         <header id="header" class="shadow-xs bg-gradient-dark">
  87.             <!-- NAVBAR -->
  88.             {# <div class="container position-relative"> #}
  89.                 <div class="ml-2 mr-2 position-relative">                 {# <span class="badge fs--11 mb-3" >  </span>   #}
  92.             </div>
  93.             <!-- /NAVBAR -->
  95.         </header>
  96.         <!-- /HEADER -->
  98.         {%- block body -%}
  101.         <div class="heading-title heading-border mb-20">
  102.             <div class="position-absolute end-0">
  103.                 <a class="btn btn-primary btn-sm" href="{{ asset('videos/plan-marco-2023.mp4') }}" type="video/mp4" target="_blank">
  104.                     <small>
  105.                         Assista o vídeo com a novidade de Março de 2023</small>
  106.                 </a>
  107.                 <br>
  108.                 <a class="btn btn-primary btn-sm" href="{{ asset('videos/plan-julho-2023.mp4') }}" type="video/mp4" target="_blank">
  109.                 <small>
  110.                         Assista o vídeo com a novidade de Julho de 2023</small>
  111.                 </a>
  112.                 <br>
  114.         <video id="videoPlayer" width="620" height="440" controls>
  115.             <source src="{{ asset('videos/plan-julho-2023.mp4') }}" type="video/mp4">
  116.             Seu navegador não suporta reproduzir vídeos.
  117.         </video>
  119.             </div>
  121.         </div>
  124.     {%- endblock -%}
  125.     {#
  126.         style="color:white;"
  127.         <footer id="footer2" class="footer-dark shadow-xs bg-gradient-dark">
  128.         <div class="bg-distinct py-3 clearfix ">
  129.         <div class="fs--14 py-2 float-start float-none-xs m-0-xs">
  130.         Copyright  &copy; {{ sanctus.parameters.instituicaoSigla }}-{{ sanctus.parameters.instituicao}} - CNPJ: {{ sanctus.parameters.cnpj}} ,
  131.         Todos os direitos reservados.  By: <span class="text-gray-200 "><a href="https://sanctus.net.br" target="_blank" class="text-bold-800 grey darken-2"> Sanctus </a></span>
  132.     
  133.         </div>
  134.         </div>
  135.         </footer>
  136.         #}
  138.     {#
  139.         <footer id="footer" class="footer-dark sticky">
  140.     
  141.     
  142.         <div class="bg-distinct py-3 clearfix ">
  143.     
  144.         <div class="container clearfix font-weight-light text-center-xs">
  145.     
  146.         <div class="fs--14 py-2 float-start float-none-xs m-0-xs">
  147.         Copyright  &copy; {{ sanctus.parameters.instituicaoSigla }}-{{ sanctus.parameters.instituicao}} - CNPJ: {{ sanctus.parameters.cnpj}} , Todos os direitos reservados.  By: <span class="text-gray-200 "><a href="https://sanctus.net.br" target="_blank" class="text-bold-800 grey darken-2"> Sanctus </a></span>
  148.         </div>
  149.     
  150.         </div>
  151.         </div>
  152.     
  153.         </footer> #}
  156. </div>
  157. <!-- /#wrapper -->
  158. <script></script>
  159. <script src="{{ asset('smarty/js/core.min.js') }}"></script>
  160. <script src="{{ asset('smarty/js/vendor_bundle.min.js') }}"></script>
  161. <script>
  162.     $.SOW.config.sow__debug_enable = false;
  164.     // Obtém a referência do elemento de vídeo
  165.                 const videoPlayer = document.getElementById('videoPlayer');
  167.                 // Obtém a data atual
  168.                 const currentDate = new Date().toISOString().split('T')[0];
  170.                 // Define a data de término desejada
  171.                 const endDate = '2023-07-15';
  173.                 // Verifica se a data atual é menor ou igual à data de término
  174.                 if (currentDate <= endDate) { // Se a data atual estiver dentro do limite, reproduz o vídeo
  175.                 videoPlayer.play();
  176.                 } else { // Se a data atual for posterior à data de término, exibe uma mensagem de vídeo expirado
  177.                 videoPlayer.style.display = 'none'; // Esconde o elemento de vídeo
  178.                 //alert('Aguarde em breve teremos novidades.');
  179.                 }
  181. </script>
  183. {%- block javascript -%}{%- endblock -%}</body></html>