premiers css

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

@@ -3,25 +3,30 @@
 {% macro loop(page) %}
     {% for p in page.children.visible %}
         {% set current_page = (p.active or p.activeChild) ? 'selected' : '' %}
-        {% if p.children.visible.count > 0 %}
             <div class="has-children {{ current_page|e }}">
                     {# parent #}
                     <h2>{{ p.menu|e }}</h2>
                     {{ p.content|raw }}
-                <div>
-                    {{ _self.loop(p) }}
-                </div>
+                    {% if p.children.visible.count > 0 %}
+                        <div>
+                            {% for ppage in p.children.visible %}
+                                <h3>{{ ppage.menu|e }}</h3>
+                                {{ ppage.content|raw }}
+                                {% if p.children.visible.count > 0 %}
+                                    <div>
+                                        {% for pppage in ppage.children.visible %}
+                                            <h4>{{ pppage.menu|e }}</h4>
+                                            {{ pppage.content|raw }}
+                                        {% endfor %}
+                                    </div>
+                                {% endif %}
+                            {% endfor %}
+                        </div>
+                    {% endif %}
             </div>
-        {% else %}
-            <div class="{{ current_page|e }}">
-                    {# enfant #}
-                    <h3>{{ p.menu|e }}</h3>
-                    {{ p.content|raw }}
-            </div>
-        {% endif %}
     {% endfor %}
 {% endmacro %}
 
 {% block content %}
     {{ _self.loop(pages) }}
-{% endblock %}
+{% endblock %}

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

@@ -48,7 +48,7 @@
     {{ assets.js('bottom')|raw }}
 {% endblock %}
 <script>
-	let content = document.getElementById("body");
+	let content = document.getElementById('body');
 
         content = content.innerHTML.replaceAll("[fullpage2imgs]", '<div class="fullpage2imgs">');
         content = content.replaceAll("[/fullpage2imgs]", '</div>');
@@ -66,6 +66,21 @@
         content = content.replaceAll("[/fullpageimage]", '</div>');
 
         document.getElementById("body").innerHTML = content;
+    
+    let moments = document.getElementsByClassName("moment");
+
+    for(let i = 0; i < moments.length; i++) {
+        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(' —'));
+    }
+
+    let labeurs = document.getElementsByClassName("labeur");
+    for(let i = 0; i < labeurs.length; i++) {
+        if (labeurs[i].childNodes.length == 1) {
+            labeurs[i].innerHTML = '<p>' + labeurs[i].innerHTML + '</p>';
+        } else {
+            labeurs[i].innerHTML = "<p>" + labeurs[i].innerHTML.replace("<p>", "");
+        }
+    }   
 
 </script>
 </body>