templates/Default/base.html.twig line 1

Open in your IDE?
  1. {% extends 'Default/parameters.html.twig' %}
  2. {% block html %}
  3. <!doctype html>
  4. <html lang='fr' class='{{desktop("adapt")}}'>
  5.     <head>
  6.         <title>{{t}}</title>
  7.         <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
  8.         <meta name='description' content='{{d}}' />
  9.         <meta name='viewport' content='width=device-width, user-scalable=no, initial-scale=1' />
  10.         <meta property='fb:app_id' content='798097520521275' />
  11.         <meta property='og:url' content='{{app.request.uri}}' />
  12.         <meta property='og:type' content='article' />
  13.         <meta property='og:title' content='{{t}}' data-dynamic='true' />
  14.         <meta property='og:description' content='{{d}}' data-dynamic='true' />
  15.         <meta property='og:image' content='{{w}}{{thumb}}?v=001' data-dynamic='true' />
  16.         <meta property='og:image:width' content='{{thumbnailSize.width}}' data-dynamic='true'>
  17.         <meta property='og:image:height' content='{{thumbnailSize.height}}' data-dynamic='true'>
  18.         <meta property='og:locale' content='fr_FR' />
  19.         <meta property='og:site_name' content='{{sitename}}' />
  20.         <meta property='twitter:url' content='{{app.request.uri}}' />
  21.         <meta property='twitter:card' content='summary' />
  22.         <meta property='twitter:title' content='{{t}}' />
  23.         <meta property='twitter:description' content='{{d}}' />
  24.         <meta property='twitter:image' content='{{w}}{{thumb}}' />
  25.         <link rel="icon" href="{{asset('images/logo-alt.svg')}}">
  26.         <link type='text/css' rel='stylesheet' href='{{asset("css/os-style.css")}}' />
  27.         <link type='text/css' rel='stylesheet' href='{{asset("css/style.css")}}' />
  28.         <link type='text/css' rel='stylesheet' href='{{asset("css/os-anim.css")}}' />
  29.        {# <script src="https://kit.fontawesome.com/5c0ab7f24a.js" crossorigin="anonymous"></script>#}
  30.          <link type='text/css' rel='stylesheet' href='{{asset("fonts/fa/css/all.min.css")}}' /> 
  31.         {% block css %}
  32.         {% endblock %}
  33.     </head>
  34.     <body class='{{bgcolor ?? "bg-white"}}'>
  35.         {% block container %}
  36.         <div id='container' class='container relative w100 hoverflow'>
  37.             <header id='header' class='bg-success fixed left top w100 hheight transition-alt {{desktop("")}} {{mobile("")}}'>
  38.             {% block header %}
  39.                 <div class='relative flex row fill transition-alt {{desktop("")}}'>
  40.                     <a id='logo' href='{{path("home")}}' class='bg-white hwidth flex col {{desktop("padding-10")}} {{mobile("")}}'>
  41.                         <span class="fill relative">
  42.                             <img src="{{asset(os_param('logo'))}}" class='block relative contain'>
  43.                         </span>
  44.                     </a>
  46.                     {% block menu %}
  47.                     <div class="flex row middle around {{desktop('w100')}}">
  48.                         <menu id='menu' class='transition-alt upper {{desktop("h100")}} {{mobile("bg-success fixed top left htop w100")}}'>
  49.                             {{render(controller('App\\Controller\\DefaultController::menu',{activeMenu:(menu is defined ? menu)}))}}
  50.                         </menu>
  51.                         {% if isMobile() %}
  52.                         <div id='btn-menu' class='left-25 flex col middle os-click' data-target='#menu'>
  53.                             <i class='fa fa-bars h1 white'></i>
  54.                         </div>
  55.                         {% else %}
  56.                         <a class="bg-success-alt vt-10-in hz-25-in white radius-5 upper nowrap" href="{{path('registration')}}">Pré-inscription</a>
  57.                         {% endif %}
  58.                     </div>
  59.                     {% endblock %}
  60.                 </div>
  61.             {% endblock header %}
  62.             </header>
  63.             <div id='' class='relative w100 {{desktop("flex row")}} {{mobile("")}}'>
  64.                 <div class="flex col hwidth relative htop-in">
  65.                     <div class="bg-success-alt flex col h4 white">
  66.                         <a class="hheight flex row middle center" href="{{os_param('socialmedia').facebook}}"><i class="fab fa-facebook-square"></i></a>
  67.                         <a class="hheight flex row middle center" href="{{os_param('socialmedia').twitter}}"><i class="fab fa-twitter"></i></a>
  68.                         <a class="hheight flex row middle center" href="{{os_param('socialmedia').youtube}}"><i class="fab fa-youtube"></i></a>
  69.                         <span class="os-click bg-success white hheight flex row middle center" data-target="#searchBox"><i class="fa fa-search"></i></span>
  70.                     </div>
  71.                 </div>
  72.                 {% block banner %}
  73.                 <div id='' class='banner relative w100 {{desktop("htop-in")}} {{mobile("")}}'>
  74.                     <div class='relative flex col fill {{desktop("")}} {{mobile("")}}'>
  75.                         <figure class="fill relative hoverflow">
  76.                             <img src="{{b}}" class="cover">
  77.                         </figure>
  78.                         <i class="hheight"></i>
  79.                     </div>
  80.                 </div>
  81.                 {% endblock banner %}
  82.             </div>
  83.             {% block titlebox %}
  84.             {% if not home %}
  85.             <div class='relative w100 flex col gpadding {{desktop("")}} {{mobile("")}}'>
  86.                 {% block title %}
  87.                 <i class="vt-5-in bg-gray quarter-80 radius-5"></i>
  88.                 <h1 class='success h2'>{{title is defined ? title}}</h1>
  89.                 {% endblock title %}
  90.                 {% if description is defined or subtitle is defined %}
  91.                 <p class="h4 semibold">
  92.                 {{description is defined ? description|nl2br : subtitle}}
  93.                 </p>
  94.                 {% endif %}
  95.             </div>
  96.             {% endif %}
  97.             {% endblock %}
  98.             {% block body %}
  99.             <div id='content' class='bg-white content relative'>
  100.                 {% block content %}
  101.                 {% endblock content %}
  102.             </div>
  103.             {% endblock body %}
  105.             {% if isMobile() and not home and noShare is not defined %}
  106.             <div class='flex row middle space  bg-gray sharing-box gpadding {{desktop('vt-40-in')}} {{mobile('vt-20-in')}}'>
  107.                 <h2 class='h6 success-alt upper vt-8-in font-alt bold'>Partager cette page</h2>
  108.                 <div class='flex row middle success-alt'>
  109.                     {% set link = app.request.uri %}
  110.                     {% if title is not defined %}{% set title = "Site web du "~sitename %} {% endif %}
  111.                     {% set class = "iflex col middle center h2 "~ desktop('left-20')~ mobile('left-8') %}
  112.                     <a class='{{class}}' title='Partager via WhatsApp' target='_blank' href='whatsapp://send?text={{title}} => {{link}}'><i class='transition fab fa-whatsapp'></i></a>
  113.                     <a class='{{class}}' title='Partager sur Facebook' target='_blank' href='https://www.facebook.com/sharer/sharer.php?u={{link}}&t={{title}}'><i class='transition fab fa-facebook-square'></i></a>
  114.                     <a class='{{class}}' title='Partager sur Twitter' target='_blank' href='https://twitter.com/intent/tweet?text={{title}}&url={{link}}'><i class='transition fab fa-twitter'></i></a>
  115.                     <a class='{{class}}' title='Envoyer par mail' target='_blank' href='mailto:?subject={{title}}&amp;body=Je vous invite à lire cette page :  {{link}}.'><i class='transition fa fa-envelope'></i></a>
  116.                     <a class='{{class}}' title='Partager sur LinkedIn' target='_blank' href='https://www.linkedin.com/shareArticle?mini=true&url={{link}}&title={{title}}'><i class='transition fab fa-linkedin'></i></a>
  117.                 </div>
  118.             </div>
  119.             {% endif %}
  121.             {# <div class='bg-warning gpadding relative w100 {{desktop("hpadding")}} {{mobile("vt-30-in")}}'>
  122.                 <figure class="absolute top left fill transparent-alt">
  123.                     <img src="{{asset('images/newsletter.jpg')}}" class="cover">
  124.                 </figure>
  125.                 <div class="relative flex col middle {{desktop("center")}} {{mobile("")}}">
  126.                     <div class="flex col text-center {{desktop('center')}}">
  127.                         <h2 class="h1 white text-center upper extrabold {{desktop("")}} {{mobile("bottom-20")}}">NEWSLETTER</h2>
  128.                         <p class="white medium {{desktop('half_80')}}">Inscrivez-vous pour recevoir régulièrement les dernières nouvelles sur l'avancée du Programme d'Actions du Gouvernement.</p>
  129.                     </div>
  130.                     <div class="flex row middle {{desktop('half-80 top-40')}} {{mobile('gpadding top-20')}}">
  131.                     {{render(controller('App\\Controller\\DefaultController::subscribers',{}))}}
  132.                     </div>
  133.                 </div>
  134.             </div> #}
  136.             {% block footer %}
  137.             <footer id="footer" class="bg-success relative gpadding flex col center {{desktop('vt-60-in op-40')}} {{mobile(' text-center vt-40-in')}}">
  138.                 <figure class="relative hoverflow {{desktop('gheight gwidth')}} {{mobile('icon medium')}}">
  139.                     <img src="{{l}}" class="block contain">
  140.                 </figure>
  141.                 <div class="relative flex row center text-center {{desktop('gpadding top-20')}}{{mobile('')}}">
  142.                     <p class="white">
  143.                         © Copyright {{"now"|date('Y')}}
  144.                         <br>{{sitename}}
  145.                     </p>
  146.                 </div>
  147.             </footer>
  148.             <div class='bg-success w100 flex flag flex-1 w100 gpadding'>
  149.                 <div class='w100 flex flag flex-1 block-center half'>
  150.                     <i class=""></i>
  151.                     <i></i>
  152.                     <i></i>
  153.                 </div>
  154.             </div>
  155.             {% endblock footer %}
  156.         </div>
  157.     {% endblock container %}
  160.         <div id='searchBox' class='anim-display anim-show vfill fixed top left'>
  161.             <i class="block bg-success transparent fill absolute top left"></i>
  162.             <div class='hpadding fill flex row center middle'>
  163.                 <div class='relative shadow {{desktop("half_80 vt-80-in hz-80-in")}} {{mobile("vt-20-in hz-20-in")}} bg-white'>
  164.                     <div class='absolute top right bg-error padding-10'>
  165.                         <span data-target='#searchBox' class='block icon close contain filter-white os-click'></span>
  166.                     </div>
  167.                     <div class='w100 flex col around'>
  168.                         <div class='flex col middle top-20'>
  169.                             <h2 class='h3 success'>Faire une recherche</h2>
  170.                             <p class='h6 upper text-left top-20 bottom-20'>Actualités, formations, documents, pages, etc.</p>
  171.                             <div class='flex row'>
  172.                                 <div class='bg-gray w100'>
  173.                                     <input id='searchInput' data-action='{{path("search",{keywords:":keywords"})}}' type='search' class='os-search block nobg border border-gray noradius h4 black vt-20-in {{desktop("hz-40-in")}} {{mobile("hz-20-in")}} block w100' placeholder='Saisissez votre recherche ici'>
  174.                                 </div>
  175.                                 <div class='relative flex col middle center {{desktop("")}} {{mobile("")}} vt-10-in hz-20-in bg-success'>
  176.                                     <span class='block icon small search contain filter-white os-search-btn pointer' data-target='#searchInput'></span>
  177.                                 </div>
  178.                             </div>
  179.                         </div>
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.         </div>
  185.     {% set notices = app.session.flashBag.get('notice') %}
  186.     {% if notices|length %}
  187.         <div class='popup show gpadding flex col middle center'>
  188.             <span class='icon contain close os-close filter-white absolute top right'></span>
  189.             {% for notice in notices %}
  190.             <div class='flex row middle center relative bg-white hz-40-in vt-20-in '>
  191.                 <div class='flex row  success text-left'>
  192.                     <i class='fa fa-thumbs-up fa-3x top-5  right-20'></i>
  193.                     <p class='h4  black'>{{notice|raw}}</p>
  194.                 </div>
  195.             </div>
  196.             {% endfor %}
  197.         </div>
  198.     {% endif %}
  200.         {% if app.request.schemeAndHttpHost() != 'http://localhost' %}
  202.         {% endif %}
  203.         <script src='{{asset("js/jquery-3.6.0.min.js")}}'></script>
  204.         <script src='{{asset("js/os-script.js")}}?v=004'></script>
  205.         <script src='{{asset("js/script.js")}}?v=004'></script>
  206.         {% block js %}
  207.         {% endblock %}
  208.     </body>
  209. </html>
  210. {% endblock %}