Merge pull request #77 from CaitlynFong/website

new website changes
Xilinx · Jul 20, 2024 · 98c45aa · 98c45aa
2 parents b5a1ba9 + b1e8f92
commit 98c45aa
Show file tree

Hide file tree

Showing 50 changed files with 59,864 additions and 129,877 deletions.
diff --git a/PYNQ 101 - Into to PYNQ.html b/PYNQ 101 - Into to PYNQ.html
diff --git a/PYNQ 201 - MNIST.html b/PYNQ 201 - MNIST.html
diff --git a/PYNQ 301 - Object Detection.html b/PYNQ 301 - Object Detection.html
diff --git a/PYNQ 401 - Crowd Estimation.html b/PYNQ 401 - Crowd Estimation.html
diff --git a/PYNQ 402 - Face Mask Detection.html b/PYNQ 402 - Face Mask Detection.html
diff --git a/PYNQ 402 - Pose Detection.html b/PYNQ 402 - Pose Detection.html
diff --git a/PYNQ 402 - Automotive.html → PYNQ 403 - Automotive.html b/PYNQ 402 - Automotive.html → PYNQ 403 - Automotive.html
diff --git a/PYNQ 403 - Face Mask Detection.html b/PYNQ 403 - Face Mask Detection.html
diff --git a/PYNQ 501 - Computer Vision.html b/PYNQ 501 - Computer Vision.html
diff --git a/PYNQ 502 - Intermediate Python.html b/PYNQ 502 - Intermediate Python.html
diff --git a/PYNQ 503 - Crowd Estimation.html b/PYNQ 503 - Crowd Estimation.html
diff --git a/PYNQ 503 - Pose Detection.html b/PYNQ 503 - Pose Detection.html
diff --git a/PYNQ Bootcamp 2023 Agenda.pdf b/PYNQ Bootcamp 2023 Agenda.pdf
diff --git a/PYNQ Bootcamp 2024 Agenda Final.pdf b/PYNQ Bootcamp 2024 Agenda Final.pdf
diff --git a/PYNQ401-crowd-detection.html → PYNQ401-crowd-estimation.html b/PYNQ401-crowd-detection.html → PYNQ401-crowd-estimation.html
@@ -30,9 +30,9 @@
 
 
 
-    <h2>PYNQ 503 - Crowd Detection</h2>
+    <h2>PYNQ 401 - Crowd Estimation</h2>
     <hr>
-    <iframe src="PYNQ 503 - Crowd Estimation.html"height="700px" width="1500px"> </iframe>
+    <iframe src="PYNQ 401 - Crowd Estimation.html"height="700px" width="1500px"> </iframe>
 
 
 

diff --git a/PYNQ401-facemask-detection.html → PYNQ402-face-mask-detection.html b/PYNQ401-facemask-detection.html → PYNQ402-face-mask-detection.html
@@ -30,9 +30,9 @@
 
 
 
-    <h2>PYNQ 403 - Facemask Detection</h2>
+    <h2>PYNQ 402 - Facemask Detection</h2>
     <hr>
-    <iframe src="PYNQ 403 - Face Mask Detection.html"height="700px" width="1500px"> </iframe>
+    <iframe src="PYNQ 402 - Face Mask Detection.html"height="700px" width="1500px"> </iframe>
 
 
 

diff --git a/PYNQ402-automotive.html → PYNQ403-automotive.html b/PYNQ402-automotive.html → PYNQ403-automotive.html
@@ -30,9 +30,9 @@
 
 
 
-    <h2>PYNQ  401 - Automotive</h2>
+    <h2>PYNQ  403 - Automotive</h2>
     <hr>
-    <iframe src="PYNQ 402 - Automotive.html"height="700px" width="1500px"> </iframe>
+    <iframe src="PYNQ 403 - Automotive.html"height="700px" width="1500px"> </iframe>
 
 
 

diff --git a/PYNQ502-cv.html → PYNQ501-cv.html b/PYNQ502-cv.html → PYNQ501-cv.html
diff --git a/PYNQ501-pose-detection.html → PYNQ503-pose-detection.html b/PYNQ501-pose-detection.html → PYNQ503-pose-detection.html
@@ -30,9 +30,9 @@
 
 
 
-    <h2>PYNQ 402 - Pose Detection</h2>
+    <h2>PYNQ 503 - Pose Detection</h2>
     <hr>
-    <iframe src="PYNQ 402 - Pose Detection.html"height="700px" width="1500px"> </iframe>
+    <iframe src="PYNQ 503 - Pose Detection.html"height="700px" width="1500px"> </iframe>
 
 
 

diff --git a/Trainings.html b/Trainings.html
@@ -30,15 +30,62 @@
       <div class="content-table flex-column">
         <div class="flex-row">
           <div class="flex-item flex-column">
-            <p class="text">
-              Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel
-              augue. Curabitur ullamcorper ultricies nisi.
-            </p>
-            <h2>Heading 1</h2>
+            <h2>Welcome to the PYNQ Bootcamp Trainings for the KRIA KV260!</h2>
             <hr>
-            <p class="text">
-              Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet.
-            </p>
+    <p>Explore a series of PYNQ Bootcamp trainings tailored for the KRIA KV260, aimed at equipping you with essential skills to leverage the KRIA System-on-Module (SOM) board and Jupyter Notebooks effectively. Delve into Xilinx's AI model zoo to harness powerful AI models, guiding you through a progressive learning path.</p>
+
+    <h2>How to Navigate the Trainings</h2>
+    <p>To get the most out of this curriculum, we recommend following the trainings in the order presented. Each training module builds upon the knowledge and skills acquired in the previous ones, ensuring a smooth and effective learning experience.</p>
+    <hr>
+    <h2>Training Modules</h2>
+    <h3><a href="PYNQ101-intro.html">PYNQ 101 - Intro to PYNQ</a></h3>
+    <p>Start here to get a solid foundation in PYNQ, understand its key features, and learn how to set up your environment.</p>
+
+    <h3><a href="PYNQ201-MNIST.html">PYNQ 201 - MNIST</a></h3>
+    <p>Learn how to work with the MNIST dataset, implementing and understanding basic image classification.</p>
+
+    <h3><a href="PYNQ301-object-detection.html">PYNQ 301 - Object Detection</a></h3>
+    <p>Dive into object detection techniques, utilizing pre-trained models to detect objects in images and videos.</p>
+
+    <h3>Breakout 1: Specialized Applications</h3>
+    <ul>
+        <li><a href="PYNQ401-crowd-estimation.html">PYNQ 401 - Crowd Estimation</a></li>
+          <ol><li>Explore methods to estimate crowd sizes in images and videos.</li></ol>
+        <li><a href="PYNQ402-face-mask-detection.html">PYNQ 402 - Face Mask Detection</a></li>
+          <ol><li>Implement face mask detection using AI models, a crucial application in today's world.</li></ol>
+    </ul>
+
+    <h3><a href="PYNQ403-automotive.html">PYNQ 403 - Automotive</a></h3>
+    <p>Focus on automotive applications, including vehicle detection and traffic sign recognition.</p>
+
+    <h3>Breakout 2: Advanced Topics</h3>
+    <ul>
+        <li><a href="PYNQ501-cv.html">PYNQ 501 - Computer Vision</a></li>
+          <ol><li>Advanced computer vision techniques, including more complex image processing and analysis.</li></ol>
+        <li><a href="PYNQ502-python.html">PYNQ 502 - Intermediate Python</a></li>
+          <ol><li>Enhance your Python programming skills, essential for effective AI model implementation.</li></ol>
+    </ul>
+
+    <h3><a href="PYNQ503-pose-detection.html">PYNQ 503 - Pose Detection</a></h3>
+    <p>Learn about pose detection algorithms, enabling you to detect and analyze human poses in real-time.</p>
+    <hr>
+    <h2>Getting Started</h2>
+    <h3>Setup Your Environment</h3>
+    <ul>
+        <li>If you want to set up your own image, start here: <a href="board-setup-image-creation.html">KRIA-SOM, PYNQ Setup, and Bootcamp Image Creation</a></li>
+        <li>If you would like to use a pre-setup image and get started with the trainings, start here: <a href="getting-started-with-pynq-bootcamp.html">Getting Started with PYNQ Bootcamp</a></li>
+    </ul>
+    <p>Begin with PYNQ101: Start your learning journey with the introductory module and progressively move through the modules.</p>
+    <hr>
+    <h2>Tips for Success</h2>
+    <ul>
+        <li>Take Your Time: Don't rush through the modules. Take your time to understand each concept thoroughly.</li>
+        <li>Hands-On Practice: Actively engage with the practical exercises and projects.</li>
+        <li>Ask Questions: Utilize the community forums and support channels if you encounter any issues or have questions.</li>
+        <li>Review and Reflect: Regularly review your progress and reflect on what you've learned.</li>
+    </ul>
+
+    <p>Embark on this exciting journey to master the KRIA KV260 with PYNQ, and unlock the full potential of AI and machine learning in your projects!</p>
           </div>
         </div>
       </div>