Merge pull request #17 from Koala3353/UGLY

Add files via upload

assets/css/baguetteBox.min.css

@@ -21,8 +21,7 @@
 }
 
 .carousel-inner img {
-  width: 70%;  /* or any custom width */
-  height: 800px; /* or any custom height */
+  height: 700px; /* or any custom height */
   object-fit: cover; /* This will make the image scale and crop to fit the size */
 }
 

index.html

@@ -1115,16 +1115,19 @@
         </div>
       </div>
     </div>
-    <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
+    <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel" style="padding-bottom: 40px;">
       <div class="carousel-inner">
         <div class="carousel-item active" data-bs-interval="10000">
-          <img src="..." class="d-block w-100" alt="...">
+          <img src="./assets/img/carousel/Sydney-Drawing1.jpg" class="d-block w-100" alt="...">
         </div>
-        <div class="carousel-item" data-bs-interval="2000">
-          <img src="..." class="d-block w-100" alt="...">
+        <div class="carousel-item" data-bs-interval="4000">
+          <img src="./assets/img/carousel/Sydney-Drawing2.jpg" class="d-block w-100" alt="...">
+        </div>
+        <div class="carousel-item" data-bs-interval="3000">
+          <img src="./assets/img/carousel/Sydney-Drawing3.JPG" class="d-block w-100" alt="...">
         </div>
         <div class="carousel-item">
-          <img src="..." class="d-block w-100" alt="...">
+          <img src="./assets/img/carousel/Sydney-Drawing4.JPG" class="d-block w-100" alt="...">
         </div>
       </div>
       <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">

resources/kit1/videos/video1.html

@@ -164,7 +164,7 @@ <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;marg
                 </video></div>
         </div>
         <div class="text-center" style="margin-top: 33px;">
-            <div class="btn-group btn-group-lg" role="group" style="font-family: 'Coolvetica Rg';"><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Previous</button><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Next</button></div>
+          <div class="btn-group btn-group-lg" role="group" style="font-family: 'Coolvetica Rg';"><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Previous</button><a class="btn btn-primary restrict-button" role="button" style="width: 110px;" href="./video2.html">Next</a></div>
         </div>
     </section>
     <footer class="text-light text-bg-primary">

resources/kit1/videos/video2.html

@@ -8,11 +8,10 @@
       <title>Resources</title>
       <link rel="icon" type="image/x-icon" href="../../../assets/img/fll logo new.png">
     </head>
-    <link rel="canonical" href="https://sparkfll.tech/resources/arduino/videos/arduino-video2.html">
-    <meta property="og:url" content="https://sparkfll.tech/resources/arduino/videos/arduino-video2.html">
+    <link rel="canonical" href="https://sparkfll.tech/resources/arduino/videos/arduino-video1.html">
+    <meta property="og:url" content="https://sparkfll.tech/resources/arduino/videos/arduino-video1.html">
     <meta name="twitter:description" content="At Spark, we believe that creativity is the spark that ignites innovation and brings joy to our lives. We are passionate about providing you with the tools and inspiration to unleash your creative potential. Whether you're a seasoned hobbyist or just starting on your creative journey, Spark is your go-to destination for unique and exciting hobby kits.">
     <meta name="twitter:image" content="https://sparkfll.tech/assets/img/fll logo with name new.png">
-    <meta property="og:image" content="https://sparkfll.tech/assets/img/fll logo new.png">
     <meta name="description" content="At Spark, we believe that creativity is the spark that ignites innovation and brings joy to our lives. We are passionate about providing you with the tools and inspiration to unleash your creative potential. Whether you're a seasoned hobbyist or just starting on your creative journey, Spark is your go-to destination for unique and exciting hobby kits.">
     <meta property="og:type" content="website">
     <meta name="twitter:card" content="summary">
@@ -21,6 +20,7 @@
       src="https://js.sentry-cdn.com/1c42dd3ba2e5b1b32a39f5d0e9365a70.min.js"
       crossorigin="anonymous"
     ></script>
+    <meta property="og:image" content="https://sparkfll.tech/assets/img/fll logo new.png">
     <link rel="stylesheet" href="../../../assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://cdn.reflowhq.com/v2/toolkit.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i&amp;display=swap">
@@ -158,13 +158,13 @@
       </div>
     <section class="text-bg-secondary py-5 mt-5">
         <div class="container" id="dqv">
-            <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;margin-bottom: 28px;font-family: 'IM FELL DW Pica';">How to use the Circuit</h1>
+            <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;margin-bottom: 28px;font-family: 'IM FELL DW Pica';">How to use the Over & Under Suture Kit            </h1>
             <div class="video-container"><video controls="" poster="../../../assets/img/fll%20logo%20with%20name%20new.png">
-                    <source src="../../../assets/img/test-vid-2.mp4" type="video/mp4">
+                    <source src="../../../assets/img/test-vid-1.mp4" type="video/mp4">
                 </video></div>
         </div>
         <div class="text-center" style="margin-top: 33px;">
-            <div class="btn-group btn-group-lg"  style="font-family: 'Coolvetica Rg';" role="group"><a class="btn btn-primary restrict-button" role="button" style="margin-right: 50px;width: 110px;" href="video1.html">Previous</a><a class="btn btn-primary restrict-button" role="button" style="width: 110px;" href="video3.html">Next</a></div>
+          <div class="btn-group btn-group-lg"  style="font-family: 'Coolvetica Rg';" role="group"><a class="btn btn-primary restrict-button" role="button" style="margin-right: 50px;width: 110px;" href="./video1.html">Previous</a><a class="btn btn-primary restrict-button" role="button" style="width: 110px;" href="./video3.html">Next</a></div>
         </div>
     </section>
     <footer class="text-light text-bg-primary">
@@ -242,8 +242,8 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
           >
             <div class="fw-bold d-flex align-items-center mb-2">
               <img
-              src="../../../assets/img/fll%20logo%20with%20name%20new.png"
-              width="144"
+                src="../../../assets/img/fll%20logo%20with%20name%20new.png"
+                width="144"
                 height="67"
               />
             </div>

resources/kit1/videos/video3.html

@@ -8,11 +8,10 @@
       <title>Resources</title>
       <link rel="icon" type="image/x-icon" href="../../../assets/img/fll logo new.png">
     </head>
-    <link rel="canonical" href="https://sparkfll.tech/resources/arduino/videos/arduino-video3.html">
-    <meta property="og:url" content="https://sparkfll.tech/resources/arduino/videos/arduino-video3.html">
+    <link rel="canonical" href="https://sparkfll.tech/resources/arduino/videos/arduino-video1.html">
+    <meta property="og:url" content="https://sparkfll.tech/resources/arduino/videos/arduino-video1.html">
     <meta name="twitter:description" content="At Spark, we believe that creativity is the spark that ignites innovation and brings joy to our lives. We are passionate about providing you with the tools and inspiration to unleash your creative potential. Whether you're a seasoned hobbyist or just starting on your creative journey, Spark is your go-to destination for unique and exciting hobby kits.">
     <meta name="twitter:image" content="https://sparkfll.tech/assets/img/fll logo with name new.png">
-    <meta property="og:image" content="https://sparkfll.tech/assets/img/fll logo new.png">
     <meta name="description" content="At Spark, we believe that creativity is the spark that ignites innovation and brings joy to our lives. We are passionate about providing you with the tools and inspiration to unleash your creative potential. Whether you're a seasoned hobbyist or just starting on your creative journey, Spark is your go-to destination for unique and exciting hobby kits.">
     <meta property="og:type" content="website">
     <meta name="twitter:card" content="summary">
@@ -21,6 +20,7 @@
       src="https://js.sentry-cdn.com/1c42dd3ba2e5b1b32a39f5d0e9365a70.min.js"
       crossorigin="anonymous"
     ></script>
+    <meta property="og:image" content="https://sparkfll.tech/assets/img/fll logo new.png">
     <link rel="stylesheet" href="../../../assets/bootstrap/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://cdn.reflowhq.com/v2/toolkit.min.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i&amp;display=swap">
@@ -39,7 +39,6 @@
     <link rel="stylesheet" href="../../../assets/css/Pricing-Centered-badges.css">
     <link rel="stylesheet" href="../../../assets/css/product-page.css">
     <link rel="stylesheet" href="../../../assets/css/specific-product.css">
-    <script type="module" src="../../../assets/js/logincheck.js"></script>
     <link rel="stylesheet" href="../../../assets/css/vanilla-zoom.min.css">
     <link rel="stylesheet" href="../../../assets/css/Video-Responsive.css">
 </head>
@@ -159,13 +158,13 @@
       </div>
     <section class="text-bg-secondary py-5 mt-5">
         <div class="container" id="dqv">
-            <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;margin-bottom: 28px;font-family: 'IM FELL DW Pica';">How to use the TEST</h1>
+            <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;margin-bottom: 28px;font-family: 'IM FELL DW Pica';">How to use the Over & Under Suture Kit            </h1>
             <div class="video-container"><video controls="" poster="../../../assets/img/fll%20logo%20with%20name%20new.png">
                     <source src="../../../assets/img/test-vid-1.mp4" type="video/mp4">
                 </video></div>
         </div>
         <div class="text-center" style="margin-top: 33px;">
-            <div class="btn-group btn-group-lg"  style="font-family: 'Coolvetica Rg';" role="group"><a class="btn btn-primary restrict-button" role="button" style="margin-right: 50px;width: 110px;" href="video2.html">Previous</a><button class="btn btn-primary disabled" type="button" style="width: 110px;" disabled="">Next</button></div>
+          <div class="btn-group btn-group-lg"  style="font-family: 'Coolvetica Rg';" role="group"><a class="btn btn-primary restrict-button" role="button" style="margin-right: 50px;width: 110px;" href="./video2.html">Previous</a><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Previous</button></div>
         </div>
     </section>
     <footer class="text-light text-bg-primary">
@@ -243,8 +242,8 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
           >
             <div class="fw-bold d-flex align-items-center mb-2">
               <img
-              src="../../../assets/img/fll%20logo%20with%20name%20new.png"
-              width="144"
+                src="../../../assets/img/fll%20logo%20with%20name%20new.png"
+                width="144"
                 height="67"
               />
             </div>
@@ -321,6 +320,7 @@ <h3 class="fs-6 text-white" style="font-family: 'Coolvetica Rg'">
     <script src="../../../assets/js/baguetteBox.min.js"></script>
     <script src="../../../assets/js/vanilla-zoom.js"></script>
     <script src="../../../assets/js/theme.js"></script>
+    <script type="module" src="../../../assets/js/logincheck.js"></script>
     <script src="../../../assets/js/Carousel-Multi-Image--ISA--carousel-multi.js"></script>
 </body>
 

resources/kit1/videos/videos.html

@@ -272,6 +272,103 @@ <h1 class="text-light" style="font-family: 'IM FELL DW Pica'">
             </div>
           </div>
         </div>
+      </section><section
+        class="py-4 py-xl-5"
+        style="padding-top: 52px; margin-top: -46px"
+      >
+        <div class="container">
+          <div
+            class="bg-dark border rounded border-0 border-dark overflow-hidden"
+          >
+            <div class="row g-0">
+              <div class="col-md-6 text-bg-primary">
+                <div class="text-white text-bg-primary p-4 p-md-5">
+                  <h2
+                    class="fw-bold text-white mb-3"
+                    style="font-family: 'IM FELL DW Pica'"
+                  >
+                    How to use the Over & Under Suture Kit
+                  </h2>
+                  <p class="mb-4" style="font-family: 'Coolvetica Rg'">
+                    Tincidunt laoreet leo, adipiscing taciti tempor. Primis
+                    senectus sapien, risus donec ad fusce augue interdum.
+                  </p>
+                  <div class="my-3" style="font-family: 'Coolvetica Rg'">
+                    <a
+                      class="btn btn-primary btn-lg text-bg-secondary me-2 restrict-button"
+                      role="button"
+                      href="./video2.html"
+                      >Video</a
+                    ><a
+                      class="btn btn-light btn-lg link-primary restrict-button"
+                      role="button"
+                      href="#"
+                      >Manual</a
+                    >
+                  </div>
+                </div>
+              </div>
+              <div
+                class="col-md-6 order-first order-md-last"
+                style="min-height: 250px"
+              >
+                <img
+                  class="w-100 h-100 fit-cover"
+                  src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section
+        class="py-4 py-xl-5"
+        style="padding-top: 52px; margin-top: -46px"
+      >
+        <div class="container">
+          <div
+            class="bg-dark border rounded border-0 border-dark overflow-hidden"
+          >
+            <div class="row g-0">
+              <div class="col-md-6 text-bg-primary">
+                <div class="text-white text-bg-primary p-4 p-md-5">
+                  <h2
+                    class="fw-bold text-white mb-3"
+                    style="font-family: 'IM FELL DW Pica'"
+                  >
+                    How to use the Over & Under Suture Kit
+                  </h2>
+                  <p class="mb-4" style="font-family: 'Coolvetica Rg'">
+                    Tincidunt laoreet leo, adipiscing taciti tempor. Primis
+                    senectus sapien, risus donec ad fusce augue interdum.
+                  </p>
+                  <div class="my-3" style="font-family: 'Coolvetica Rg'">
+                    <a
+                      class="btn btn-primary btn-lg text-bg-secondary me-2 restrict-button"
+                      role="button"
+                      href="./video3.html"
+                      >Video</a
+                    ><a
+                      class="btn btn-light btn-lg link-primary restrict-button"
+                      role="button"
+                      href="#"
+                      >Manual</a
+                    >
+                  </div>
+                </div>
+              </div>
+              <div
+                class="col-md-6 order-first order-md-last"
+                style="min-height: 250px"
+              >
+                <img
+                  class="w-100 h-100 fit-cover"
+                  src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
       </section>
       <section class="py-4 py-xl-5">
         <div class="container">
@@ -311,7 +408,7 @@ <h1 class="text-light" style="font-family: 'IM FELL DW Pica'">
               >
                 <img
                   class="w-100 h-100 fit-cover"
-                  src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png"
+                  src="../../../assets/img/illustrations/soon.jpg"
                 />
               </div>
             </div>

resources/kit2/videos/video1.html

@@ -158,13 +158,13 @@
       </div>
     <section class="text-bg-secondary py-5 mt-5">
         <div class="container" id="dqv">
-            <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;margin-bottom: 28px;font-family: 'IM FELL DW Pica';">How to use the Over & Under Suture Kit            </h1>
+            <h1 class="text-center text-light" style="padding-top: 0px;margin-top: 34px;margin-bottom: 28px;font-family: 'IM FELL DW Pica';">How to Draw a Cat            </h1>
             <div class="video-container"><video controls="" poster="../../../assets/img/fll%20logo%20with%20name%20new.png">
                     <source src="../../../assets/img/test-vid-1.mp4" type="video/mp4">
                 </video></div>
         </div>
         <div class="text-center" style="margin-top: 33px;">
-          <div class="btn-group btn-group-lg" role="group" style="font-family: 'Coolvetica Rg';"><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Previous</button><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Next</button></div>
+          <div class="btn-group btn-group-lg" role="group" style="font-family: 'Coolvetica Rg';"><button class="btn btn-primary disabled" type="button" style="margin-right: 50px;width: 110px;" disabled="">Previous</button><a class="btn btn-primary restrict-button" role="button" style="width: 110px;" href="./video2.html">Next</a></div>
         </div>
     </section>
     <footer class="text-light text-bg-primary">