templates/Default/base.html.twig line 1

  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/favicon.ico')}}">
  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/6451c614e6.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=''>
  35.         {% block container %}
  36.         <div id='container' class='container relative w100 hoverflow'>
  37.             <header id='header' class='w100 fixed left top transition-alt bg-white '>
  38.             {% block header %}
  39.                 <div class="flex row space hheight w100 top transition-alt {{desktop('gleft-in border noborder border-1x border-gray border-bottom')}}{{mobile('gpadding')}}">
  40.                     <div class='relative flex row space fill transition-alt {{desktop("")}} {{mobile("")}}'>
  41.                             <a  href='{{path("home")}}' class='h100 relative {{desktop("vt-5-in")}} {{mobile("vt-5-in")}}'>
  42.                                 <img src="{{asset(os_param('logo'))}}" class='block h100'>
  43.                             </a>
  45.                         {% block menu %}
  46.                         <div class="flex row middle space relative {{desktop('left-30 left-80-in border noborder  border-1x border-gray  border-left w100')}}">
  47.                             <menu id='menu' class='fill flex row middle transition-alt {{desktop("h100 left-10 left-1-in right-80 right-80-in")}} {{mobile("bg-success fixed top left htop w100")}}'>
  48.                                 {{render(controller('App\\Controller\\DefaultController::menu',{activeMenu:(menu is defined ? menu)}))}}
  49.                             </menu>
  50.                             <div class="flex row middle {{desktop('h100 left-80 left-25-in')}} {{mobile('')}}">
  52.                                 <div class="flex row middle  {{desktop('h100 left-3')}} {{mobile('')}}">
  53.                                     {% if isDesktop() %}
  54.                                     <div class="flex row middle white  {{desktop('vt-8-in hz-25-in radius-30')}} {{mobile('right-8')}}">
  55.                                         <a class='flex row middle center h4 {{desktop("left-10")}} {{mobile("left-5")}}' href='{{os_param("socialmedia")["twitter"]}}' target="_blank" title="Compte twitter"><i class="fab fa-twitter success"></i></a>
  56.                                         <a class='flex row middle center h4 {{desktop("left-10")}} {{mobile("left-5")}}' href='{{os_param("socialmedia")["youtube"]}}' target="_blank" title="Compte youtube"><i class="fab fa-youtube success"></i></a>
  57.                                         <a class='flex row middle center h4 {{desktop("left-10")}} {{mobile("left-5")}}' href='{{os_param("socialmedia")["flickr"]}}' target="_blank" title="Compte flickr"><i class="fab fa-flickr success"></i></a>
  58.                                     </div>
  59.                                     {% endif %}
  60.                                     <i class='os-click pointer flex row bg-success center middle {{desktop("h100 left-10 hz-40-in")}} {{mobile("padding-5")}}' data-target="#searchBox" >
  61.                                         <i class='block fa fa-search white {{desktop("h4")}} {{mobile("p")}}'></i>
  62.                                         <span class='left-10 white {{desktop("p")}} {{mobile("p-alt")}}'>Recherche</span>
  63.                                     </i>
  64.                                 </div>
  65.                             </div>
  66.                             {% if isMobile() %}
  67.                             <div id='btn-menu' class='left-10 flex col middle os-click' data-target='#menu'>
  68.                                 <i class='fa fa-bars h1 warning'></i>
  69.                             </div>
  70.                             {% endif %}
  71.                         </div>
  72.                         {% endblock %}
  73.                     </div>
  74.                 </div>
  75.             {% endblock header %}
  76.             </header>
  77.             {% block banner %}
  78.                 <div id='' class='banner relative htop {{desktop(" bottom-20-in")}} {{mobile("")}}' {% if bgColor is defined %} style="background : {{bgColor}};" {%endif%}>
  79.                     <div class='{{desktop("")}} {{mobile("vt-40-in")}}'>
  80.                         <div class='relative {{desktop("")}} {{mobile("")}}'>
  81.                             {% block titlebox %}
  82.                             <div class='w100 relative flex col center {{desktop("vt-40-in")}} {{mobile("")}}'>
  83.                                 {% block title %}
  84.                                 <div class="flex row center middle {{desktop('')}} {{mobile('bottom-15')}}">
  85.                                     <icon class="icon medium contain relative">
  86.                                         <img src="{{asset('images/title-icon.png')}}" class="contain">
  87.                                     </icon>
  88.                                     <h1 class="flex row aquawax extrabold {{desktop('title')}}" style="color: {{titleColor is defined ? titleColor : 'var(--success-color)'}};">{{title is defined ? title}}</h1>
  89.                                 </div>
  90.                                 {% endblock title %}
  91.                                 {% if desc is defined or subtitle is defined %}
  92.                                 <p class="h4 semibold black {{desktop('top-20')}}{{mobile('top-10')}}">
  93.                                 {{desc is defined ? desc|nl2br : subtitle}}
  94.                                 </p>
  95.                                 {% endif %}
  96.                             </div>
  97.                             {% endblock %}
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             {% endblock banner %}
  104.             {% block body %}
  105.             <div id='content' class='bg-white content relative'>
  106.                 {% block content %}
  107.                 {% endblock content %}
  108.             </div>
  109.             {% endblock body %}
  111.            {# {% if isMobile() and not home and noShare is not defined %}
  112.             <div class="flex row middle space  bg-gray sharing-box gpadding {{desktop('vt-40-in')}} {{mobile('vt-20-in')}}">
  113.                 <h2 class='h6 success-alt upper vt-8-in font-alt bold'>Partager cette page</h2>
  114.                 <div class='flex row middle success-alt'>
  115.                     {% set link = app.request.uri %}
  116.                     {% if title is not defined %}{% set title = "Site web du "~sitename %} {% endif %}
  117.                     {% set class = "iflex col middle center h2 "~ desktop('left-20')~ mobile('left-8') %}
  118.                     <a class='{{class}}' title='Partager via WhatsApp' target='_blank' href='whatsapp://send?text={{title}} => {{link}}'><i class='transition fab fa-whatsapp'></i></a>
  119.                     <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>
  120.                     <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>
  121.                     <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>
  122.                     <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>
  123.                 </div>
  124.             </div>
  125.             {% endif %} #}
  127.             {% block footer %}
  128.             <footer id="footer" class="w100 {{desktop('')}} {{mobile('')}}">
  129.                 <div class="w100 border border-success relative {{desktop('')}} {{mobile('')}}">
  130.                     <figure class="absolute top left fill {{desktop('')}} {{mobile('')}}">
  131.                         <img src='{{asset("images/utile.jpg")}}' class="cover">
  132.                         <div class="relative fill bg-success"></div>
  133.                     </figure>
  134.                     <div class="relative fill {{desktop('gpadding top-80 top-80-in bottom-80 bottom-80-in')}} {{mobile('hz-20-in vt-40-in')}}">
  135.                         <div class="lien-utile w100 flex row {{desktop('top-30 top-6-in bottom-30 bottom-2-in')}} {{mobile('')}}">
  136.                             <div class="{{desktop('right-40 right-7-in')}} {{mobile('')}}">
  137.                                 <h2 class="flex row aquawax extrabold white {{desktop('h1')}}" style="writing-mode: vertical-rl;text-orientation: mixed; transform:rotate(180deg)">Liens utiles</h2>
  138.                             </div>
  139.                             <div class="w100 {{desktop('')}} {{mobile('')}}">
  140.                                 <div class="w100 flex row {{desktop('')}} {{mobile('')}}">
  141.                                     <a href="https://www.gouv.bj/" target="_blank" class="gouv-utile block relative h100 {{desktop('')}} {{mobile('w100')}}">
  142.                                         <figure class="fill absolute left top {{desktop('')}} {{mobile('')}}">
  143.                                             <img src='{{asset("images/bg-gouv.jpg")}}' class="cover">
  144.                                             <div class="relative fill" style="background: linear-gradient(0deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.72))"></div>
  145.                                         </figure>
  146.                                         <div class="relative fill  {desktop('')}} {{mobile('')}}">
  147.                                             <figure class="fill relative flex row center {{desktop('')}} {{mobile('')}}">
  148.                                                 <img src='{{asset("images/gouv.png")}}' class="contain {{desktop('hz-70-in')}} {{mobile('hz-30-in')}}">
  149.                                             </figure>
  150.                                         </div>
  151.                                     </a>
  152.                                     <div class="fill lien-utile1  {{desktop('flex row')}} {{mobile('')}}">
  153.                                         <div class="w100 {{desktop('')}} {{mobile('')}}">
  154.                                             <a href="https://numerique.gouv.bj/" target="_blank" class="numerique-utile fill relative bg-warning block {{desktop('')}} {{mobile('')}}">
  155.                                                 <figure class="fill relative flex row center hoverflow {{desktop('')}} {{mobile('')}}">
  156.                                                     <img src='{{asset("images/numerique.png")}}' class="contain {{desktop('')}} {{mobile('hz-30-in')}}">
  157.                                                 </figure>
  158.                                             </a>
  159.                                             <a href="https://finances.gouv.bj/" target="_blank" class="finance-utile fill relative block {{desktop('')}} {{mobile('')}}" style="background: #1A588F;">
  160.                                                 <figure class="fill relative flex row center hoverflow {{desktop('')}} {{mobile('')}}">
  161.                                                     <img src='{{asset("images/finance.png")}}' class="contain {{desktop('')}} {{mobile('hz-30-in')}}">
  162.                                                 </figure>
  163.                                             </a>
  164.                                         </div>
  165.                                         <div class="{{desktop('')}} {{mobile('')}}">
  166.                                             <a href="" target="_blank" class="arcep-utile fill relative block" style="background: #1A588F;">
  167.                                                 <figure class="fill relative flex row center hoverflow {{desktop('')}} {{mobile('')}}">
  168.                                                     <img src='{{asset("images/arcep.png")}}' class="contain {{desktop('hz-50-in')}} {{mobile('hz-25-in')}}">
  169.                                                 </figure>
  170.                                             </a>
  171.                                             <a href="" target="_blank" class="fill relative bg-white block">
  172.                                                 <figure class="fill relative flex row center hoverflow {{desktop('')}} {{mobile('')}}">
  173.                                                     <img src='{{asset("images/apdp.png")}}' class="contain {{desktop('hz-50-in')}} {{mobile('hz-25-in')}}">
  174.                                                 </figure>
  175.                                             </a>
  176.                                         </div>
  177.                                     </div>
  178.                                 </div>
  179.                             </div>
  180.                         </div>
  181.                     </div>
  182.                 </div>
  183.                 <div class='bg-white relative w100 {{desktop("gright-in")}} {{mobile("hz-20-in")}}' {%if isDesktop() %} style="padding-left : calc(var(--content-margin) + var(--50px) + var(--4px) + var(--h1-size));" {%endif%}>
  184.                     <div class="absolute left top w100 bg-success {{desktop('vt-50-in')}} {{mobile('')}}"></div>
  185.                     <div class='relative w100 {{desktop("")}} {{mobile("")}}'>
  186.                         <figure class="fill absolute left top {{desktop('')}} {{mobile('')}}">
  187.                             <img src='{{asset("images/newsletter.jpg")}}' class="cover">
  188.                             <div class="relative newsletter-mask fill" style="opacity: .92;"></div>
  189.                         </figure>
  190.                         <div class='w100 relative {{desktop("top-60-in left-80-in bottom-60-in")}} {{mobile("vt-30-in")}}'>
  191.                             <div id="newsletter" class='{{desktop("top-7 left-20 left-2-in bottom-4")}} {{mobile("")}} '>
  192.                                 <div class="flex col space">
  193.                                     <h1 class='white aquawax {{desktop("extrabold")}} {{mobile("h2")}}'>
  194.                                         La newsletter
  195.                                     </h1>
  196.                                 </div>
  197.                                 <p class='white semibold {{desktop("h4 top-30 top-7-in")}} {{mobile("p top-20")}}'>Abonnez-vous à notre newsletter afin de vous tenir au courant</p>
  198.                                 <div class="{{desktop('top-30 top-8-in')}} {{mobile('top-20')}}">
  199.                                         {{render(controller('App\\Controller\\Front\\SubscribersFrontController::form',{}))}}
  200.                                 </div>
  201.                             </div>
  202.                         </div>
  203.                     </div>
  204.                 </div>
  205.                 
  206.                  {#<div class="bg-success-alt {{desktop('hz-30-in top-80-in bottom-40-in')}} {{mobile('vt-25-in')}}">
  207.                     <div class="gpadding flex row middle space  {{desktop('')}} {{mobile(' wrap center')}}">
  208.                    {{render(controller('App\\Controller\\DefaultController::menu',{isFooter:1}))}}
  209.                     </div>
  210.                 </div>#}
  211.                 <div class="w100 bg-white {{desktop('hz-50-in top-10 top-80-in')}} {{mobile('vt-20-in')}}">
  212.                     <div class="{{desktop('bottom-30 bottom-7-in')}} {{mobile('')}}">
  213.                         <figure class="flex row center gheight relative hoverflow {{desktop('')}} {{mobile('')}}">
  214.                             <img src="{{asset(os_param('logo'))}}" class="h100">
  215.                         </figure>
  216.                     </div>
  217.                     <div class="gpadding {{desktop('border noborder border-1x border-top border-gray top-50-in bottom-70 bottom-1-in')}} {{mobile('vt-30-in')}}">
  218.                         <div class="flex row middle space {{desktop('top-3')}} {{mobile('wrap center')}}">
  219.                             <p class="medium success {{desktop('h4')}} {{mobile('')}}">© Agence des Systèmes d'Information et du Numérique - 2023</p>
  220.                             <p class="medium success {{desktop('h4')}}{{mobile('')}}"><a href='{{url("page",{"slug":"politique-confidentialite"})}}'>Mentions légales et gestions des cookies</a></p>
  221.                         </div>
  222.                     </div>
  223.                 </div>
  224.                 <div class='bg-white w100 flex row center'>
  225.                     <div class='{{desktop("half")}}'>
  226.                         <div class='flex flag flex-1 block-center w100'>
  227.                             <i></i>
  228.                             <i></i>
  229.                             <i></i>
  230.                         </div>
  231.                     </div>
  232.                 </div>
  233.             </footer>
  234.             {% endblock footer %}
  235.         </div>
  236.     {% endblock container %}
  239.         <div id='searchBox' class='anim-display anim-show vfill fixed top left'>
  240.             <i class="block bg-success transparent fill absolute top left"></i>
  241.             <div class='hpadding fill flex row center middle'>
  242.                 <div class='relative shadow {{desktop("half_80 vt-80-in hz-80-in")}} {{mobile("vt-20-in hz-20-in")}} bg-white'>
  243.                     <div class='absolute top right bg-warning-alt padding-10'>
  244.                         <span data-target='#searchBox' class='block icon close contain filter-white os-click'></span>
  245.                     </div>
  246.                     <div class='w100 flex col around'>
  247.                         <div class='flex col middle top-20'>
  248.                             <h2 class='h3 success'>Faire une recherche</h2>
  249.                             <p class='h6 upper text-left top-20 bottom-20'>Actualités, Projets, opportunités, etc.</p>
  250.                             <div class='flex row'>
  251.                                 <div class='bg-gray w100'>
  252.                                     <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'>
  253.                                 </div>
  254.                                 <div class='relative flex col middle center {{desktop("")}} {{mobile("")}} vt-10-in hz-20-in bg-success'>
  255.                                     <span class='block icon small search contain filter-white os-search-btn pointer' data-target='#searchInput'></span>
  256.                                 </div>
  257.                             </div>
  258.                         </div>
  259.                     </div>
  260.                 </div>
  261.             </div>
  262.         </div>
  264.     {% set notices = app.session.flashBag.get('notice') %}
  265.     {% if notices|length %}
  266.         <div class='popup show gpadding flex col middle center'>
  267.             <span class='icon contain close os-close filter-white absolute top right'></span>
  268.             {% for notice in notices %}
  269.             <div class='flex row middle center relative bg-white hz-40-in vt-20-in '>
  270.                 <div class='flex row  success text-left'>
  271.                     <i class='fa fa-thumbs-up fa-3x top-5  right-20'></i>
  272.                     <p class='h4  black'>{{notice|raw}}</p>
  273.                 </div>
  274.             </div>
  275.             {% endfor %}
  276.         </div>
  277.     {% endif %}
  279.         {% if app.request.schemeAndHttpHost() != 'http://localhost' %}
  281.         {% endif %}
  282.         <script src='{{asset("js/jquery-3.6.0.min.js")}}'></script>
  283.         <script src='{{asset("js/os-script.js")}}?v=004'></script>
  284.         <script src='{{asset("js/script.js")}}?v=004'></script>
  285.         {% block js %}
  286.         {% endblock %}
  287.     </body>
  288. </html>
  289. {% endblock %}