templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  6.     <title>{% block title %}Victory At Sea - France{% endblock %}</title>
  7.     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  8.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  9.     {% block stylesheets %}
  10.     {% endblock %}
  11.     <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
  12.     <!-- Google fonts-->
  13.     <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
  14.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
  15.     <!-- Core theme CSS (includes Bootstrap)-->
  16.     <link href="{{ asset('styles/styles.css') }}" rel="stylesheet" />
  17.     <link href="{{ asset('styles/app.css') }}" rel="stylesheet" />
  18.     {% block javascripts %}
  19.     {% endblock %}
  20.     <!-- Matomo -->
  21.     <script>
  22.         var _paq = window._paq = window._paq || [];
  23.         /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  24.         _paq.push(['trackPageView']);
  25.         _paq.push(['enableLinkTracking']);
  26.         (function() {
  27.             var u="//analytics.esteban.cloud/";
  28.             _paq.push(['setTrackerUrl', u+'matomo.php']);
  29.             _paq.push(['setSiteId', '1']);
  30.             var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  31.             g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  32.         })();
  33.     </script>
  34.     <!-- End Matomo Code -->
  35. </head>
  36. <body>
  37. {% block body %}
  38.     <!-- Navigation-->
  39. {% block top_nav %}
  40.     <nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
  41.         <div class="container px-4 px-lg-5">
  42.             <a class="navbar-brand" href="{{ path('home') }}">Victory At Sea France</a>
  43.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  44.                 Menu
  45.                 <i class="fas fa-bars"></i>
  46.             </button>
  47.             <div class="collapse navbar-collapse" id="navbarResponsive">
  48.                 <ul class="navbar-nav ms-auto py-4 py-lg-0">
  49.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="{{ path('home') }}">Accueil</a></li>
  50.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="{{ path('presentation') }}">Présentation</a></li>
  51.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="{{ path('rules') }}">Règles</a></li>
  52.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="{{ path('community') }}">Communauté</a></li>
  53.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="{{ path('actus') }}">Actus</a></li>
  54.                 </ul>
  55.             </div>
  56.         </div>
  57.     </nav>
  58. {% endblock %}
  59.     <!-- Page Header-->
  60. {% block header %}
  61.     <header class="masthead" style="background-image: url('{{ asset("/img/VAS.jpg") }}')">
  62.         <div class="container position-relative px-4 px-lg-5">
  63.             <div class="row gx-4 gx-lg-5 justify-content-center">
  64.                 <div class="col-md-10 col-lg-8 col-xl-7">
  65.                     <div class="site-heading">
  66.                         <h1>Victory at Sea</h1>
  67.                         <span class="subheading">Communauté francophone</span>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </header>
  73. {% endblock %}
  74.     <!-- Main Content-->
  75.     <div class="container px-4 px-lg-5">
  76.         {% block central_content %}
  77.             <div class="gx-4 gx-lg-5">
  78.                 {% block content %}
  79.                     <div class="col-md-10 col-lg-8 col-xl-7">
  80.                         <!-- Post preview-->
  81.                         <div class="post-preview">
  82.                             <a href="post.html">
  83.                                 <h2 class="post-title">Man must explore, and this is exploration at its greatest</h2>
  84.                                 <h3 class="post-subtitle">Problems look mighty small from 150 miles up</h3>
  85.                             </a>
  86.                             <p class="post-meta">
  87.                                 Posted by
  88.                                 <a href="#!">Start Bootstrap</a>
  89.                                 on September 24, 2021
  90.                             </p>
  91.                         </div>
  92.                         <!-- Divider-->
  93.                         <hr class="my-4" />
  94.                         <!-- Post preview-->
  95.                         <div class="post-preview">
  96.                             <a href="post.html"><h2 class="post-title">I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.</h2></a>
  97.                             <p class="post-meta">
  98.                                 Posted by
  99.                                 <a href="#!">Start Bootstrap</a>
  100.                                 on September 18, 2021
  101.                             </p>
  102.                         </div>
  103.                         <!-- Divider-->
  104.                         <hr class="my-4" />
  105.                         <!-- Post preview-->
  106.                         <div class="post-preview">
  107.                             <a href="post.html">
  108.                                 <h2 class="post-title">Science has not yet mastered prophecy</h2>
  109.                                 <h3 class="post-subtitle">We predict too much for the next year and yet far too little for the next ten.</h3>
  110.                             </a>
  111.                             <p class="post-meta">
  112.                                 Posted by
  113.                                 <a href="#!">Start Bootstrap</a>
  114.                                 on August 24, 2021
  115.                             </p>
  116.                         </div>
  117.                         <!-- Divider-->
  118.                         <hr class="my-4" />
  119.                         <!-- Post preview-->
  120.                         <div class="post-preview">
  121.                             <a href="post.html">
  122.                                 <h2 class="post-title">Failure is not an option</h2>
  123.                                 <h3 class="post-subtitle">Many say exploration is part of our destiny, but it’s actually our duty to future generations.</h3>
  124.                             </a>
  125.                             <p class="post-meta">
  126.                                 Posted by
  127.                                 <a href="#!">Start Bootstrap</a>
  128.                                 on July 8, 2021
  129.                             </p>
  130.                         </div>
  131.                         <!-- Divider-->
  132.                         <hr class="my-4" />
  133.                         <!-- Pager-->
  134.                         <div class="d-flex justify-content-end mb-4"><a class="btn btn-primary text-uppercase" href="#!">Older Posts →</a></div>
  135.                     </div>
  136.                 {% endblock %}
  137.             </div>
  138.         {% endblock %}
  139.     </div>
  140.     <!-- Footer-->
  141.     <footer class="border-top">
  142.         {% block footer %}
  143.             <div class="container px-4 px-lg-5">
  144.                 <div class="row gx-4 gx-lg-5 justify-content-center">
  145.                     <div class="col-md-10 col-lg-8 col-xl-7">
  146.                         <div class="small text-center text-muted fst-italic">Copyright &copy; Victory at Sea France {{ "now"|date("Y") }}</div>
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.         {% endblock %}
  151.     </footer>
  152.     <!-- Bootstrap core JS-->
  153.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  154. {% endblock %}
  155. </body>
  156. </html>