Index and about changed for a better fit

Author: mTixier

tutorial/src/cases/EPISODD - Copie.md:Zone.Identifier

@@ -0,0 +1,29 @@
+---
+title: 'EVOECO - Evolution of Artifact Ecologies (EoA) in civil security populations'
+pubDate: 2026-04-16
+description: 'This is the case description'
+authors: ["Lisa Formentini", "François Charoy", "Matthieu Tixier"]
+image:
+    url: 'https://docs.astro.build/assets/rays.webp'
+    alt: 'An exemplar image for the project.'
+tags: ["topic1", "topic2", "Long Term Collaboration", "civil security"]
+---
+
+Provide a description of the research case and field site.
+
+## With as much sections (or list) as needed
+
+My field study is awesome.
+
+1. **Negotiate field entry**: First, I shared details about my entry in the field site.
+
+2. **Collected data**: with `anonymity` and `systematic organization in mind`.
+
+3. **Crunching the transcripts**: Leading to inspiring results.
+
+
+## Publication(s)
+
+1. Lisa Formentini, Matthieu Tixier, Francois Charoy. Etudier les collaborations supportées par le numérique grâce aux Ecologies d'Artefacts : un état de l'art. Interactions Humain Machines 2025, Afihm, Nov 2025, Toulouse, France. [hal-05059264v5](https://hal.science/hal-05059264v5)
+
+2. Lisa Formentini, Francois Charoy, Matthieu Tixier. Changing Collaborative Tools: Introductory Dynamics of Digital Collaborative Tools in Civil Security’s Ecologies of Artifacts. ISCRAM 2025- International Conference on Information Systems for Crisis Response and Management, May 2025, Halifax, Canada. [10.59297/m1qksb05](https://dx.doi.org/10.59297/m1qksb05). [hal-04992248v3](https://hal.science/hal-04992248v3)

tutorial/src/cases/EVOECO.md

@@ -3,9 +3,10 @@ import BaseLayout from './BaseLayout.astro';
 const { frontmatter } = Astro.props;
 ---
 <BaseLayout pgTitle={frontmatter.title}>
+	<img src={frontmatter.image.url} width="300" alt={frontmatter.image.alt} />
 	<p>Author(s): {frontmatter.author}
 		<div>
-			{frontmatter.authors.map((author) => <p>{author}{frontmatter.authors.length === 1 ?"":", "}</p>)}
+			{frontmatter.authors.map((author) => <span>{author}{frontmatter.authors.length === 1 ?"":", "}</span>)}
 		</div>
 	</p>
 	<p>Published on: {frontmatter.pubDate.toString().slice(0,10)}</p>

tutorial/src/layouts/CaseLayout.astro

@@ -2,45 +2,20 @@
 import '../styles/global.css';
 import BaseLayout from '../layouts/BaseLayout.astro';
 
-const pgTitle = "About Me";
-
-const identity = {
-  firstName: "Sarah",
-  country: "Canada",
-  occupation: "Technical Writer",
-  hobbies: ["photography", "birdwatching", "baseball"],
-};
-
-const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"];
-
-const happy = true;
-
-const goal = 2;
+const pgTitle = "About";
 
 ---
 
 <BaseLayout pgTitle={pgTitle}>
-		<h2>... and my new Astro site!</h2>
+		<h2>A research cases library for the PEPR eNSEMBLE project</h2>
 
-		{happy && <p>I am happy to learn Astro!</p>}
-
-		{goal === 3 ? <p>Tutorial is completed.</p>:<p>Tutorial should be finished in {goal} days</p>}
 
 		<p>I am working through Astro's introductory tutorial. This is the second page on my website, and it's the first one I built myself!</p>
 
+		<img src="https://hal.science/PEPR-ENSEMBLE/public/Banniere_PEPR_ensemble_v2.png" alt="Bannière PEPR PC2" />
+
 		<p>This site will update as I complete more of the tutorial, so keep checking back and see how my journey is going!</p>
 
-		<p>Here are a few facts about me:</p>
-			<ul>
-			  <li>My name is {identity.firstName}.</li>
-			  <li>I live in {identity.country} and I work as a {identity.occupation}.</li>
-			  {identity.hobbies.length >= 2 &&
-				<li>Two of my hobbies are: {identity.hobbies[0]} and {identity.hobbies[1]}</li>
-			  }
-			</ul>
-		<p>My skills are:</p>
-		<ul>
-		  {skills.map((skill) => <li class="skill">{skill}</li>)}
-		</ul>
+
 
 </BaseLayout>

tutorial/src/pages/about.astro

@@ -2,9 +2,9 @@
 import '../styles/global.css';
 import BaseLayout from '../layouts/BaseLayout.astro';
 
-const pgTitle = "My Astro Website Deployed with an Action";
+const pgTitle = "A research cases library";
 ---
 
 <BaseLayout pgTitle={pgTitle}>
-  <h2>My awesome blog subtitle</h2>
+  <h2>Work in porgress -- here are coming the highlights</h2>
 </BaseLayout>