use svg exported draw.io they are the only ones preserving full image…

… defintion
decoder-leco · Apr 7, 2024 · 96e1690 · 96e1690
1 parent 7a62be4
commit 96e1690
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/documentation/astro/src/env.d.ts b/documentation/astro/src/env.d.ts
@@ -5,6 +5,7 @@ declare module 'markdown-it'
 declare module 'highlight.js'
 declare module 'react-arborist'
 declare module 'react-medium-image-zoom'
+declare module '*.svg'
 /*
 */
 

diff --git a/documentation/astro/src/layouts/data-pipeline.astro b/documentation/astro/src/layouts/data-pipeline.astro
@@ -8,6 +8,7 @@ import { Image } from 'astro:assets';
 import decoder_leco_org_img from '../assets/images/decoder_leco_org.jpg';
 
 import pipeline_branch1_img from '../assets/images/eurostat-data-pipeline-design_part1_BRANCH1.jpg'
+import pipeline_branch1_img_svg from 'eurostat-data-pipeline-design_part1_BRANCH1.drawio.svg'
 import pipeline_branch2_img from '../assets/images/eurostat-data-pipeline-design_part2_BRANCH2.jpg'
 import pipeline_branch3_img from '../assets/images/eurostat-data-pipeline-design_part3_BRANCH3.jpg'
 // import PicsGallery from './picsGallery.astro';

diff --git a/documentation/astro/src/layouts/picsGallery2.astro b/documentation/astro/src/layouts/picsGallery2.astro
@@ -7,6 +7,7 @@ import pipeline_branch1_img from '../assets/images/eurostat-data-pipeline-design
 import pipeline_branch2_img from '../assets/images/eurostat-data-pipeline-design_part2_BRANCH2.jpg'
 import pipeline_branch3_img from '../assets/images/eurostat-data-pipeline-design_part3_BRANCH3.jpg'
 
+import pipeline_branch1_img_svg from '../assets/images/eurostat-data-pipeline-design_part1_BRANCH1.drawio.svg?raw'
 /**
  * To be continued:
  * https://github.com/rpearce/react-medium-image-zoom
@@ -23,18 +24,13 @@ import 'react-medium-image-zoom/dist/styles.css'
 </div>
 <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
 
-    <Zoom>
+    <!--Zoom>
         <img
           alt="That Wanaka Tree, New Zealand by Laura Smetsers"
           src={pipeline_branch1_img.src}
           width="500"
         />
-      </Zoom>
-      <!-- Image
-      class="h-auto max-w-full rounded-lg"
-      src={pipeline_branch1_img}
-      width={pipeline_branch1_img.width / 2}
-      densities={[1.5, 2]}
-      alt="Pipeline first branch."
-      / -->
+      </Zoom -->
+      <!-- SVG export of draw.io are the only one format which preserves images definition -->
+      <Fragment set:html={pipeline_branch1_img_svg} />
 </div>