Add CV and hide if not print

src/assets/styles/main.css

@@ -201,3 +201,7 @@ body:has(input[name="gallery"]:checked) {
   }
 }
 
+/* PRINT */
+.printOnly {
+  display: none;
+}

src/content/en/cv.md

@@ -0,0 +1,4 @@
+---
+title: cv
+layout: cv
+---

src/content/fr/cv.md

@@ -0,0 +1,4 @@
+---
+title: cv
+layout: cv
+---

src/data/cv.json

@@ -0,0 +1,77 @@
+{
+  "header": {
+    "name": "Alex Eguiluz",
+    "summary": {
+      "en": "Artist, teacher & Lerning designer",
+      "fr": "Artiste, enseignante & ingenieure pédagogique"
+    },
+    "email": "alexandraeguiluz*[at]*gmail.com",
+    "location": {
+      "en": "Based in Paris, France",
+      "fr": "Basée à Paris, France"
+    }
+  },
+  "experience": [
+    {
+      "title": {
+        "en": "Education",
+        "fr": "Éducation"
+      },
+      "slug": {
+        "en": "education",
+        "fr": "éducation"
+      },
+      "items": [
+        {
+          "title": {
+            "en": "Social Builder Webforce3",
+            "fr": "Social Builder Webforce3"
+          },
+          "summary": {
+            "en": "Training in web development: \"Web Integration Techniques\" and \"Web Development Techniques\"",
+            "fr": "Formation en développement web : \"Techniques d'intégration web\" et \"Techniques de développement web\""
+            },
+          "dates": [
+            "2021",
+            ""
+          ],
+          "location": {
+            "en": "Paris, France",
+            "fr": "Paris, France"
+          }
+        }
+      ]
+    },
+    {
+      "title": {
+        "en": "Exhibitions and Events",
+        "fr": "Expositions et Événements"
+      },
+      "slug": {
+        "en": "exhibitions-events",
+        "fr": "expositions-événements"
+      },
+      "items": [
+        {
+          "title": {
+            "en" : "Author and program designer of \"iN&Di inclusion and diversity – Intersectional Awareness Program\"",
+            "fr" : "\"iN&Di inclusion et diversité – Programme de sensibilisation intersectionnelle\""
+          },
+          "summary": {
+            "en": "Design and writing of the \"iN&Di\" guide to promote an intersectional approach to inclusion and diversity. [Link to publication](https://www.learningplanetinstitute.org/en/publication/indi-inclusion-diversity-intersectional-awareness-program/)",
+            "fr": "Conception et rédaction du guide \"iN&Di\" pour promouvoir une approche intersectionnelle de l'inclusion et de la diversité. [Lien vers la publication](https://www.learningplanetinstitute.org/publication/indi-inclusion-diversite-programme-de-sensibilisation-intersectionnel/)"
+            },
+          "dates": [
+            "2024",
+            ""
+          ],
+          "organisation": "Université Paris Cité",
+          "location": {
+            "en": "Paris, France",
+            "fr": "Paris, France"
+          }
+        }
+      ]
+    }
+  ]
+}

src/layouts/cv.webc

@@ -0,0 +1,41 @@
+---
+layout: base.webc
+---
+
+<section class="cv">
+  <header class="printOnly">
+    <h2 class="printOnly" @text="cv.header.name"></h2>
+
+    <div class="sub">
+      <div class="links">
+        <a :href="cv.header.website" @text="cv.header.website"></a>
+      </div>
+
+      <div class="contact">
+        <a :href="'mailto:' + cv.header.email" @text="cv.header.email"></a>
+      </div>
+    </div>
+
+    <p @text="cv.header.summary[lang]"></p>
+  </header>
+
+  <template webc:for="x of cv.experience" webc:nokeep>
+    <h3 @text="x.title[lang]" :id="x.slug[lang]"></h3>
+
+    <section webc:for="i of x.items" class="experience-item">
+      <header id="i.title[lang]">
+        <h4 @text="i.title[lang]"></h4>
+        <div class="dates">
+          <span @text="i.dates[0]"></span>
+          <span webc:if="i.dates[1]" @text="' - ' + i.dates[1]"></span>
+        </div>
+        <div class="location" webc:if="i.location[lang]" @text="i.location[lang]"></div>
+      </header>
+
+      <main>
+        <p @text="i.summary[lang]"></p>
+      </main>
+    </section>
+  </template>
+
+</section>