Training:Videos: Difference between revisions

Videos

Latest revision as of 05:13, 29 May 2024

Training

EXPLORE MDriven through Video

INTRODUCING THE MDRIVEN VIDEO EXPERIENCE
Watch videos tailored to simplify everything you need to know about MDriven.

Check out the official MDriven YouTube here: www.youtube.com/@MDrivenOfficial

Continue watching

@@ Line 56: / Line 56: @@
                  font-size: 18px;
              }
+            .mwWidgetContinueWatching svg {
+    width: 40px;
+    height: 18px;
+}
          }
@@ Line 62: / Line 66: @@
      flex-wrap: wrap;
      justify-content: center;
-     gap: 10px; /* Space between videos */
+     gap: 60px;
+    margin-top: 40px;
 }
-/* Targeting iframes directly inside the .youtube-video-row */
+ .mdrivenText {
+                font-size: 25px;
+            }
 .youtube-video-row > iframe {
      flex: 1;
-     min-width: 300px; /* Minimum width of each video */
+     min-width: 300px;
-     max-width: 360px; /* Maximum width to ensure videos are not too large */
+     max-width: 360px;
-     border-radius: 15px; /* Rounded corners */
+     border-radius: 15px;
-     overflow: hidden; /* Ensures the border-radius applies to the iframe */
+     overflow: hidden;
-     height: 203px; /* Adjust height based on the aspect ratio */
+     height: 203px;
 }
 @media (max-width: 768px) {
      .youtube-video-row > iframe {
-         flex-basis: 100%; /* Full width on smaller screens */
+         flex-basis: 100%;
-         max-width: 100%; /* Allows the video to expand fully on smaller screens */
+         max-width: 100%;
-         height: auto; /* Adjust height for smaller screens */
+         height: auto;
      }
 }
+@media (max-width: 768px) {
+    .heading {
+        font-size: 1.75em;
+    }
+}
 </style>
@@ Line 93: / Line 110: @@
      <div class="mdrivenContainer" style="height: auto;">
          <div style="margin: 5px; word-wrap: break-word; text-align: center;">
-             <span class="mdrivenText" style="font-size: 25px; font-family: Inter, sans-serif; font-weight: 600; color: black;">Check out the official MDriven YouTube here: </span>
+             <span class="mdrivenText" style="font-weight: 600; color: black;">Check out the official MDriven YouTube here: </span>
-             <a class="mdrivenText" style="color: #0060A8;" href="www.youtube.com/@MDrivenOfficial">www.youtube.com/@MDrivenOfficial</a>
+             <a class="mdrivenText" style="color: #0060A8;" href="https://www.youtube.com/@MDrivenOfficial">www.youtube.com/@MDrivenOfficial</a>
          </div>
      </div>
 </html>
-{{#widget:Videos}}
+{{#widget:Videos|heading=MOCKOTYPE|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7dS-D35BVAytletlXIIUlu8}}
 <html>
 <div class="youtube-video-row">
 </html>
-{{#widget:Youtube|link=https://www.youtube.com/embed/L0MK7qz13bU}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/2l5LJGpwEzU?si=v3K0wtIftcLc_-iD}}
-{{#widget:Youtube|link=https://www.youtube.com/embed/L0MK7qz13bU}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/DjFnAA2tIgc?si=_toZ_Kusot0xRkw3}}
-{{#widget:Youtube|link=https://www.youtube.com/embed/L0MK7qz13bU}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/fOfNSFtVqdY?si=tGmmdM-1LkIbJFTe}}
 </div>
-{{#widget:Videos}}
+{{#widget:Videos|heading=MDRIVEN DESIGNER OVERVIEW|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7e6UEnABWQMGNEwT_SNhg2Q}}
 <html>
 <div class="youtube-video-row">
 </html>
-{{#widget:Youtube|link=https://www.youtube.com/embed/L0MK7qz13bU}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/RxBhb0K6ibo?si=52SxvSy_cVjdAnzX}}
-{{#widget:Youtube|link=https://www.youtube.com/embed/L0MK7qz13bU}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/KQerwRGgmE4?si=TZtVPL9a0tvydNZk}}
-{{#widget:Youtube|link=https://www.youtube.com/embed/L0MK7qz13bU}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/it0ZD7gtjnE?si=_FCvRL-nbyvu98v5}}
+</div>
+{{#widget:Videos|heading=MDRIVEN TURNKEY|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7ddLL-WARYjJwy4jAZkjCze}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/JmL77B4SU7M?si=QRLBaOCHPlejh6Dn}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/Ca6ShDvSjxc?si=A0HSDSrO8piqKDjL}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/uz_8q4a_p78?si=2_UPP4jUcCKqXeXc}}
+</div>
+{{#widget:Videos|heading=MDRIVEN SERVER|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7cq1diFC71rtY48HFitH7mI}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/1fJnvsbMWpQ?si=8xYwPp1-k42vwo4d}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/mc66E3bZYe8?si=kOw-DajrsP55dGG0}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/0RaL2L81cZw?si=FM4rpJ_NwkeYGlzW}}
+</div>
+{{#widget:Videos|heading=MDRIVEN FRAMEWORK|link=https://www.youtube.com/playlist?list=PLVF9iJ0UDk7fEDFpt4aqQrmK9rBrOfi08}}
+<html>
+<div class="youtube-video-row">
+</html>
+{{#widget:Youtube|link=https://www.youtube.com/embed/nuNktUpn-cg?si=ZLJL4B9cIRXk0lGG}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/F5s-st3RCLI?si=iwPpzzkYWX0qUVsx}}
+{{#widget:Youtube|link=https://www.youtube.com/embed/xxVmsm0Ntmo?si=nbC0AyFmT4gjHR0c}}
+</div>