From f35272ba497eddc1f96b3547f5d5232c4db1a1cd Mon Sep 17 00:00:00 2001
From: pacome <pacome@atelier-cartographique.be>
Date: Mon, 24 May 2021 14:26:14 +0200
Subject: [PATCH] added cartofixer embed

---
 site/index.html      | 22 ++++++++++++++++++++++
 site/style/style.css |  1 -
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/site/index.html b/site/index.html
index e0911ec..f3d48b2 100644
--- a/site/index.html
+++ b/site/index.html
@@ -50,6 +50,28 @@
             <div id="mapList" class="block">
 
                 <h2>Liste des cartes</h2>
+                <!-- Le code suivant propose une intégration responsive, avec un rapport de taille fixé par défaut.  -->
+                <!-- Si vous souhaitez gérer vous-même la taille de la boîte contenant l'iframe, supprimez le style ci-dessous et la DIV #iFrameAtlas.  -->
+
+                <div id="iFrameAtlas">
+                    <style scoped>
+                        #iFrameAtlas {
+                            position: relative;
+                            width: 100%;
+                            padding-bottom: 55%;
+                        }
+
+                        @media (orientation:portrait) {
+                            #iFrameAtlas {
+                                padding-bottom: initial;
+                                height: 200vw;
+                                max-height: 85vh;
+                            }
+                        }
+
+                    </style>
+                    <iframe src="https://cartofixer.be/client/embed/9aeb4cf9-ab9c-4eaf-b311-13b95f78874f/5.49654/50.21170/9.097623538633071" width="100%" height="100%" style="position:absolute;" frameborder="0"></iframe>
+                </div>
 
                 <p> La carte que vous souhaitez n'existe pas encore ?
 
diff --git a/site/style/style.css b/site/style/style.css
index ae9796a..ab96c5c 100644
--- a/site/style/style.css
+++ b/site/style/style.css
@@ -451,5 +451,4 @@ p.pitch a:hover {
   position: fixed;
   right: 5px;
   bottom: 32px;
-  font-size: 0.8rem;
 }