base.html.twig 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. {% set theme_config = attribute(config.themes, config.system.pages.theme) %}
  2. <!DOCTYPE html>
  3. <html lang="{{ grav.language.getLanguage ?: 'fr' }}">
  4. <head>
  5. {% block head %}
  6. <meta charset="utf-8" />
  7. <title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ config.site.title|t('html') }}</title>
  8. {% include 'partials/metadata.html.twig' %}
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  10. <link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
  11. <link rel="canonical" href="{{ page.url(true, true) }}" />
  12. <link rel="alternate" href="/home-fr" hreflang="fr" />
  13. <link rel="alternate" href="/home-en" hreflang="en" />
  14. {% block stylesheets %}
  15. {% do assets.addCss('theme://css/jquery.bxslider.css', 101) %}
  16. {% do assets.addCss('theme://css/style.css', 101) %}
  17. {% do assets.addCss('theme://css-compiled/template.css', 101) %}
  18. {% do assets.addCss('theme://css/jquery.mCustomScrollbar.css', 101) %}
  19. {% do assets.addCss('theme://css/media-queries.css', 101) %}
  20. {% endblock %}
  21. {{ assets.css() }}
  22. {% block javascripts %}
  23. {% do assets.addJs('jquery', 101) %}
  24. {% do assets.addJs('theme://js/jquery.mCustomScrollbar.concat.min.js') %}
  25. {% do assets.addJs('theme://js/jquery.bxslider.min.js') %}
  26. {% do assets.addJs('theme://js/script.js') %}
  27. {% endblock %}
  28. {{ assets.js() }}
  29. {% endblock head %}
  30. </head>
  31. <body id="top">
  32. {% block header %}
  33. <header id="header">
  34. <div id="logo">
  35. <h1><a href="{{ base_url == '' ? '/fr' : base_url }}">{{ config.site.title|t }}</a></h1>
  36. <div class="fr-en">
  37. <a href="fr">Fr</a>
  38. /
  39. <a href="en">En</a>
  40. </div>
  41. </div>
  42. <div id="navbar">
  43. <div class="menu-ui">
  44. <div class="picto">
  45. </div>
  46. </div>
  47. {% block header_navigation %}{% endblock %}
  48. </div>
  49. <div class="app">
  50. <a href="https://app.ethica-spinoza.net/">
  51. <img src="/user/themes/ethica/images/logo.svg" alt="">
  52. <strong>app.ethica-spinoza.net</strong>
  53. </a>
  54. </div>
  55. <div class="separation"></div>
  56. </header>
  57. {% endblock %}
  58. {% block body %}
  59. <section id="body">
  60. <div class="content">
  61. {% block content %}{% endblock %}
  62. </div>
  63. </section>
  64. {% endblock %}
  65. {% block footer %}
  66. <footer id="footer">
  67. </footer>
  68. {% endblock %}
  69. {% block bottom %}
  70. {{ assets.js('bottom') }}
  71. {% endblock %}
  72. </body>
  73. </html>