added youtube intro

sudomakes · Oct 17, 2023 · 9632962 · 9632962
1 parent 07f91a8
commit 9632962
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/src/assets/home-page/intro/annotation.svg b/src/assets/home-page/intro/annotation.svg
diff --git a/src/components/home/intro.svelte b/src/components/home/intro.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  // import Youtube from "svelte-youtube-embed";
-  // import Annotation from "@assets/home-page/intro/annotation.svg";
+  import Youtube from "svelte-youtube-embed";
+  import annotation from "@assets/home-page/intro/annotation.svg";
 </script>
 
 <div class="container relative my-20">
@@ -12,9 +12,11 @@
         class="h-10 w-10 lg:h-20 lg:w-20 mr-4 rounded-full"
         alt="sudo-vaibhav"
       />
-      <!-- <div class="hidden lg:relative w-10 mt-10 left-[-150px]">
-        <img src={Annotation.src} alt="learn backroad in just 3 minutes" />
-      </div> -->
+      <div
+        class="hidden xl:block relative w-10 mt-10 xl:left-[-150px] xl:top-[50px]"
+      >
+        <img src={annotation.src} alt="learn backroad in just 3 minutes" />
+      </div>
     </div>
     <div class="text-justify">
       <span class="font-medium">Hi, I'm Vaibhav, creator of Backroad 👋</span>
@@ -33,7 +35,9 @@
       </p>
     </div>
   </div>
-  <div class="flex-col flex lg:flex-row items-center justify-center gap-3">
+  <div
+    class="flex-col flex lg:flex-row items-center justify-center my-10 gap-3"
+  >
     <a
       class="btn btn-primary w-full lg:w-auto"
       target="_blank"
@@ -46,5 +50,5 @@
       >See Examples</a
     >
   </div>
-  <!-- <Youtube id="dQw4w9WgXcQ" /> -->
+  <Youtube id="WzQvRl0Cv60" />
 </div>