From 890f59dcb4199880ec551ce482d94c27b5a6aa1c Mon Sep 17 00:00:00 2001
From: mik-tf <logismos@protonmail.ch>
Date: Fri, 24 Jan 2025 14:12:52 -0500
Subject: [PATCH] update canva

---
 docs/main/introduction.md    |  2 +-
 docs/main/presentation.md    | 12 +++++++++++
 src/components/CanvaEmbed.js | 39 ++++++++++++++++++++++++++++++++++++
 3 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 docs/main/presentation.md
 create mode 100644 src/components/CanvaEmbed.js

diff --git a/docs/main/introduction.md b/docs/main/introduction.md
index 00b64d6..a56adf1 100644
--- a/docs/main/introduction.md
+++ b/docs/main/introduction.md
@@ -1,6 +1,6 @@
 ---
 title: Introduction
-sidebar_position: 1
+sidebar_position: 0
 slug: /
 ---
 
diff --git a/docs/main/presentation.md b/docs/main/presentation.md
new file mode 100644
index 0000000..84eba74
--- /dev/null
+++ b/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
diff --git a/src/components/CanvaEmbed.js b/src/components/CanvaEmbed.js
new file mode 100644
index 0000000..c35ebe7
--- /dev/null
+++ b/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;
\ No newline at end of file