move videos to repository

Author: lovromazgon

.gitattributes

@@ -0,0 +1 @@
+static/video/** filter=lfs diff=lfs merge=lfs -text

.github/workflows/deploy.yaml

@@ -15,6 +15,7 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+          lfs: true
       - uses: actions/setup-node@v4
         with:
           node-version: 18

.github/workflows/test-deploy.yaml

@@ -15,6 +15,7 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
+          lfs: true
       - uses: actions/setup-node@v4
         with:
           node-version: 18

docs/0-what-is/0-introduction.mdx

@@ -7,15 +7,15 @@ slug: '/'
 hide_table_of_contents: true
 ---
 
+import ReactPlayer from 'react-player';
+
 <div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%' }}>
-  <iframe
-    src="https://www.loom.com/embed/0df6511a4c9c4e3a98dc43ada9e109df?sid=dba50455-ac4e-4e3d-ba66-db88a67f653b?hideEmbedTopBar=true&hide_title=true&hide_owner=true&hide_share=true&hide_speed=true"
-    webkitallowfullscreen
-    frameborder="0"
-    mozallowfullscreen
-    allowFullScreen
-    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
-  ></iframe>
+<ReactPlayer
+  style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
+  controls
+  playIcon
+  src='/video/01-what-is-conduit.mp4'
+/>
 </div>
 
 <br/>

docs/0-what-is/1-getting-started.mdx

@@ -5,16 +5,15 @@ sidebar_position: 0
 slug: '/getting-started'
 ---
 
+import ReactPlayer from 'react-player';
 
 <div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%' }}>
-  <iframe
-    src="https://www.loom.com/embed/4b9797ab29364fa4beb91cf9604b503a?sid=3afbd018-e8cf-4c97-a4ce-bf59d9c4cc3f?hideEmbedTopBar=true&hide_title=true&hide_owner=true&hide_share=true&hide_speed=true"
-    webkitallowfullscreen
-    frameborder="0"
-    mozallowfullscreen
-    allowFullScreen
-    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
-  ></iframe>
+<ReactPlayer
+  style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
+  controls
+  playIcon
+  src='/video/02-starting-with-conduit.mp4'
+/>
 </div>
 
 ## Our goal

package.json

@@ -35,6 +35,7 @@
     "react-diff-viewer-continued": "^3.4.0",
     "react-dom": "^18.0.0",
     "react-markdown": "^9.0.1",
+    "react-player": "^3.0.0",
     "tailwindcss": "^3.4.0"
   },
   "devDependencies": {

static/video/01-what-is-conduit.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d4abf76e76c003a51c0d557e89dc60c53d4785fc829059dacffe2c049e886e2e
+size 59365557

static/video/02-starting-with-conduit.mp4

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4385529fbcbf9a35c54fb42c7aed0e4710e271a5c7815cceedfacfb16a29687a
+size 43319857