.gitmodules

@@ -2,3 +2,6 @@
 	path = members-data
 	url = ssh://gitea@git.astrolabe.coop:2106/AstrolabeCAE/SiteWebAstrolabe_private.git
 	branch = master
+[submodule "simulateur"]
+	path = simulateur
+	url = https://framagit.org/deborahj/simulateur

package.json

@@ -48,7 +48,7 @@
     "webp": "go-webp excludeFolders=\"src/fonts,members-data,src/images/profiles\" excludeFiles=\"images/*.svg,images/astrolabe/favicon.png\"",
     "start": "concurrently \"npm run vendor\" \"npm run sass:process -- --watch\" \"npm run serve\"",
     "serve": "cross-env ELEVENTY_ENV=development npx eleventy --serve",
-    "prod": "cross-env ELEVENTY_ENV=prod npm run vendor && npm run webp && npm run sass:process && npx eleventy",
+    "prod": "cross-env ELEVENTY_ENV=prod npm run vendor && npm run webp && npm run sass:process && npx eleventy && cd simulateur && npm run build && cd .. && mkdir -p dist/simulateur/iframe && [ -d \"simulateur/dist\" ] && cp -r simulateur/dist/* dist/simulateur/iframe",
     "deploy-preprod": "npm run prod && node deploy-preprod",
     "deploy-prod": "npm run prod && node deploy-prod"
   },

src/_data/navigation.json

@@ -1,13 +1,13 @@
 {
   "items": [
     {
-      "text": "Accueil",
-      "url": "/",
+      "text": "Comprendre la CAE",
+      "url": "/comprendre-la-cae/",
       "external": false
     },
     {
-      "text": "Comprendre la CAE",
-      "url": "/comprendre-la-cae/",
+      "text": "Simuler mes revenus",
+      "url": "/simulateur/",
       "external": false
     },
     {
@@ -26,7 +26,7 @@
       "external": false
     },
     {
-      "text": "FAQ / Nous contacter",
+      "text": "FAQ / Contact",
       "url": "/faq+contact/",
       "external": false
     }

src/_includes/layouts/simulateur.njk

@@ -0,0 +1,32 @@
+{% extends 'layouts/base.njk' %}
+
+{% block content %}
+  <main id="main-content" tabindex="-1">
+    <article class="[ post ]">
+      <div class="[ post__body ] [ wrapper ] simulateur">
+        {{ content | safe }}
+      </div>
+    </article>
+    {% include "partials/components/contact-form.njk" %}
+  </main>
+
+<script>
+    const iframeContainer = document.querySelector('.simulateur .iframe-container');
+    const iframe = document.getElementById('simulateurFrame');
+    const iframeContent = document.getElementById('simulateurFrame').contentWindow;
+
+    function setIframeHeight() {
+      iframe.style.height = iframeContent.document.body.scrollHeight + 'px';
+      iframeContainer.style.minHeight = iframeContent.document.body.scrollHeight + 'px';
+      iframeContainer.style.paddingTop = '0';
+    }
+
+    iframe.addEventListener('load', () => {
+      setIframeHeight();
+        setTimeout(function() {
+          setIframeHeight(); // permet de reajuster apres chargement complet au besoin
+        }, 2000);
+    });
+
+</script>
+{% endblock %}

src/pages/simulateur.md

@@ -0,0 +1,15 @@
+---
+title: 'Simulateur de revenus'
+permalink: '/simulateur/index.html'
+layout: 'layouts/simulateur.njk'
+eleventyExcludeFromCollections: true
+---
+
+<div class="iframe-container">
+    <iframe
+    id="simulateurFrame"
+    class="responsive-iframe"
+    title="Simulateur de revenus en CAE"
+    src="./iframe">
+    </iframe>
+</div>

src/scss/components/_iframe.scss

@@ -0,0 +1,21 @@
+.iframe-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  padding-top: 100%;
+
+  iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
+  }
+}
+
+.simulateur {
+  padding: 0;
+}

src/scss/components/_nav.scss

@@ -16,7 +16,7 @@
     }
 
     > * + * {
-      margin-left: 2rem;
+      margin-left: 1.4rem;
     }
   }
 

src/scss/global.scss

@@ -17,6 +17,7 @@
 @use 'components/gouvernance';
 @use 'components/heading-permalink';
 @use 'components/intro';
+@use 'components/iframe';
 @use 'components/nav';
 @use 'components/posts';
 @use 'components/post';