Training:Bootcamp/Levels: Difference between revisions

Bootcamp/Levels

Latest revision as of 23:34, 9 August 2024

You want to learn software modeling using the MDriven tools and you’ve got a lot of questions. This is the place to start - right from the basics!

INTERMEDIATE

You have some understanding of models but you need to brush up on what you know and learn what else is new. Join the trail from here!

ADVANCED

You are very familiar with modeling and now you just want to understand how MDriven does it. Dive right in with the more advanced concepts behind the MDriven tools.

This page was edited 174 days ago on 08/10/2024. What links here

@@ Line 21: / Line 21: @@
          justify-content: center;
          margin-top: 20px;
-        animation: fadeIn 1s ease-in-out;
      }
      .header-text {
@@ Line 41: / Line 40: @@
      .section {
          border-radius: 20px;
-         padding: 10px;
+         padding: 50px;
          box-sizing: border-box;
          cursor: pointer;
@@ Line 50: / Line 49: @@
          flex-direction: column;
          justify-content: center;
+        text-decoration: none;
+        color: inherit;
+        text-align: left;
      }
      .section:hover {
          transform: scale(1.05);
      }
+    .section:link,
+    .section:visited,
+    .section:hover,
+    .section:active {
+            text-decoration: none;
+            color: inherit;
+        }
      .beginner {
          background: rgba(255, 218, 187, 0.60);
-        margin-right: 20px;
      }
      .intermediate {
          background: rgba(217, 217, 217, 0.45);
-        margin-left: 20px;
      }
      .advanced {
          background: #112B3C;
-         color: white;
+         color: white !important;
-        margin-right: 20px;
      }
      .section-title {
@@ Line 161: / Line 167: @@
 }
 </style>
-</head>
+<script>
-<body>
+        window.addEventListener('load', () => {
+            document.querySelector('.header').classList.add('loaded');
+            document.querySelectorAll('.section-container').forEach((element) => {
+                element.classList.add('loaded');
+            });
+            document.querySelectorAll('.icon-placeholder').forEach((element) => {
+                element.classList.add('loaded');
+            });
+        });
+    </script>
 <div class="bootcamp-container">
      <div class="header">
@@ Line 171: / Line 187: @@
 <div class="section-container">
-        <img src="https://newwikicopy.mdriven.net/images/0/0e/MDrivenBootcamp_1.svg" alt="Beginner Icon" class="icon-placeholder">
+        <img src="https://wiki.mdriven.net/images/6/6e/Person_beginner.png" alt="Beginner Icon" class="icon-placeholder">
-         <div class="section beginner" onclick="choosePath('beginner')">
+         <a href="/index.php/Bootcamp/Beginner" class="section beginner">
              <div class="section-title">BEGINNER</div>
-             <div class="section-content">You are brand new to MDriven modeling and tools and you've got a lot of questions. This is the place to start - right from the basics!</div>
+             <div class="section-content">You want to learn software modeling using the MDriven tools and you’ve got a lot of questions. This is the place to start - right from the basics!</div>
-         </div>
+         </a>
      </div>
 <div class="section-container">
-         <div class="section intermediate" onclick="choosePath('intermediate')">
+         <a href="/index.php/Bootcamp/Intermediate" class="section intermediate">
              <div class="section-title">INTERMEDIATE</div>
              <div class="section-content">You have some understanding of models but you need to brush up on what you know and learn what else is new. Join the trail from here!</div>
-         </div>
+         </a>
-         <img src="https://newwikicopy.mdriven.net/images/4/41/Welcome_Video_-_MDrivenBootcamp_%281%29_1.svg" alt="Intermediate Icon" class="icon-placeholder">
+         <img src="https://wiki.mdriven.net/images/0/00/Person_intermediate.png" alt="Intermediate Icon" class="icon-placeholder">
      </div>
 <div class="section-container">
-         <img src="https://newwikicopy.mdriven.net/images/2/23/Welcome_Video_-_MDrivenBootcamp_%282%29_1.svg" alt="Advanced Icon" class="icon-placeholder">
+         <img src="https://wiki.mdriven.net/images/6/66/Person_advanced.png" alt="Advanced Icon" class="icon-placeholder">
-         <div class="section advanced" onclick="choosePath('advanced')">
+         <a href="/index.php/Bootcamp/Advanced" class="section advanced">
              <div class="section-title">ADVANCED</div>
              <div class="section-content">You are very familiar with modeling and now you just want to understand how MDriven does it. Dive right in with the more advanced concepts behind the MDriven tools.</div>
-         </div>
+         </a>
      </div>
 </div>
 </body>
 </html>