update canva

docs/main/introduction.md

@@ -1,6 +1,6 @@
 ---
 title: Introduction
-sidebar_position: 1
+sidebar_position: 0
 slug: /
 ---
 

docs/main/presentation.md

@@ -0,0 +1,12 @@
+---
+title: Presentation
+sidebar_position: 1
+---
+
+# ThreeFold Tech Presentation
+
+import CanvaEmbed from '@site/src/components/CanvaEmbed';
+
+<CanvaEmbed src="https://www.canva.com/design/DAGMk0XzQsg/IAtqvFxW-SbD8E7hK-hpow/view?embed" />
+
+## ThreeFold Technology v3.7 July 2024.pptx by Kristof De Spiegeleer

src/components/CanvaEmbed.js

@@ -0,0 +1,39 @@
+// src/components/CanvaEmbed.js
+import React from 'react';
+
+const CanvaEmbed = ({ src }) => {
+  return (
+    <div style={{ 
+      position: 'relative', 
+      width: '100%', 
+      height: 0, 
+      paddingTop: '56.2500%',
+      paddingBottom: 0, 
+      boxShadow: '0 2px 8px 0 rgba(63,69,81,0.16)', 
+      marginTop: '1.6em', 
+      marginBottom: '0.9em', 
+      overflow: 'hidden',
+      borderRadius: '8px', 
+      willChange: 'transform'
+    }}>
+      <iframe 
+        loading="lazy" 
+        style={{ 
+          position: 'absolute', 
+          width: '100%', 
+          height: '100%', 
+          top: 0, 
+          left: 0, 
+          border: 'none', 
+          padding: 0,
+          margin: 0 
+        }}
+        src={src} 
+        allowFullScreen
+      >
+      </iframe>
+    </div>
+  );
+};
+
+export default CanvaEmbed;