contenus + fakemd

user/themes/carnet-atterrissage/css/mep_carnet.css

@@ -0,0 +1,40 @@
+@page {
+    size: 165mm 230mm;
+    margin-top: 10mm;
+    margin-bottom: 10mm;
+}
+
+@page:left {
+  margin-left: 15mm;
+  margin-right: 10mm;
+}
+
+@page:right {
+  margin-left: 10mm;
+  margin-right: 25mm;
+}
+
+#body {
+	background-color: #eee;
+}
+
+h2 {
+	color: blue;
+}
+
+h3 {
+	color: red;
+}
+
+.labeur {
+	font-size: 8pt;
+}
+
+.moment {
+	font-weight: bold;
+}
+
+.temps {
+	font-family: serif;
+}
+

user/themes/carnet-atterrissage/templates/default.html.twig

@@ -4,20 +4,20 @@
     {% for p in page.children.visible %}
         {% set current_page = (p.active or p.activeChild) ? 'selected' : '' %}
         {% if p.children.visible.count > 0 %}
-            <li class="has-children {{ current_page|e }}">
+            <div class="has-children {{ current_page|e }}">
                     {# parent #}
-                    {{ p.menu|e }}
+                    <h2>{{ p.menu|e }}</h2>
                     {{ p.content|raw }}
-                <ul>
+                <div>
                     {{ _self.loop(p) }}
-                </ul>
-            </li>
+                </div>
+            </div>
         {% else %}
-            <li class="{{ current_page|e }}">
+            <div class="{{ current_page|e }}">
                     {# enfant #}
-                    {{ p.menu|e }}
+                    <h3>{{ p.menu|e }}</h3>
                     {{ p.content|raw }}
-            </li>
+            </div>
         {% endif %}
     {% endfor %}
 {% endmacro %}

user/themes/carnet-atterrissage/templates/partials/base.html.twig

@@ -20,6 +20,7 @@
     {% do assets.addCss('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', 99) %}
     {% do assets.addCss('theme://css/pagedjs.css', 98) %}
     {% do assets.addCss('theme://css/custom.css', 97) %}
+    {% do assets.addCss('theme://css/mep_carnet.css', 96) %}
 {% endblock %}
 
 {% block javascripts %}
@@ -35,7 +36,7 @@
 
         {% block body %}
             <section id="body">
-                <div class="wrapper padding">
+                <div>
                 {% block content %}{% endblock %}
                 </div>
             </section>
@@ -45,6 +46,20 @@
 {% block bottom %}
     {{ assets.js('bottom')|raw }}
 {% endblock %}
+<script>
+	let content = document.getElementById("body");
 
+        content = content.innerHTML.replaceAll("[labeur]", '<div class="labeur">');
+        content = content.replaceAll("[/labeur]", '</div>');
+
+        content = content.replaceAll("[moment]", '<div class="moment">');
+        content = content.replaceAll("[/moment]", '</div>');
+
+        content = content.replaceAll("[temps]", '<div class="temps">');
+        content = content.replaceAll("[/temps]", '</div>');
+
+        document.getElementById("body").innerHTML = content;
+
+</script>
 </body>
 </html>