templates/base_off.html.twig line 34

Open in your IDE?
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="x-ua-compatible" content="ie=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  9.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  10.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  11.     <link rel="manifest" href="/site.webmanifest">
  12.     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#27428d">
  13.     <meta name="msapplication-TileColor" content="#2b5797">
  14.     <meta name="theme-color" content="#ffffff">
  16.     <title>{% block title %}OURA{% endblock %}</title>
  17.     {% block stylesheets %}
  18.     <link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
  19.     <link href="/node_modules/jqueryui/jquery-ui.min.css" rel="stylesheet">
  20.     <link href="/node_modules/suggestags/css/amsify.suggestags.css" rel="stylesheet">
  21.     <link href="https://unpkg.com/multiple-select@1.3.1/dist/multiple-select.css" rel="stylesheet">
  22.     <link href="/css/app.css" rel="stylesheet">
  23.     {% endblock %}
  24.   </head>
  25.   <body>
  26.     <div class="off-canvas position-left burger-menu" id="offCanvas" data-off-canvas>
  27.       <ul class="vertical menu">
  28.         <li>
  29.             <a href="{{ path('content_about')}}">
  30.               {% include 'svg/question.svg' %}
  31.               {% trans from 'main' %}A propos{% endtrans %}
  32.             </a>
  33.           </li>
  34.         <li {{ (selected == 'dashboard') ? 'class="is-active"'}}>
  35.           <a href="#" data-open="modal-help">
  36.             {% include 'svg/dashboard.svg' %}
  37.             {% trans from 'main' %}Présentation{% endtrans %}
  38.           </a>
  39.         </li>
  40.         
  41.          
  42.         <li>
  43.           <a href="#" data-open="modal-tut">
  44.             {% include 'svg/question.svg' %}
  45.             {% trans from 'main' %}Guide d'utilisation{% endtrans %}
  46.           </a>
  47.         </li>    
  48.         <li>
  49.             <a href="{{ path('content_policies')}}">
  50.               {% include 'svg/policy_privacy.svg' %}
  51.               {% trans from 'main' %}Conditions générales{% endtrans %}
  52.             </a>
  53.           </li>   
  54.       </ul>
  55.     </div>
  56.     <div class="off-canvas-content" data-off-canvas-content>
  57.       <div class="grid-container full">
  58.         <div class="grid-x">
  59.           <div class="large-12 cell l-navigation inside">
  60.             <div class="burger-button" data-toggle="offCanvas">
  61.               <div class="bar arrow-top-r"></div>
  62.               <div class="bar arrow-middle-r"></div>
  63.               <div class="bar arrow-bottom-r"></div>
  64.             </div>
  65.             <div class="logo">
  66.               <p><strong>{% block pageTitle %}OURA{% endblock %}</strong></p>
  67.             </div>
  68.             <div class="my-account">
  69.               <ul class="dropdown menu" data-dropdown-menu>
  70.                 <li {{ (selected == 'about') ? 'class="is-active"'}}><a href="{{ path('content_about')}}">{% trans from 'main' %}A propos{% endtrans %}</a></li>
  71.                 <li {{ (selected == 'dashboard') ? 'class="is-active"'}}><a href="#" data-open="modal-help">{% trans from 'main' %}Présentation{% endtrans %}</a></li>
  72.                 <li><a href="#" data-open="modal-tut">{% trans from 'main' %}Guide d'utilisation{% endtrans %}</a></li>
  73.                 <li {{ (selected == 'policies') ? 'class="is-active"'}}><a href="{{ path('content_policies')}}">{% trans from 'main' %}Conditions générales{% endtrans %}</a></li>
  74.                 
  75.               </ul>
  76.             </div>
  77.           </div>
  78.         </div>
  79.         <div class="grid-container full">
  80.         {% block body %}
  81.         {% endblock %}
  82.       </div>
  83.     </div>
  84.     <div class="reveal l-casecontainer l-modal medium" id="modal-help" data-reveal>
  85.         <div class="case">
  86.             <h2>Guide d'utilisation</h2>   
  87.             <div class="main-container">
  88.                 <video id='video' controls="controls" preload='none' width="100%" poster="/poster.png">
  89.                     <source id='mp4' src="/pres.mp4" type='video/mp4' />
  90.                     <p>Your user agent does not support the HTML5 Video element.</p>
  91.                   </video>
  92.             </div>
  93.         </div>
  94.     </div>
  96.     <div class="reveal l-casecontainer l-modal medium" id="modal-tut" data-reveal>
  97.         <div class="case">
  98.             <h2>Tutoriel étudiants</h2>   
  99.              <div class="main-container">
  100.                 <video id='video' controls="controls" preload='none' width="100%" poster="/poster.png">
  101.                     <source id='mp4' src="/tutos.mp4" type='video/mp4' />
  102.                     <p>Your user agent does not support the HTML5 Video element.</p>
  103.                   </video>
  104.             </div>
  105.         </div>
  106.         <div class="case">
  107.             <h2>Tutoriel enseignants</h2>   
  108.             <div class="main-container">
  109.                 <video id='video' controls="controls" preload='none' width="100%" poster="/poster.png">
  110.                     <source id='mp4' src="/tutot.mp4" type='video/mp4' />
  111.                     <p>Your user agent does not support the HTML5 Video element.</p>
  112.                   </video>
  113.             </div>
  114.         </div>
  115.     </div>
  116.     {% block javascripts %}
  117.     <script src="/node_modules/jquery/dist/jquery.js"></script>
  118.     <script src="/node_modules/what-input/dist/what-input.js"></script>
  119.     <script src="/node_modules/foundation-sites/dist/js/foundation.js"></script>
  120.     <script src="https://kit.fontawesome.com/6d35245ac4.js"></script>
  121.     <script src="/node_modules/suggestags/js/jquery.amsify.suggestags.js"></script>
  122.     <script src="https://www.gstatic.com/charts/loader.js"></script>
  123.     <script src="https://unpkg.com/multiple-select@1.3.1/dist/multiple-select.js"></script>
  124.     <script src="/js/prevent.js"></script>
  125.     <script src="/js/flash.js"></script>
  126.     <script src="/js/app.js"></script>
  127.     {% endblock %}
  128.   </body>
  129. </html>