base.html.twig 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. <script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
  13. {% endblock head %}
  14. {% block stylesheets %}
  15. {% do assets.addCss('https://unpkg.com/purecss@1.0.0/build/pure-min.css', 100) %}
  16. {% do assets.addCss('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 99) %}
  17. {% do assets.addCss('theme://css/pagedjs.css', 98) %}
  18. {% do assets.addCss('theme://css/custom.css', 97) %}
  19. {% do assets.addCss('theme://fonts/fonts.css', 96) %}
  20. {% do assets.addCss('theme://css/mep_carnet.css', 95) %}
  21. {% endblock %}
  22. {% block javascripts %}
  23. {% do assets.addJs('jquery', 100) %}
  24. {% endblock %}
  25. {% block assets deferred %}
  26. {{ assets.css()|raw }}
  27. {{ assets.js()|raw }}
  28. {% endblock %}
  29. </head>
  30. <body id="top" class="{{ page.header.body_classes|e }}">
  31. {% block body %}
  32. <section id="body">
  33. <div>
  34. {% block content %}{% endblock %}
  35. </div>
  36. </section>
  37. {% endblock %}
  38. {% block bottom %}
  39. {{ assets.js('bottom')|raw }}
  40. {% endblock %}
  41. <script>
  42. let content = document.getElementById('body');
  43. content = content.innerHTML.replaceAll("[fullpage2imgs]", '<div class="fullpage2imgs">');
  44. content = content.replaceAll("[/fullpage2imgs]", '</div>');
  45. content = content.replaceAll("[labeur]", '<div class="labeur">');
  46. content = content.replaceAll("[/labeur]", '</div>');
  47. content = content.replaceAll("[moment]", '<div class="moment">');
  48. content = content.replaceAll("[/moment]", '</div>');
  49. content = content.replaceAll("[temps]", '<div class="temps">');
  50. content = content.replaceAll("[/temps]", '</div>');
  51. content = content.replaceAll("[fullpageimage]", '<div class="fullpageimage">');
  52. content = content.replaceAll("[/fullpageimage]", '</div>');
  53. document.getElementById("body").innerHTML = content;
  54. let moments = document.getElementsByClassName("moment");
  55. for(let i = 0; i < moments.length; i++) {
  56. 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(' —'));
  57. }
  58. let labeurs = document.getElementsByClassName("labeur");
  59. for(let i = 0; i < labeurs.length; i++) {
  60. if (labeurs[i].childNodes.length == 1) {
  61. labeurs[i].innerHTML = '<p>' + labeurs[i].innerHTML + '</p>';
  62. } else {
  63. labeurs[i].innerHTML = "<p>" + labeurs[i].innerHTML.replace("<p>", "");
  64. }
  65. }
  66. </script>
  67. </body>
  68. </html>