added tutorial videos

umdenes100 · Oct 22, 2024 · 7c1398a · 7c1398a
1 parent 0f65cb3
commit 7c1398a
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/src/lib/Header.svelte b/src/lib/Header.svelte
@@ -130,6 +130,7 @@
                         <a href="/tools/machinelearning">Machine Learning</a>
                         <a href="/tools/simulator">Simulator</a>
 <!--                        <a href="http://192.168.1.2:8080/">Vision System</a>-->
+                        <a href="/tools/videos">Tutorial Videos</a>
                         <a href="/tools/visionsystem">Vision System</a>
                     </div>
                 </div>

diff --git a/src/routes/tools/videos/+page.svelte b/src/routes/tools/videos/+page.svelte
@@ -0,0 +1,33 @@
+<script>
+    import HeaderBar from "$lib/HeaderBar.svelte";
+</script>
+<div class="main_content">
+    <HeaderBar></HeaderBar>
+<div class="text">
+    <h1>Tutorial Videos</h1>
+    <details>
+        <summary>Soldering Tutorial</summary>
+        <div>
+            <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=wNNg1-ajD6JXXRb6&amp;list=PLn7ruDThbzWOaShNR2EdJm8yMFQdgqscE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+        </div>
+    </details>
+    <details>
+        <summary>Electronics Safety</summary>
+        <div><iframe width="560" height="315" src="https://www.youtube.com/embed/OpEMilxqBeo?si=R92kg8fBQCIFLk2L" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+    </details>
+    <details>
+        <summary
+            >Wifi Module and Vision System Tutorial</summary
+        >
+        <div><iframe width="560" height="315" src="https://www.youtube.com/embed/d1DaDiWkYxs?si=aCVentU1B_35Adns" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+    </details>
+    <details>
+        <summary>Battery Discharge Behind the Scenes</summary>
+        <div><iframe width="560" height="315" src="https://www.youtube.com/embed/ss7u6QyIr5g?si=h0n0OFFaL0pcL9VS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+    </details>
+    <details>
+        <summary>School Store Return Procedure</summary>
+        <div><iframe width="560" height="315" src="https://www.youtube.com/embed/c6m_h-4qkF8?si=gYChad52XXhdknxm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+    </details>
+</div>
+</div>