Added a Feature (#713)

* Added a Feature Deleated /idea file Added Devops Playlist link to the links that does not have video yet Reviewed Changes * Fixed CSS * added space between title and key * added padding
WeMakeDevs · Aug 25, 2023 · 75f37a0 · 75f37a0
1 parent 56c5a44
commit 75f37a0
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 18 deletions.
diff --git a/src/components/PageComp/SingleCoursePage/Syllabus.jsx b/src/components/PageComp/SingleCoursePage/Syllabus.jsx
@@ -1,5 +1,7 @@
 import clsxm from '@/lib/utils';
 
+import UnstyledLink from '@/components/links/UnstyledLink';
+
 const Syllabus = ({ content }) => {
   return (
     <section id='syllabus'>
@@ -16,7 +18,13 @@ const Syllabus = ({ content }) => {
                 'before:h2 before:mb-2 before:inline-flex before:aspect-square before:h-12 before:items-center before:justify-center before:rounded-md before:bg-primary/30  before:text-content before:content-[attr(data-index)]'
               )}
             >
-              <h3>{s.title}</h3>
+              <UnstyledLink
+                className='h3 pl-4'
+                key={s.title}
+                href={s.videoLink}
+              >
+                {s.title}
+              </UnstyledLink>
               <p className='mt-2'>{s.description}</p>
             </div>
           ))}

diff --git a/src/content/courses/devops.js b/src/content/courses/devops.js
@@ -1,5 +1,4 @@
 import { SingleCoursesPageHeader } from '@/content/courses/CoursesPageContent';
-
 const DevopsPageContent = {
   header: SingleCoursesPageHeader,
   content: {
@@ -12,7 +11,7 @@ const DevopsPageContent = {
     videoLink: 'https://www.youtube.com/embed/ZbG0c87wcM8',
     buttons: [
       {
-        name: 'Notes & Assignment',
+        name: 'Notes & Assigment',
         href: 'https://github.com/kunal-kushwaha/DevOps-Bootcamp',
       },
       {
@@ -25,75 +24,98 @@ const DevopsPageContent = {
         title: 'Introduction to networking',
         description:
           'Networking fundamentals, OSI layer protocols, port forwarding, how the internet works, command line tools, and more.',
-      },
-      {
-        title: 'Introduction to Linux',
-        description:
-          'Learn about the essentials of working with Linux, including some important commands.',
+        videoLink: 'https://youtu.be/IPvYjXCsTg8',
       },
       {
         title: 'Command line tools',
         description:
           'Various command line tools, bash scripting, regex, introduction to git, and more.',
-      },
-      {
-        title: 'Docker',
-        description:
-          'Introduction to containers, hands-on demos, concepts, architecture, images, networking, best practices, development profiles, Docker Compose, Docker Swarm.',
+        videoLink: 'https://youtu.be/apGV9Kg7ics',
       },
       {
         title: 'Kubernetes',
         description:
           'Introduction, architecture, set-up, objects, networking, storage, HA, monitoring, logging, production-ready applications.',
+        videoLink: 'https://youtu.be/KVBON1lA9N8',
       },
       {
         title: 'Servers',
         description: 'Introduction to web-servers, Nginx, and more.',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
       },
       {
         title: 'Infrastructure as code',
         description:
           'Infrastructure provisioning, Terraform, Pulumi, configuration management, and more.',
+        videoLink: 'https://www.youtube.com/live/2keKHXtvY5c?feature=share',
       },
       {
         title: 'Service mesh',
         description: 'Istio, Envoy, Linkerd, and more.',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
       },
       {
         title: 'Working with cloud providers',
         description: 'Learn about cloud providers, design patterns, and more.',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
       },
       {
         title: 'Chaos engineering',
         description: 'The next step in testing.',
+        videoLink: 'https://www.youtube.com/live/LK0oDLQE4S8?feature=share',
       },
       {
-        title: 'GoLang',
-        description: 'Complete GoLang tutorial.',
+        title: 'Introduction to Linux',
+        description:
+          'Learn about the essentials of working with Linux, including some important commands.',
+        videoLink: 'https://youtu.be/iwolPf6kN-k',
       },
       {
-        title: 'GitOps',
+        title: 'Docker',
         description:
-          'Manage infrastructure and application configurations using Git.',
+          'Introduction to containers, hands-on demos, concepts, architecture, images, networking, best practices, development profiles, Docker Compose, Docker Swarm.',
+        videoLink: 'https://youtu.be/17Bl31rlnRM',
+      },
+      {
+        title: 'GoLang',
+        description: 'Complete GoLang tutorial.',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
       },
       {
         title: 'CI/CD',
         description:
           'Setting up a CI/CD pipeline, GitHub Actions, Circle CI, and more.',
+        videoLink: 'https://youtu.be/62N8UiWUdQo',
       },
       {
         title: 'Monitoring and logging',
         description:
           'Monitoring tools and practices, Prometheus, Thanos, Grafana, Jaeger, New Relic, and more.',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
+      },
+      {
+        title: 'GitOps',
+        description:
+          'Manage infrastructure and application configurations using Git.',
+        videoLink: 'https://youtu.be/8YLsQIG2Svo',
       },
       {
         title: 'Testing',
         description: 'Create robust applications with application testing.',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
       },
       {
         title: 'Cloud native tools deep dive',
         description:
           'Navigating the Cloud Native tools landscape with a hands-on deep dive to get you started with the use-cases and contributor journey of various projects',
+        videoLink:
+          'https://www.youtube.com/watch?v=ZbG0c87wcM8&list=PL9gnSGHSqcnoqBXdMwUTRod4Gi3eac2Ak',
       },
     ],
     tweetId: [
@@ -124,7 +146,7 @@ const DevopsPageContent = {
       id: 'FAQ3',
       question: 'How do I join your community?',
       answer:
-        'Make sure to join our Discord and Telegram channels. You can find us on all social media platforms as @wemakedevs',
+        'Make sure to join our Discord and Telegram channels. You can find us on all socials media platforms as @wemakedevs',
     },
     {
       id: 'FAQ4',