nouveaux tests

assets/css/main.css

@@ -125,6 +125,23 @@ figure[data-crop="false"] img {
   object-fit: contain;
 }
 
+blockquote{
+	/*background: red;*/
+	margin-left: 2cm;
+	margin-top: 0;
+	position: relative;
+}
+
+blockquote:before{
+	content: ":::::::::";
+	display: block;
+	position: absolute;
+	left: -2cm;
+	/*border-top: 1px solid #000;*/
+	width: 2cm;
+	height: 100%;
+}
+
 /* Classes pour le responsive  */
 .show-for-small-only{ display: block;}
 .hide-for-small-only{ display: none;}

assets/css/print.css

@@ -8,59 +8,70 @@
 	}
 
 	@page :left {
-		margin: 20mm 36mm 18mm 14mm;
+		margin: 12mm 36mm 18mm 14mm;
 /*		@top-left-corner {
 			content: counter(page);
 			font-size: 11pt;
 			text-align: center;
 			font-family: "Bilzig Trial";
 	 	}*/
-	 	@top-center{
+/*	 	@top-center{
 	 		font-family: var(--fontFamily);
 	    content: "D6cor >  essai";
 	    font-size: 8pt;
 	    color: var(--bleu);
 	    text-align: left;
 	    margin-top: 4mm;
-	    /*text-align: center;*/
+	  }*/
-	    /*text-transform: uppercase;*/
-	    /*width: 105%;*/
-	    /*margin-left: 0%;*/
-	  }
 	  @bottom-left{
 	 		font-family: var(--fontFamily);
 	    content: counter(page);
-	    font-size: 11pt;
+	    font-size: 20pt;
 	    color: var(--vert);
 	    margin-top:-5mm;
 	    margin-left: 0mm;
 	  }
+	  @bottom-right{
+	  	font-family: var(--fontFamily);
+	    content: "D6cor >  essai";
+	    font-size: 8pt;
+	    color: var(--bleu);
+	    text-align: left;
+	    margin-top:-5mm;
+	  }
 	}
 
 	@page :right {
-		margin: 20mm 14mm 18mm 36mm;
+		margin: 12mm 14mm 18mm 36mm;
 		/*@top-right-corner {
 			content: counter(page);
 			font-size: 7pt;
 			text-align: center;
 			font-family: var(--fontFamily);
 	 	}*/
-	 	@top-center{
+	 	/*@top-center{
 	    content: string(chapter);
 	    font-family: var(--fontFamily);
 	    font-size: 8pt;
 	    color: var(--bleu);
 	    text-align: right;
 	    margin-top: 4mm;
-	  }
+	  }*/
 	  @bottom-right{
 	 		font-family: var(--fontFamily);
 	    content: counter(page);
-	    font-size: 11pt;
+	    font-size: 20pt;
 	    color: var(--vert);
 	    margin-top:-5mm;
 	    margin-right: 0mm;
 	  }
+	  @bottom-left{
+	 		content: string(chapter);
+	    font-family: var(--fontFamily);
+	    font-size: 8pt;
+	    color: var(--bleu);
+	    margin-top:-5mm;
+	  }
 	}
 
 	.chapter{
@@ -141,20 +152,83 @@
 	/* ---- INTERPAGES ------ */
 	.interpage figure{
 	  height: calc(var(--pagedjs-height) - (var(--border) * 2)) !important;
-	  margin-top: calc(var(--border) + 3mm);
+	  margin-top: calc(var(--border) + 8mm);
+    margin-bottom: 0;
 	  width: 100%;
 	}
 
 	/* ---- PAGE DE TITRE ------ */
-
+	/* --- test 1 font 1 taille typo */
-	.chapter-title{
+	.test .chapter-title{
-		page: chapterTitle;
+		page-break-before: always;
-		display: flex;
+		position: relative;
-	  flex-direction: column;
-	  align-items: center;
 	}
 
-	@page chapterTitle{
+	.test .chapter-title h2,
+	.test .chapter-title h3{
+	  margin: 0;
+		font-size: var(--textSize);
+		/*text-align: center;*/
+		/*font-family: var(--fontTitle);*/
+		text-align: left;
+	}
+
+	.test .chapter-title h2:before{
+		content: "# # # # # # # # # # # # # # # # # # # # # # # # # # # # #";
+		display: block;
+		margin-bottom: 1rem;
+	}
+
+	.test .chapter-title h2:after{
+		content: "+ + + + + + + + + + + + + + + + + + + + + + + +	+ + + + + + + + + + + + + + + + + + + + + + + +	+ + + + + + + + + + + + + + + + + + + + + + + +	+ + + + + + + + + + + + + + + + + + + + + + + +	+ + + + + + + + + +	+ + + + + + + + + +	";
+		display: block;
+		margin-top: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	.test .chapter-title h3{
+		font-size: var(--fontSize);
+		text-transform: none;
+		font-weight: 500;
+	}
+
+	.test .chapter-title h3:after{
+		content: "⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱	⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱	⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱	⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱	⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱	⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱ ⋱	";
+		display: block;
+		margin-top: 1rem;
+		margin-bottom: 1rem;
+	}
+
+	.test .chapter-title .type{
+		position: absolute;
+		left: -2.2cm;
+		top: 0mm;
+		font-family: var(--fontTitle);
+		font-size: 8pt;
+		/*color: var(--bleu);*/
+	}
+
+	.test .chapter-title .type:before{
+		content: "[";
+	}
+
+	.test .chapter-title .type:after{
+		content: "]";
+	}
+
+	/* -- test mix ocr / jetbrains  --- */
+	.chapter-title{
+		page-break-before: always;
+		margin-bottom: 2cm;
+		position: relative;
+
+		/*page: chapterTitle;*/
+		/*		display: flex;
+	  flex-direction: column;
+	  align-items: center;*/
+	}
+
+/*	@page chapterTitle{
 		background: var(--bleu);
 		margin: 12mm 0mm;
 		@top-left-corner {content: none;}
@@ -173,17 +247,69 @@
 	  @bottom-center {content: none;}
 	  @bottom-right {content: none;}
 	  @bottom-right-corner {content: none;}
-	}
+	}*/
 
 	.chapter-title h2,
-	.chapter-title h3,
+	.chapter-title h3{
-	.chapter-title p {
+/*	  display: inline-block;
-	  display: inline-block;
+	  position: relative;*/
-	  position: relative;
 	  margin: 0;
-	  color: #FFF;
+		font-size: 24pt;
-		font-size: var(--textSize);
+		/*text-align: center;*/
-		text-align: center;
+		font-family: var(--fontTitle);
+		text-align: left;
+	}
+
+	.chapter-title h3{
+		font-size: 10.5pt;
+		margin-top: 2cm;
+		text-transform: none;
+		font-weight: 500;
+	}
+
+	.chapter-title .type{
+		position: absolute;
+		left: -2.2cm;
+		top: 1.5mm;
+		font-family: var(--fontTitle);
+		/*color: var(--bleu);*/
+		font-size: 8pt;
+
+	}
+
+	.chapter-title .type:before{
+		content: "[";
+	}
+
+	.chapter-title .type:after{
+		content: "]";
+	}
+
+	.interview-block strong{
+		font-weight: normal;
+		margin-right: 0mm;
+		display: inline-block;
+	}
+
+	.interview-block strong:before{
+		content: "[";
+	}
+	.interview-block strong:after{
+		content: "]";
+	}
+
+	.interview-block p{
+		margin-top: 0;
+		margin-bottom: 0;
+		text-align-last: left;
+	}
+
+	.interview-block p:nth-of-type(odd) {
+	  /*color: var(--rouge);*/
+	}
+
+	.interview-block p:nth-of-type(2n) {
+	  margin-left: 2cm;
 	}
 
 	/* ascii-fill : pas de flex:1, hauteur fixée par JS */
@@ -199,15 +325,14 @@
 		width: 100%;
   }
 
-  .chapter-title,
+  /*.chapter-title,
   .biographie {
     font-family: var(--fontFamily);
     color: #FFF;
     text-align: center;
   	width: 90%;
   	margin: auto;
-  	/*padding: 30px;*/
+  }*/
-  }
 
   pre {
     font-family: var(--fontFamily);
@@ -217,18 +342,32 @@
   }
 
   /* ------- TITLES ------- */
+
+  /* test titres couleurs */
   .chapter-content h3{
+  	/*text-align: center;*/
+  	/*background: var(--vert);*/
+  	/*display: inline-block;*/
+  	font-size: 12pt;
+  	color: var(--bleu);
+  	font-family: var(--fontTitle);
+  	margin-left: 1cm;
+  	letter-spacing: 0.1px;
+  }
+
+  /* test titres ascii */
+  .test .chapter-content h3{
   	/*width: calc(var(--pagedjs-width) - 12mm);*/
   	text-align: center;
   }
 
-  .chapter-content h3:before{
+  .test .chapter-content h3:before{
   	content: "+------------------------------------------------+";
   	display: block;
   	margin-bottom: 2mm;
   }
 
-  .chapter-content h3:after{
+  .test .chapter-content h3:after{
   	content: "+------------------------------------------------+";
   	display: block;
   	margin-top: 1mm;
@@ -240,11 +379,14 @@
   }
 
   .chapter-content h4{
-  	text-align: center;
+  	/*text-align: center;*/
+  	font-family: var(--fontTitle);
+  	color: var(--rouge);
+  	font-size: 12pt;
   }
 
 
-  .chapter-content h4:before{
+/*  .chapter-content h4:before{
   	content: "> > > > > > < < < < < < \a > > > >  ";
   	white-space: pre;
   }
@@ -252,8 +394,142 @@
   .chapter-content h4:after{
   	content: " < < < < \a > > > > > > < < < < < <";
   	white-space: pre;
+  }*/
+
+  /* ----- PORTFOLIO ----- */
+  .portfolio .block-type-gallery{
+  	page-break-before: always;
   }
 
+  .portfolio .block-type-gallery{
+  	page: portfolio;
+  }
+
+  @page portfolio{
+  	margin: 12mm 14mm 18mm;
+	 	@bottom-left{
+  		content: none;
+  	}
+  	@bottom-right{
+  		content: none;
+  	}
+  }
+
+  /* portfolio, grande image pleine page */
+  .portfolio .block-type-gallery li.landscape{
+  	page-break-after: always;
+    width: var(--pagedjs-height);
+    height: var(--pagedjs-width);
+    transform: rotate(90deg);
+    transform-origin: center center;
+    position: absolute;
+    top: 2.5cm;
+    left: -38%;
+    overflow: hidden;
+  }
+
+  .portfolio .block-type-gallery li.landscape img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .portfolio[data-id="jose-fa-ntjam-portfolio"] .block-type-gallery li.landscape img {
+    width: 100%;
+    height: auto;
+    object-fit: none;
+  }
+
+  /*.portfolio .block-type-gallery li{
+  	margin-bottom: 2rem;
+  }
+
+  .portfolio .block-type-gallery .small{
+  	width: 40%;
+  }
+
+  .portfolio .block-type-gallery .medium{
+  	width: 70%;
+  }
+
+  .portfolio .block-type-gallery .big{
+  	width: 100%;
+  }*/
+
+  /* portfolio removed borders */
+	.pagedjs_portfolio_page .pagedjs_margin-top-left-corner-holder:before,
+	.pagedjs_portfolio_page .pagedjs_margin-left:before,
+	.pagedjs_portfolio_page .pagedjs_margin-right:after,
+	.pagedjs_portfolio_page .pagedjs_margin-bottom:after{
+		content: none;
+	}
+
+	/* portfolio test version image sens de lecture, texte en bas */
+	.portfolio[data-id="jose-fa-ntjam-portfolio-copier"],
+	.portfolio[data-id="everything-is-real-copier"]{
+		page: portfoliosans;
+	}
+
+	@page portfoliosans{
+  	margin: 0;
+	 	@bottom-left{
+  		content: none;
+  	}
+  	@bottom-right{
+  		content: none;
+  	}
+  }
+
+  .pagedjs_portfoliosans_page .pagedjs_margin-top-left-corner-holder:before,
+	.pagedjs_portfoliosans_page .pagedjs_margin-left:before,
+	.pagedjs_portfoliosans_page .pagedjs_margin-right:after,
+	.pagedjs_portfoliosans_page .pagedjs_margin-bottom:after{
+		content: none;
+	}
+
+	.portfolio .chapter-title .type{
+		right: 0;
+		left: auto;
+	} 
+
+	.portfolio .web-image{
+		display: block;
+	}
+
+	.portfolio .print-image{
+		display: none;
+	}
+
+	.pagedjs_portfoliosans_page {
+		position: relative;
+	}
+
+	.pagedjs_portfoliosans_page .chapter-title{
+		display: none;
+	}
+
+	.portfolio .block-type-image + .block-type-text{
+		page-break-after: always;
+	}
+
+	.pagedjs_portfoliosans_page .block-type-text{
+		position: absolute;
+		width: calc(100% - (36mm + 8mm));
+		bottom: 0mm;
+	}
+
+	.pagedjs_portfoliosans_page .block-type-text p{
+		text-align: left;
+	}
+
+	.pagedjs_portfoliosans_page.pagedjs_left_page .block-type-text{
+		right: 36mm;
+	}	
+
+	.pagedjs_portfoliosans_page.pagedjs_right_page .block-type-text{
+		left: 36mm;
+	}
+
   /* -------- IMAGES ------- */
   .float-image{
   	position: relative !important;
@@ -283,24 +559,27 @@
 	.float-image figcaption{
 		position: relative;
 		color: var(--bleu);
-		font-size: 8.5pt;
+		font-size: 7pt;
-		font-family: "Bilzig Trial";
+		font-family: var(--fontNotes);
 		text-align: left;
 	}
 
 	.float-image figcaption p{
 		color: var(--bleu);
-		font-size: 8.5pt;
+		font-size: 7pt;
-		font-family: "Bilzig Trial";
+		font-family: var(--fontNotes);
 		text-align: left;
+		line-height: 1.3;
 	}
 
   /* ------- NOTES ------- */
 
   .margin-note{
-  	font-size: 8.5pt;
+  	font-size: 7pt;
-  	line-height: 1.41;
+  	line-height: 1.3;
-  	font-family: "Bilzig Trial";
+  	font-family: var(--fontNotes);
+  	/*font-weight: 400;*/
+  	/*font-family: "Bilzig Trial";*/
   	color: var(--bleu);
   	text-align: left;
   	position: relative !important;
@@ -334,6 +613,10 @@
 	  padding: 1mm 3mm 0mm 0mm;
 	}
 
+	.note-call{
+		font-size: 0.7em;
+	}
+
 	.note-call_margin-note::before{
 		content: "{";
 		margin-right: 0.5mm;
@@ -371,10 +654,10 @@
 		vertical-align: top;
 	}
 
-	.print-image figcaption{
+/*	.print-image figcaption{
 		position: absolute;
 		bottom: 0;
-	}
+	}*/
 
 	.print-image .print-red{
 		position: relative;

assets/css/variables.css

@@ -2,7 +2,11 @@
 	--margin: 1em;
 
 	--fontFamily: "JetBrains Mono NL";
-	--textSize: 9pt;
+	/*--fontFamily: "Hershey-Noailles-Futura";*/
+	--fontNotes: "Hershey-Noailles-Times";
+	/*--fontTitle: "OCR-X Trial";*/
+	--fontTitle: "Hershey-Noailles-Times";
+	--textSize: 8.5pt;
 	--ratio : auto;
 
 	--rouge: #ff665e;

assets/js/handlers.js

@@ -183,4 +183,25 @@ class asciiTextFill extends Paged.Handler {
   }
 }
 
-Paged.registerHandlers(asciiTextFill);
+// Paged.registerHandlers(asciiTextFill);
+
+class removeFullPageClass extends Paged.Handler {
+  constructor(chunker, polisher, caller) {
+    super(chunker, polisher, caller);
+  }
+
+  beforeParsed(content) {
+    const portfolios = content.querySelectorAll(".portfolio");
+    portfolios.forEach(function(portfolio){
+      const images = portfolio.querySelectorAll(".full-page");
+      images.forEach(function(image){
+        image.classList.remove('full-page');
+      });
+    });
+    
+  }
+}
+
+Paged.registerHandlers(removeFullPageClass);
+
+

assets/pagedjs/interface.css

@@ -42,7 +42,7 @@ A simple stylesheet to see pages on screen (with baseline included) */
 
     .pagedjs_page {
         background-color: var(--color-paper);
-        box-shadow: 0 0 0 1px var(--color-pageSheet);
+        box-shadow: -2px 0 8px 1px grey;
         margin: 0;
         flex-shrink: 0;
         flex-grow: 0;

content/11_soline-nivet/dither-ascii-pro-1773349688473-copie.png.txt

@@ -0,0 +1,9 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Uuid: rs6ehwwlrj44ikms

content/11_soline-nivet/dither-ascii-pro-1773350074633.blue-red-fluorescentgreen.preview-copie.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 2
+
+----
+
+Uuid: vqs5zofbi63z2mkk

content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/dither-ascii-pro-1773069189586.blue-red-fluorescentgreen.preview.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 4
+
+----
+
+Uuid: huggb2hkcw4abzff

content/2_un-robot-poete-ne-nous-fait-toujours-pas-peur/dither-ascii-pro-1773069189586.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 3
+
+----
+
+Uuid: jrcivfyybiruobcm

content/3_index/dither-ascii-pro-1773352929808.blue-red-fluorescentgreen.preview.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 7
+
+----
+
+Uuid: g9qttd07hfv4rccq

content/4_code-creatif/chapitre.txt

@@ -10,7 +10,7 @@ Typeof: essai
 
 ----
 
-Cover: - file://a8u2rj1e35diuqs4
+Cover: - file://npveardyqdym23xm
 
 ----
 

content/4_code-creatif/dither-ascii-pro-1773764248117.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 2
+
+----
+
+Uuid: npveardyqdym23xm

content/5_parade/dither-ascii-pro-1773765160567.png.txt

@@ -0,0 +1,17 @@
+Caption: 
+
+----
+
+Taille: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 15
+
+----
+
+Uuid: qasjorznddgmix2z

content/6_everything-is-real/chapitre.txt

@@ -6,7 +6,7 @@ Author: Stéphane Degoutin et Gwenola Wagon
 
 ----
 
-Typeof: essai
+Typeof: portfolio
 
 ----
 
@@ -18,7 +18,7 @@ Bio:
 
 ----
 
-Text: [{"content":{"text":"<p><em>Everything is Real </em>plonge dans les biais et les archétypes des images générées par IA. Le site est visible à cette adresse : <a href=\"http://everythingisreal.net/\">everythingisreal.net</a></p><p>Nous ne voulions ni rester extérieurs aux IA, ni leur résister frontalement. Nous avons choisi une autre voie : plonger à l’intérieur, suivre leur propre logique, jusqu’à ce que celle-ci s’épuise ou se retourne contre elle-même. Nous naviguons à l’intérieur même de la matière des images des IA génératives, en adoptant une posture d’observation participante.</p><p>Dans les années 1970, l'architecte britannique Reyner Banham, pour comprendre Los Angeles, écrivait : « Comme les générations précédentes d’intellectuels anglais qui ont appris l’italien pour lire Dante dans le texte, j’ai appris à conduire pour lire Los Angeles dans le texte ».</p><p>Nous poussons les IA dans leurs retranchements, jusqu’à la saturation de leurs stéréotypes. Le film <em>Everything is Real </em>met en scène l’automatisation, la répétition et l’amplification algorithmique.</p><p>Nous avions constitué un corpus des tropes les plus répandus des images de stock. Nous avons ensuite reproduit chacune de ces images en utilisant les générateurs les plus répandus. Nous tirons parti de l’archéologie des images de stock pour retourner les IA génératives sur leurs propres sources, leurs propres biais, en fouillant dans les strates de leurs stéréotypes, de leurs récits implicites, de leurs imaginaires figés.</p><p>Ainsi, <em>Everything is Real </em>montre les pommes les plus rouges, les call centers les plus verts, les salles de serveurs les plus câblées, les bénévoles les plus efficaces, les montagnes de déchets les plus massives.</p><p>Mais en faisant tourner les stéréotypes en boucle, les images versent insensiblement dans l’extrême. La pomme rouge, seule sur fond blanc, apparaît dans les mains d’employés qui sourient un peu trop, puis se gavent jusqu’à sombrer dans leur jus.</p><p>Stéphane Degoutin et Gwenola Wagon</p><p>Nos films et nos installations sont visibles sur le site <a href=\"http://d-w.fr/\">d-w.fr</a></p><p>Nos projets explorent les fantasmes d’un monde d’hyper efficience dont la figure archétypale serait le data center : une infrastructure automatisée servant à la fois au stockage des produits, du vivant et des données.</p><p>Le film-essai <em>Cyborgs dans la brume </em>(2011) dessine le portrait d’une société en poudre, à travers les processus d’atomisation incarnés par le béton armé, la farine animale, les data centers et les églises évangélistes.</p><p>Le film-essai <em>World Brain </em>(2015) est « un labyrinthe, dont l'idée de cerveau mondial serait le centre virtuel » (Andreas Rauth)</p><p>L’installation <em>Le monde comme entrepôt de livraison </em>(2017) montre les réalités cachées de l’automatisation du monde et révèle le déploiement d’un monde habité par des machines et des algorithmes.</p><p>La série de films <em>Erewhon </em>(2019) raconte des fables sur la vie des habitants d’un monde où l’automatisation a été fantasmée jusqu’à ses extrêmes.</p><p><em>L’Atlas du nuage </em>(2021) « dévoile l’invisible matrice de travail humain, de consommation énergétique et d’extraction de ressources qui sous-tend les réseaux numériques et l’intelligence artificielle. » (Marie Lechner)</p><p>Le film <em>La maison qui vous veut du bien </em>(2023) parle d’un objet très banal – une sonnette connectée équipée d’une caméra – à partir duquel se déploie tout un système de surveillance et de contrôle.</p>"},"id":"a0cc0bfa-2c4f-4b58-b5db-b4cefd8047b2","isHidden":false,"type":"text"}]
+Text: [{"content":{"text":"<p><em>Everything is Real </em>plonge dans les biais et les archétypes des images générées par IA. Le site est visible à cette adresse : <a href=\"http://everythingisreal.net/\">everythingisreal.net</a></p><p>Nous ne voulions ni rester extérieurs aux IA, ni leur résister frontalement. Nous avons choisi une autre voie : plonger à l’intérieur, suivre leur propre logique, jusqu’à ce que celle-ci s’épuise ou se retourne contre elle-même. Nous naviguons à l’intérieur même de la matière des images des IA génératives, en adoptant une posture d’observation participante.</p><p>Dans les années 1970, l'architecte britannique Reyner Banham, pour comprendre Los Angeles, écrivait : « Comme les générations précédentes d’intellectuels anglais qui ont appris l’italien pour lire Dante dans le texte, j’ai appris à conduire pour lire Los Angeles dans le texte ».</p><p>Nous poussons les IA dans leurs retranchements, jusqu’à la saturation de leurs stéréotypes. Le film <em>Everything is Real </em>met en scène l’automatisation, la répétition et l’amplification algorithmique.</p><p>Nous avions constitué un corpus des tropes les plus répandus des images de stock. Nous avons ensuite reproduit chacune de ces images en utilisant les générateurs les plus répandus. Nous tirons parti de l’archéologie des images de stock pour retourner les IA génératives sur leurs propres sources, leurs propres biais, en fouillant dans les strates de leurs stéréotypes, de leurs récits implicites, de leurs imaginaires figés.</p><p>Ainsi, <em>Everything is Real </em>montre les pommes les plus rouges, les call centers les plus verts, les salles de serveurs les plus câblées, les bénévoles les plus efficaces, les montagnes de déchets les plus massives.</p><p>Mais en faisant tourner les stéréotypes en boucle, les images versent insensiblement dans l’extrême. La pomme rouge, seule sur fond blanc, apparaît dans les mains d’employés qui sourient un peu trop, puis se gavent jusqu’à sombrer dans leur jus.</p><p>Stéphane Degoutin et Gwenola Wagon</p><p>Nos films et nos installations sont visibles sur le site <a href=\"http://d-w.fr/\">d-w.fr</a></p><p>Nos projets explorent les fantasmes d’un monde d’hyper efficience dont la figure archétypale serait le data center : une infrastructure automatisée servant à la fois au stockage des produits, du vivant et des données.</p><p>Le film-essai <em>Cyborgs dans la brume </em>(2011) dessine le portrait d’une société en poudre, à travers les processus d’atomisation incarnés par le béton armé, la farine animale, les data centers et les églises évangélistes.</p><p>Le film-essai <em>World Brain </em>(2015) est « un labyrinthe, dont l'idée de cerveau mondial serait le centre virtuel » (Andreas Rauth)</p><p>L’installation <em>Le monde comme entrepôt de livraison </em>(2017) montre les réalités cachées de l’automatisation du monde et révèle le déploiement d’un monde habité par des machines et des algorithmes.</p><p>La série de films <em>Erewhon </em>(2019) raconte des fables sur la vie des habitants d’un monde où l’automatisation a été fantasmée jusqu’à ses extrêmes.</p><p><em>L’Atlas du nuage </em>(2021) « dévoile l’invisible matrice de travail humain, de consommation énergétique et d’extraction de ressources qui sous-tend les réseaux numériques et l’intelligence artificielle. » (Marie Lechner)</p><p>Le film <em>La maison qui vous veut du bien </em>(2023) parle d’un objet très banal – une sonnette connectée équipée d’une caméra – à partir duquel se déploie tout un système de surveillance et de contrôle.</p>"},"id":"a0cc0bfa-2c4f-4b58-b5db-b4cefd8047b2","isHidden":false,"type":"text"},{"content":{"images":["file://u7tafpgzvgblnekd","file://go5mej2mbgah9bgv","file://rpp5npgikc1p4bkp","file://xo6jwuqkhvldwboq","file://6lymgrtmatdlmg6b","file://xtjc1ga0gcsuehyg","file://gkzt6a0uqfei06ii"],"caption":"","ratio":"","crop":"false"},"id":"42f7ea45-6764-42fc-9a89-cb13e6f1f978","isHidden":false,"type":"gallery"}]
 
 ----
 

content/7_everything-is-real-copier/everything-is-real-apple-3.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 1
+
+----
+
+Uuid: astpj70hc7vkyjmh

content/7_everything-is-real-copier/everything-is-real-apple.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 2
+
+----
+
+Uuid: tt8vjwnun9qicyyg

content/7_everything-is-real-copier/everything-is-real-contagion-1.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 3
+
+----
+
+Uuid: i9aya6v89p6vqmxz

content/7_everything-is-real-copier/everything-is-real-contagion-2.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 4
+
+----
+
+Uuid: hv723pupkth3rbak

content/7_everything-is-real-copier/everything-is-real-contagion-3.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 5
+
+----
+
+Uuid: sgu2mmjd8chfozjo

content/7_everything-is-real-copier/everything-is-real-contagion.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 6
+
+----
+
+Uuid: r2fsclqo5fvlguhd

content/7_everything-is-real-copier/everything-is-real-domestication-de-l-image.pdf.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 7
+
+----
+
+Uuid: 2i6zxsgijegwa6lu

content/7_everything-is-real-copier/everything-is-real-protest.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 8
+
+----
+
+Uuid: m424yi6q8uc0m3wu

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies02.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 1
+
+----
+
+Uuid: 4fv8eftsrq358kv1

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies03.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 2
+
+----
+
+Uuid: rnhwge7t1xj0rh54

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies04.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 3
+
+----
+
+Uuid: carbc0ojdupu42da

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies05.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 4
+
+----
+
+Uuid: pt9yj1mnukq2rz96

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies06.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 5
+
+----
+
+Uuid: gzsztwqrlfzhehjs

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies07.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 6
+
+----
+
+Uuid: mdfgq5ftifonms1d

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies08.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 7
+
+----
+
+Uuid: n1dqlu2szcrqpstl

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies09.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 8
+
+----
+
+Uuid: vqnvwc54kkyowezw

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies10.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 9
+
+----
+
+Uuid: x0d7x4fsg3wd1l1j

content/8_jose-fa-ntjam-portfolio-copier/image-of-the-movie-swell-of-spaecies11.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 10
+
+----
+
+Uuid: bdmgdjhdqtw6algd

content/8_jose-fa-ntjam-portfolio-copier/josefa-ntjam-still-image-of-the-movie-swell-of-spaecies01.png.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 11
+
+----
+
+Uuid: dtgi7hrwzkoecbjq

content/8_jose-fa-ntjam-portfolio-copier/las-art-foundation-or-josefa-ntjam_-swell-of-spaec-i-es-or-2.jpg.txt

@@ -0,0 +1,13 @@
+Caption: 
+
+----
+
+Alt: 
+
+----
+
+Sort: 12
+
+----
+
+Uuid: eipbyoejpwfqknsz

content/8_jose-fa-ntjam-portfolio/chapitre.txt

@@ -1,25 +0,0 @@
-Title: Josèfa Ntjam Portfolio
-
-----
-
-Author: Josèfa Ntjam Portfolio
-
-----
-
-Typeof: portfolio
-
-----
-
-Cover: 
-
-----
-
-Bio: 
-
-----
-
-Text: [{"content":{"text":"<h4>Autrice&nbsp;: Elsa Boyer</h4><p>Dans la vidéo<em> swell of spæc(i)es</em> (2024) Josèfa Ntjam s'attache à réécrire les mythes Dogons et Huaorani entre l'espace sidéral et l'espace aquatique.</p><p>Au lieu d'une origine de la vie et des espèces, Josèfa Ntjam présente une non origine des espèces. Non pas un point d'origine qu'on pourrait identifier mais une boucle, une reprise, un cycle de transformations et de renouveaux qu'elle décrit comme «&nbsp;un processus alchimique en perpétuelle agitation, qui allie les genèses ancestrales avec les nouvelles technologies de génération d'image&nbsp;».</p><p>Dans cette boucle, Amma, une divinité créatrice chez les Dogons, jette un fossile dans l'espace qui brise les astéroïdes et crée des étoiles de plancton bioluminescentes. Les étoiles sont ensuite avalées par un serpent astral et se déposent à l'intérieur de son ventre où elles se transforment en fossile. De la bouche du serpent émerge une planète fossile où Nommo, un génie ancestral des eaux dans les mythes dogons, crée une vie marine. Au sein de cette vie marine évolue une pieuvre qui se transforme en Amma, recommençant à nouveau le cycle.</p><p>Pour réaliser les images de cette vidéo, Josèfa Ntjam a utilisé une IA qui a été alimentée avec un ensemble de données que l'artiste a assemblé elle-même&nbsp;: des modèles 3D de vie marine, des images de statues d'Afrique de l’Ouest conservées dans des collections occidentales, des photographies de figures du mouvement de libération du Cameroun (UPC) contre les troupes coloniales françaises (Elisabeth Djouka, Marthe Ekemeyong Moumie et le grand-père de Josèfa Ntjam). Les modèles de génération automatisée d'images et les outils de modélisation permettent de naviguer visuellement entre les dimensions aquatiques et sidérales que convoque le récit.</p><p>Si Josèfa Ntjam se sert de l'IA c'est aussi parce qu'à ses yeux elle apporte de nouvelles manières de relier les histoires de domination coloniale et d'extraction des ressources à des récits d'émancipation. L'artiste s'en sert comme d'une ressource pour hybrider les différentes formes de récits, pour circuler entre plusieurs logiques. <em>swell of spæc(i)es</em> se construit autour d'un point commun que Josèfa Ntjam repère entre les mythes et le fonctionnement de l'IA&nbsp;: comme les mythes, l’IA est itérative, elle répète et fait varier, générant des versions infinies à partir des mêmes éléments de base. En ce sens, l'IA permet aux figures et aux histoires de continuer à se transformer sans jamais se figer.</p>"},"id":"c4d22afc-4b74-4ed0-ade0-aafad5afa943","isHidden":false,"type":"text"}]
-
-----
-
-Uuid: 8ypn0x7twyajcir4

content/9_iyo-bisseck/capture-d-ecran-2025-08-23-233241.png.txt

@@ -2,6 +2,10 @@ Caption:
 
 ----
 
+Taille: medium
+
+----
+
 Alt: 
 
 ----

content/9_iyo-bisseck/chapitre.txt

@@ -18,7 +18,7 @@ Bio:
 
 ----
 
-Text: [{"content":{"text":"<p>Wilderness Garden est un jeu vidéo narratif qui explore les histoires entremêlées des technologies contemporaines et des héritages coloniaux. À travers une série d’espaces interconnectés, le joueur traverse des lieux où se dévoilent les infrastructures visibles et invisibles du pouvoir : une salle d’archives, un bureau administratif, les profondeurs d’Internet, ou encore des souvenirs familiaux fragmentés. Le projet interroge les dynamiques d’accès aux ressources, aux territoires et aux espaces numériques, et examine comment les technologies actuelles peuvent prolonger, transformer ou dissimuler des logiques de domination.</p><p>Le titre du jeu fait écho à la métaphore controversée formulée par Josep Borrell, qui décrivait l’Europe comme un « jardin » à protéger du reste du monde. En reprenant cette image, Wilderness Garden questionne les récits qui naturalisent les frontières et les hiérarchies entre peuples, territoires et formes de vie.</p><p>L’expérience commence dans un espace inspiré du sac amniotique, où la voix et l’avatar d’Iyo invitent les joueurs à prendre conscience de leur propre corps et de leurs histoires transgénérationnelles. Ce point de départ suggère que la mémoire et la présence peuvent devenir des formes de résistance face à l’effacement produit par le neurocapitalisme et les récits coloniaux.</p><p>Au fil du parcours, les joueurs rencontrent un jardin clos où la surveillance rappelle les mécanismes du «contrat racial », une salle d’archives où la conférence de Berlin, l’exploitation minière au Congo et la construction de la ligne Congo-Océan révèlent la logistique coloniale qui a redessiné territoires et vies. Sous les océans, les câbles d’Internet réactivent d’anciennes routes impériales, révélant comment l’infrastructure numérique s’inscrit dans des géographies façonnées par l’expansion coloniale.</p><p>Un espace administratif, inspiré des bureaux de la CAF, met en scène un système algorithmique qui envoie des lettres recommandées et produit des formes contemporaines de tri, de profilage et de contrôle des populations vulnérables.</p><p>Entre ces lieux surgissent aussi des moments plus intimes : une cérémonie de mémoire au cœur des infrastructures numériques, ou un espace poétique évoquant les ancêtres disparus et les fractures familiales.</p><p>À travers ce voyage non linéaire, Wilderness Garden invite les joueurs à dépasser les lignes droites des frontières et des récits dominants, pour imaginer des formes de vie plus vastes, capables de reconnaître les graines enfouies dans l’histoire et les possibles retours qu’elles portent.</p>"},"id":"84b8861c-0e6f-4767-ad55-523766865d95","isHidden":false,"type":"text"}]
+Text: [{"content":{"text":"<p>Wilderness Garden est un jeu vidéo narratif qui explore les histoires entremêlées des technologies contemporaines et des héritages coloniaux. À travers une série d’espaces interconnectés, le joueur traverse des lieux où se dévoilent les infrastructures visibles et invisibles du pouvoir : une salle d’archives, un bureau administratif, les profondeurs d’Internet, ou encore des souvenirs familiaux fragmentés. Le projet interroge les dynamiques d’accès aux ressources, aux territoires et aux espaces numériques, et examine comment les technologies actuelles peuvent prolonger, transformer ou dissimuler des logiques de domination.</p><p>Le titre du jeu fait écho à la métaphore controversée formulée par Josep Borrell, qui décrivait l’Europe comme un « jardin » à protéger du reste du monde. En reprenant cette image, Wilderness Garden questionne les récits qui naturalisent les frontières et les hiérarchies entre peuples, territoires et formes de vie.</p><p>L’expérience commence dans un espace inspiré du sac amniotique, où la voix et l’avatar d’Iyo invitent les joueurs à prendre conscience de leur propre corps et de leurs histoires transgénérationnelles. Ce point de départ suggère que la mémoire et la présence peuvent devenir des formes de résistance face à l’effacement produit par le neurocapitalisme et les récits coloniaux.</p><p>Au fil du parcours, les joueurs rencontrent un jardin clos où la surveillance rappelle les mécanismes du «contrat racial », une salle d’archives où la conférence de Berlin, l’exploitation minière au Congo et la construction de la ligne Congo-Océan révèlent la logistique coloniale qui a redessiné territoires et vies. Sous les océans, les câbles d’Internet réactivent d’anciennes routes impériales, révélant comment l’infrastructure numérique s’inscrit dans des géographies façonnées par l’expansion coloniale.</p><p>Un espace administratif, inspiré des bureaux de la CAF, met en scène un système algorithmique qui envoie des lettres recommandées et produit des formes contemporaines de tri, de profilage et de contrôle des populations vulnérables.</p><p>Entre ces lieux surgissent aussi des moments plus intimes : une cérémonie de mémoire au cœur des infrastructures numériques, ou un espace poétique évoquant les ancêtres disparus et les fractures familiales.</p><p>À travers ce voyage non linéaire, Wilderness Garden invite les joueurs à dépasser les lignes droites des frontières et des récits dominants, pour imaginer des formes de vie plus vastes, capables de reconnaître les graines enfouies dans l’histoire et les possibles retours qu’elles portent.</p>"},"id":"84b8861c-0e6f-4767-ad55-523766865d95","isHidden":false,"type":"text"},{"content":{"images":["file://shprtv8wmmlccuma","file://rkfkgfwvwaoqqqkb","file://1doh2xvgznjyh1b5","file://agycxmm3k3mpbba0","file://coa5h7f71hdru7mj","file://czj4n0r93jw8ofsb","file://ujynt8nqvk8r2qie","file://36fsvvwod97nz1ga"],"caption":"","ratio":"","crop":"false"},"id":"7674d888-60dd-465a-8c26-641687562a6d","isHidden":false,"type":"gallery"}]
 
 ----
 

content/9_iyo-bisseck/logo_wilderness_garden_light.png.txt

@@ -2,6 +2,10 @@ Caption:
 
 ----
 
+Taille: big
+
+----
+
 Alt: 
 
 ----

content/_drafts/jose-fa-ntjam-portfolio/chapitre.txt

@@ -0,0 +1,25 @@
+Title: Josèfa Ntjam
+
+----
+
+Author: Elsa Boyer
+
+----
+
+Typeof: portfolio
+
+----
+
+Cover: - file://yk3l9rwqhe89xija
+
+----
+
+Bio: 
+
+----
+
+Text: [{"content":{"text":"<p>Dans la vidéo<em> swell of spæc(i)es</em> (2024) Josèfa Ntjam s'attache à réécrire les mythes Dogons et Huaorani entre l'espace sidéral et l'espace aquatique.</p><p>Au lieu d'une origine de la vie et des espèces, Josèfa Ntjam présente une non origine des espèces. Non pas un point d'origine qu'on pourrait identifier mais une boucle, une reprise, un cycle de transformations et de renouveaux qu'elle décrit comme «&nbsp;un processus alchimique en perpétuelle agitation, qui allie les genèses ancestrales avec les nouvelles technologies de génération d'image&nbsp;».</p><p>Dans cette boucle, Amma, une divinité créatrice chez les Dogons, jette un fossile dans l'espace qui brise les astéroïdes et crée des étoiles de plancton bioluminescentes. Les étoiles sont ensuite avalées par un serpent astral et se déposent à l'intérieur de son ventre où elles se transforment en fossile. De la bouche du serpent émerge une planète fossile où Nommo, un génie ancestral des eaux dans les mythes dogons, crée une vie marine. Au sein de cette vie marine évolue une pieuvre qui se transforme en Amma, recommençant à nouveau le cycle.</p><p>Pour réaliser les images de cette vidéo, Josèfa Ntjam a utilisé une IA qui a été alimentée avec un ensemble de données que l'artiste a assemblé elle-même&nbsp;: des modèles 3D de vie marine, des images de statues d'Afrique de l’Ouest conservées dans des collections occidentales, des photographies de figures du mouvement de libération du Cameroun (UPC) contre les troupes coloniales françaises (Elisabeth Djouka, Marthe Ekemeyong Moumie et le grand-père de Josèfa Ntjam). Les modèles de génération automatisée d'images et les outils de modélisation permettent de naviguer visuellement entre les dimensions aquatiques et sidérales que convoque le récit.</p><p>Si Josèfa Ntjam se sert de l'IA c'est aussi parce qu'à ses yeux elle apporte de nouvelles manières de relier les histoires de domination coloniale et d'extraction des ressources à des récits d'émancipation. L'artiste s'en sert comme d'une ressource pour hybrider les différentes formes de récits, pour circuler entre plusieurs logiques. <em>swell of spæc(i)es</em> se construit autour d'un point commun que Josèfa Ntjam repère entre les mythes et le fonctionnement de l'IA&nbsp;: comme les mythes, l’IA est itérative, elle répète et fait varier, générant des versions infinies à partir des mêmes éléments de base. En ce sens, l'IA permet aux figures et aux histoires de continuer à se transformer sans jamais se figer.</p>"},"id":"c4d22afc-4b74-4ed0-ade0-aafad5afa943","isHidden":false,"type":"text"},{"content":{"images":["file://klmhzzutaed4eedv","file://inrsfsiqklgnen6z","file://mjbjwlkuob1lwsyu","file://cue2w8r3otzfxkxg","file://lfo2p7zjalghwqsg","file://rdemqecgk1pahetw","file://qrqczfiaio2hgurn","file://rg6dzgi0wl98plds","file://vgsavluaycgihqzw","file://x9y1syyr9lw0fsn7","file://zx2heszmjr0hajm4","file://yk3l9rwqhe89xija"],"caption":"","ratio":"","crop":"false"},"id":"0f82721a-33a4-4d84-830e-0ab06624e49e","isHidden":false,"type":"gallery"}]
+
+----
+
+Uuid: 8ypn0x7twyajcir4