debug icones lampe et latour

user/data/feed/3a6d0284e743dc4a9b86f97d6dd1a3bf.yaml

@@ -1,4 +1,4 @@
-last_checked: 1687991632
+last_checked: 1687994458
 data:
   -
     title: 'macOS 13.0 Ventura Apache Setup: Upgrading Homebrew'

user/data/notifications/3a6d0284e743dc4a9b86f97d6dd1a3bf.yaml

@@ -1,4 +1,4 @@
-last_checked: 1687991453
+last_checked: 1687994457
 data:
   feed:
     -

user/pages/04.lexperimentation-ou-atterrir-sur-le-mode-de-la-reprise/02.atelier-1-mener-lenquete-sur-le-terrain-de-vie/01.methodologie-outils/default.md

@@ -67,12 +67,16 @@ Faire une ligne droite du plus petit au plus grand sans se parler.
 
 L’artiste-médiateur encourage les participants à faire la ligne jusqu’au bout, à prendre le temps de s’ajuster si nécessaire, jusqu’à ce que le groupe se déclare satisfait du résultat.
 [/labeur]
+
+[breakbefore]
 [latour]
 texte de Bruno Latour - extrait du rapport d’activité du projet pilote (2021)
 
 Commencer par les arts paraissait troublant. « — Quoi, vous prétendez renouveler la politique en nous proposant de nous mettre en ligne, puis en tas, puis en cercle ? Mais quoi, vous nous prenez pour des gamins de sixième ? — Mais quand même, pourquoi nous faire émettre des sons, en commun, par mille astuces, est-ce que par hasard vous nous prenez pour des vieillards dans un Ehpad à qui il faudrait rafraichir la mémoire par les tubes de leur enfance ? — Attendez, apprendre à émettre un son qui vous mette en résonance avec un participant qui se trouve en face de vous, c’est déjà commencer à changer de répertoire. » La « ligne d’Alloue » nous confirmait dans notre décision de ne jamais partir de l’expression d’opinion, parce que l’émetteur de ces opinions n’avait pas la bonne amplitude ou ne sonnait pas dans la bonne tonalité. En effet, le « moi je pense que… » « j’ai mes opinions à moi… » « je tiens à mes valeurs et elles sont inébranlables… », tout ce répertoire d’action, peut-être bien adapté avant la tragédie climatique, mais il n’est plus très opérant quand il s’agit de prendre position devant de nouveaux êtres, ces êtres qui sont précisément en train de faire irruption dans les provinces : le CO2 qu’est-ce qu’il fait là ? Les insectes, comment sentir et sonoriser leur disparition ? Les drames de la globalisation, ça se dit comment ? La mobilité ? La montée des eaux ? La fonte des glaces ? La disparition des anciens métiers ? La misère des petits bourgs ? La délocalisation des entreprises ? L’arrivée des migrants ? Le silence nouveau de la campagne-désert ? Le climat ? Quel est le « je » capable d’absorber de telles questions et de s’exprimer justement à leur propos ? ( … )
 D’où là l’importance décisive des arts. Les bords de votre « moi » changent parce que vous apprenez, par des exercices bien choisis, à écouter, à entrer en résonance avec d’autres manières d’être. Si l’on change de pays, ce qui est, après tout, le but de l’atterrissage, forcément, on change aussi de façons de se comporter. « La politique, dit-on, est l’art du possible » — encore faut-il qu’il y ait des arts pour multiplier les possibles…
 [/latour]
+[/breakafter]
+
 [moment]8 — sociométrie[/moment]
 [temps]10 - 20 min animé par Loïc[/temps]
 [labeur]

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

@@ -77,6 +77,14 @@ h3 {
 	color: red;
 }
 
+.breakbefore {
+  break-before: page;
+}
+
+.breakafter {
+  break-after: page;
+}
+
 .moment {
   padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
   display: block;
@@ -165,14 +173,15 @@ h3 {
   flex-direction: row;
   align-items: center;
   line-height: 1.1;
-/*   font-family: 'Novel';
+  margin-bottom: 3mm;
- */  font-weight: bold;
+  font-weight: bold;
 }
 
-.latour-header div:first-of-type,
+.latour-header img:first-of-type,
-.lampe-header div:first-of-type {
+.lampe-header img:first-of-type {
   margin-top: 1mm;
   margin-right: 2mm;
+  width: 8mm;
 }
 
 .lampe {

user/themes/carnet-atterrissage/js/parsing.js

@@ -17,13 +17,38 @@ let labeurs = document.getElementsByClassName("labeur");
 for(let i = 0; i < labeurs.length; i++) {
     contentToParse.push(labeurs[i]);
 }
+
+// créer header icons pour encarts 
 let latours = document.getElementsByClassName("latour");
 for(let i = 0; i < latours.length; i++) {
     contentToParse.push(latours[i]);
+
+    let headContent = latours[i].firstChild
+    let headerEl = document.createElement('div');
+    headerEl.setAttribute('class', 'latour-header')
+    let iconImg = document.createElement('img');
+    iconImg.setAttribute('src', '/user/themes/carnet-atterrissage/assets/map.png');
+    headerEl.append(iconImg);
+    headerEl.append(headContent);
+
+    latours[i].firstChild.remove();
+    latours[i].prepend(headerEl);
 }
+
 let lampes = document.getElementsByClassName("lampe");
 for(let i = 0; i < lampes.length; i++) {
     contentToParse.push(lampes[i]);
+
+    let headContent = lampes[i].firstChild
+    let headerEl = document.createElement('div');
+    headerEl.setAttribute('class', 'lampe-header')
+    let iconImg = document.createElement('img');
+    iconImg.setAttribute('src', '/user/themes/carnet-atterrissage/assets/lampe.png');
+    headerEl.append(iconImg);
+    headerEl.append(headContent);
+
+    lampes[i].firstChild.remove();
+    lampes[i].prepend(headerEl);
 }
 
 for(let i = 0; i < contentToParse.length; i++) {
@@ -32,12 +57,7 @@ for(let i = 0; i < contentToParse.length; i++) {
     } else {
         contentToParse[i].innerHTML = "<p>" + contentToParse[i].innerHTML.replace("<p>", "");
     }
-    // headers latour / lampe
+        
-    if (contentToParse[i].classList.contains("latour")) {
-        contentToParse[i].childNodes[0].innerHTML = "<div class='latour-header'><div><img src='{{ url('theme://assets/map.png') }}' alt='carte'></div><div>" + contentToParse[i].childNodes[0].innerHTML + "</div></div>";
-    } else if (contentToParse[i].classList.contains("lampe")) {
-        contentToParse[i].childNodes[0].innerHTML = "<div class='lampe-header'><div><img src='{{ url('theme://assets/lampe.png') }}' alt='lampe'></div><div>" + contentToParse[i].childNodes[0].innerHTML + "</div></div>";
-    }
     // micro-typo
     for(j = 0; j < contentToParse[i].childNodes.length; j++) {
         let contentHTML = contentToParse[i].childNodes[j].innerHTML;