base.html.twig 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <html lang="{{ (grav.language.getActive ?: grav.config.site.default_lang)|e }}">
  3. <head>
  4. {% block head %}
  5. <meta charset="utf-8" />
  6. <title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. {% include 'partials/metadata.html.twig' %}
  10. <link rel="icon" type="image/png" href="{{ url('theme://images/logo.png')|e }}" />
  11. <link rel="canonical" href="{{ page.canonical(true)|e }}" />
  12. {# paged polyfill #}
  13. <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
  14. {% endblock head %}
  15. {% block stylesheets %}
  16. {% do assets.addCss('https://unpkg.com/purecss@1.0.0/build/pure-min.css', 100) %}
  17. {% do assets.addCss('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 99) %}
  18. {% do assets.addCss('theme://css/pagedjs.css', 98) %}
  19. {% do assets.addCss('theme://css/custom.css', 97) %}
  20. {% do assets.addCss('theme://fonts/fonts.css', 96) %}
  21. {% do assets.addCss('theme://css/mep_carnet.css', 95) %}
  22. {% endblock %}
  23. {% block javascripts %}
  24. {% do assets.addJs('jquery', 100) %}
  25. {% endblock %}
  26. {% block assets deferred %}
  27. {{ assets.css()|raw }}
  28. {{ assets.js()|raw }}
  29. {% endblock %}
  30. </head>
  31. <body id="top" class="{{ page.header.body_classes|e }}">
  32. {% block body %}
  33. <section id="body">
  34. <div>
  35. {% block content %}{% endblock %}
  36. </div>
  37. </section>
  38. {% endblock %}
  39. {% block bottom %}
  40. {{ assets.js('bottom')|raw }}
  41. {% endblock %}
  42. <script>
  43. let content = document.getElementById('body');
  44. content = content.innerHTML.replaceAll("[fullpage2imgs]", '<div class="fullpage2imgs">');
  45. content = content.replaceAll("[/fullpage2imgs]", '</div>');
  46. content = content.replaceAll("[labeur]", '<div class="labeur">');
  47. content = content.replaceAll("[/labeur]", '</div>');
  48. content = content.replaceAll("[moment]", '<div class="moment">');
  49. content = content.replaceAll("[/moment]", '</div>');
  50. content = content.replaceAll("[temps]", '<div class="temps">');
  51. content = content.replaceAll("[/temps]", '</div>');
  52. content = content.replaceAll("[fullpageimage]", '<div class="fullpageimage">');
  53. content = content.replaceAll("[/fullpageimage]", '</div>');
  54. document.getElementById("body").innerHTML = content;
  55. let moments = document.getElementsByClassName("moment");
  56. for(let i = 0; i < moments.length; i++) {
  57. moments[i].innerHTML = "<span class='first-letter'>" + moments[i].innerHTML.substring(0, moments[i].innerHTML.indexOf('—')) + "</span>" + moments[i].innerHTML.slice(moments[i].innerHTML.indexOf(' —'));
  58. }
  59. let labeurs = document.getElementsByClassName("labeur");
  60. for(let i = 0; i < labeurs.length; i++) {
  61. if (labeurs[i].childNodes.length == 1) {
  62. labeurs[i].innerHTML = '<p>' + labeurs[i].innerHTML + '</p>';
  63. } else {
  64. labeurs[i].innerHTML = "<p>" + labeurs[i].innerHTML.replace("<p>", "");
  65. }
  66. }
  67. </script>
  68. </body>
  69. </html>