Kunle's requested carousel updates

Author: pyprogrammer

_layouts/titlepage3.html

@@ -21,7 +21,7 @@
           content="{{ page.description | default: site.description | default: site.github.project_tagline }}"/>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="theme-color" content="#157878">
-    <!-- CJ styles 
+    <!-- CJ styles
   <link rel="stylesheet" type="text/css" href="assets/css/github.css">
   <link rel="stylesheet" type="text/css" href="assets/css/github2.css">
         -->
@@ -167,43 +167,35 @@ <h2 class="project-tagline">Stanford University, Winter 2023</h2>
         <div class="slideshow-container">
 
             <div class="mySlides fade">
-                <div class="numbertext">1 / 5</div>
+                <div class="numbertext">1 / 4</div>
                 <div style="width:100%; height: 650px; text-align: center; line-height: 650px; vertical-align: middle; background-color: #000000; ">
-                    <img src="/assets/img/1___4_cylinder.gif" style="width:100%; max-height:100%;">
+                    <img src="/assets/img/carousel/Multicore.png" style="width:100%; max-height:100%;">
                 </div>
                 <div class="text">Generic</div>
             </div>
 
             <div class="mySlides fade">
-                <div class="numbertext">2 / 5</div>
-                <video style="width:100%; height: 647px; background-color: #000000;" muted autoplay loop>
-                    <source src="/assets/img/2.mp4" type="video/mp4">
-                </video>
-                <div class="text">Tuned up</div>
-            </div>
-
-            <div class="mySlides fade">
-                <div class="numbertext">3 / 5</div>
-                <video style="width:100%; height: 647px; background-color: #000000;" muted autoplay loop>
-                    <source src="/assets/img/3.mp4" type="video/mp4">
-                </video>
-                <div class="text">Fewer moving parts</div>
+                <div class="numbertext">2 / 4</div>
+                <div style="width:100%; height: 650px; text-align: center; line-height: 650px; vertical-align: middle; background-color: #000000; ">
+                    <img src="/assets/img/carousel/tensorcore-gen4-int8-2c50-d.png" style="width:100%; max-height:100%;">
+                </div>
+                <div class="text">Repurposed and Augmented</div>
             </div>
 
             <div class="mySlides fade">
-                <div class="numbertext">4 / 5</div>
+                <div class="numbertext">3 / 4</div>
                 <div style="width:100%; height: 650px; text-align: center; line-height: 650px; vertical-align: middle; background-color: #000000; ">
-                    <img src="/assets/img/4___JET.gif" style="width:100%; max-height:100%;">
+                    <img src="/assets/img/carousel/TPUGoogle.png" style="width:100%; max-height:100%;">
                 </div>
-                <div class="text">Streaming</div>
+                <div class="text">Bespoke and Customized</div>
             </div>
 
             <div class="mySlides fade">
-                <div class="numbertext">5 / 5</div>
+                <div class="numbertext">4 / 4</div>
                 <div style="width:100%; height: 650px; text-align: center; line-height: 650px; vertical-align: middle; background-color: #000000; ">
-                    <img src="/assets/img/truck.png" style="width:100%; max-height:100%;">
+                    <img src="/assets/img/carousel/SN10.png" style="width:100%; max-height:100%;">
                 </div>
-                <div class="text">Welcome to CS 217!</div>
+                <div class="text">Flexible and Reconfigurable</div>
             </div>
 
             <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
@@ -217,7 +209,7 @@ <h2 class="project-tagline">Stanford University, Winter 2023</h2>
             <span class="dot" onclick="currentSlide(2)"></span>
             <span class="dot" onclick="currentSlide(3)"></span>
             <span class="dot" onclick="currentSlide(4)"></span>
-            <span class="dot" onclick="currentSlide(5)"></span>
+            <!-- <span class="dot" onclick="currentSlide(5)"></span> -->
         </div>
 
         <script>