Merge pull request #248 from anamika133m/tabs-hindi-english-video-html

Added video in Hindi at all the required places
FrontendFreaks · Oct 31, 2023 · b357087 · b357087
2 parents 5690a71 + f4eb25f
commit b357087
Show file tree

Hide file tree

Showing 6 changed files with 98 additions and 13 deletions.
diff --git a/content/batch/learn/css/basic.mdx b/content/batch/learn/css/basic.mdx
@@ -34,7 +34,23 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 
 <TabsContent value="learn">
     ## 📺 Watch Now
-    <VideoPlayer src="https://youtu.be/Qu0dbQxm6II"/>
+
+  <Tabs defaultValue="hindi">
+
+   <TabsList>
+   <TabsTrigger value="hindi">In Hindi</TabsTrigger>
+   <TabsTrigger value="english">In English</TabsTrigger>
+   </TabsList>
+
+   <TabsContent value="hindi">
+    <VideoPlayer src="https://www.youtube.com/live/WilILKSvb8w?si=EJ4qrbNdS8BeDOaf"/>
+   </TabsContent>
+
+    <TabsContent value="english">
+      <VideoPlayer src="https://youtu.be/Qu0dbQxm6II"/>
+    </TabsContent>
+
+  </Tabs>
 
     <Callout type="info">
     We hope that you found the tutorial video helpful in understanding the basic concepts of CSS, You can refer this notes 📝 for quick revision.

diff --git a/content/batch/learn/css/flex.mdx b/content/batch/learn/css/flex.mdx
@@ -42,7 +42,22 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 
  ## 📺 Watch Now
 
-<VideoPlayer src="https://www.youtube.com/watch?v=3nLglJtUHjA"/>
+  <Tabs defaultValue="hindi">
+
+   <TabsList>
+   <TabsTrigger value="hindi">In Hindi</TabsTrigger>
+   <TabsTrigger value="english">In English</TabsTrigger>
+   </TabsList>
+
+   <TabsContent value="hindi">
+     <VideoPlayer src="https://www.youtube.com/live/q_--3p7ISMs?si=Xkg6PcYAciuVRPxZ"/>
+   </TabsContent>
+
+    <TabsContent value="english">
+      <VideoPlayer src="https://www.youtube.com/watch?v=3nLglJtUHjA"/>
+    </TabsContent>
+
+  </Tabs>
 
 <Callout type="info">
     We hope that you found the tutorial video helpful in understanding the basic concepts of Flexbox, You can refer this notes 📝 for quick revision.

diff --git a/content/batch/learn/css/grid.mdx b/content/batch/learn/css/grid.mdx
@@ -31,7 +31,23 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 
 <TabsContent value="learn">
     ## 📺 Watch Now
-    <VideoPlayer src="https://youtu.be/ULp7wPJ-rzQ"/>
+
+  <Tabs defaultValue="hindi">
+
+   <TabsList>
+   <TabsTrigger value="hindi">In Hindi</TabsTrigger>
+   <TabsTrigger value="english">In English</TabsTrigger>
+   </TabsList>
+
+   <TabsContent value="hindi">
+     <VideoPlayer src="https://www.youtube.com/live/q_--3p7ISMs?si=Xkg6PcYAciuVRPxZ"/>
+   </TabsContent>
+
+    <TabsContent value="english">
+          <VideoPlayer src="https://youtu.be/ULp7wPJ-rzQ"/>
+    </TabsContent>
+
+  </Tabs>
 
     <Callout type="info">
    We hope that you found the tutorial video helpful in understanding the basic concepts of CSS Grid.

diff --git a/content/batch/learn/github/intro.mdx b/content/batch/learn/github/intro.mdx
@@ -32,8 +32,23 @@ Want to improve this page?. Raise a issue on [@github](https://github.com/Manish
 
 <TabsContent value="learn">
      ## 📺 Watch Now
- <VideoPlayer src="https://youtu.be/ng_3YZHnz8U"/>
 
+  <Tabs defaultValue="hindi">
+
+   <TabsList>
+   <TabsTrigger value="hindi">In Hindi</TabsTrigger>
+   <TabsTrigger value="english">In English</TabsTrigger>
+   </TabsList>
+
+   <TabsContent value="hindi">
+     <VideoPlayer src="https://www.youtube.com/live/aWxWM-kD_bM?si=rrDa9GSxOuM3xBH9"/>
+   </TabsContent>
+
+    <TabsContent value="english">
+      <VideoPlayer src="https://youtu.be/ng_3YZHnz8U"/>
+    </TabsContent>
+
+  </Tabs>
 
 <Callout type="info">
    👨‍💻📝 Now that you have completed the JavaScript tutorial video and reviewed the JavaScript cheat sheet, it's time to put your knowledge into practice by completing the JavaScript assignments. 🚀

diff --git a/content/batch/learn/js/dom.mdx b/content/batch/learn/js/dom.mdx
@@ -36,11 +36,22 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 <TabsContent value="learn">
      ## 📺 Watch Now
 
-
-<div className="w-full h-full">
-  <VideoPlayer src="https://www.youtube.com/watch?v=85jzHRTVdsc"/>
-</div>
-
+<Tabs defaultValue="hindi">
+
+   <TabsList>
+   <TabsTrigger value="hindi">In Hindi</TabsTrigger>
+   <TabsTrigger value="english">In English</TabsTrigger>
+   </TabsList>
+
+   <TabsContent value="hindi">
+     <VideoPlayer src="https://www.youtube.com/live/Jgad0N0Bvv0?si=_zf0RE-OzF2DMb6y"/>
+   </TabsContent>
+
+   <TabsContent value="english">
+     <VideoPlayer src="https://www.youtube.com/watch?v=85jzHRTVdsc"/>
+   </TabsContent>
+
+  </Tabs>
 
 <Callout type="info">
    👨‍💻📝 Now that you have completed the JavaScript tutorial video and reviewed the JavaScript cheat sheet, it's time to put your knowledge into practice by completing the JavaScript assignments. 🚀

diff --git a/content/batch/learn/js/intro.mdx b/content/batch/learn/js/intro.mdx
@@ -47,10 +47,22 @@ Want to improve this page? Raise a issue on [@github](https://github.com/ManishB
 <TabsContent value="learn">
      ## 📺 Watch Now
 
-    <div className="w-full h-full">
-      <VideoPlayer src="https://www.youtube.com/watch?v=9Shi7sbrHqY"/>
-    </div>
-
+  <Tabs defaultValue="hindi">
+
+   <TabsList>
+   <TabsTrigger value="hindi">In Hindi</TabsTrigger>
+   <TabsTrigger value="english">In English</TabsTrigger>
+   </TabsList>
+
+   <TabsContent value="hindi">
+     <VideoPlayer src="https://www.youtube.com/live/NmZYExCd1jw?si=6iJyMTVx7lkQcsg3"/>
+   </TabsContent>
+
+   <TabsContent value="english">
+     <VideoPlayer src="https://www.youtube.com/watch?v=9Shi7sbrHqY"/>
+   </TabsContent>
+
+  </Tabs>
 
     <Callout type="info">
       👨‍💻📝 Now that you have completed the JavaScript tutorial video and reviewed the JavaScript cheat sheet, it's time to put your knowledge into practice by completing the JavaScript assignments. 🚀