Update index.md

FAIR-by-Design-Methodology · Mar 31, 2024 · e6783b8 · e6783b8
1 parent 7491287
commit e6783b8
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/resources/index.md b/resources/index.md
@@ -31,10 +31,14 @@ hide:
     - navigation
 ---
 <div class="container bg-dark">
-<div class="p-5 m-0 bg-dark text-white">
-    <p> Welcome to the FAIR-by-Design microlearning menu. </p>
-    <p>Below are the main stages of the FAIR-by-Design Methodology that will help guide you on your journey of creating FAIR learning materials.</p>
-</div>
+  <div class="row">
+    <div class="col-xl">
+        <div class="p-5 m-0 bg-dark text-white">
+            <p> Welcome to the FAIR-by-Design microlearning menu. </p>
+            <p>Below are the main stages of the FAIR-by-Design Methodology that will help guide you on your journey of creating FAIR learning materials.</p>
+        </div>
+    </div>
+  </div>
 </div>
 
 
@@ -54,7 +58,7 @@ hide:
       <div class="card-body">
         <h5 class="card-title">Discover</h5>
         <p class="card-text">1. Find existing resources. </br></br>2. Identify potential for reuse.</br></br></p>
-        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/02%20Discover/discover/" class="btn btn-outline-primary stretched-link">Go to stage</a>
+        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/02%20Discover/discover/" class="btn btn-outline-secondary stretched-link">Go to stage</a>
       </div>
     </div>
   </div>
@@ -64,7 +68,7 @@ hide:
       <div class="card-body">
         <h5 class="card-title">Design</h5>
         <p class="card-text">1. Define syllabus and structure. </br></br>2. Identify granularity and facilitation materials.</p>
-        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/03%20Design/design/" class="btn btn-outline-primary stretched-link">Go to stage</a>
+        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/03%20Design/design/" class="btn btn-outline-success stretched-link">Go to stage</a>
       </div>
     </div>
   </div>
@@ -74,7 +78,7 @@ hide:
       <div class="card-body">
         <h5 class="card-title">Produce</h5>
         <p class="card-text">1. Develop content using common apps and file formats. </br> 2. Define machine readable metadata. </br> 3. Perform internal QA check.</p>
-        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/04%20Produce/produce/" class="btn btn-outline-primary stretched-link">Go to stage</a>
+        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/04%20Produce/produce/" class="btn btn-outline-danger stretched-link">Go to stage</a>
       </div>
     </div>
   </div>
@@ -84,7 +88,7 @@ hide:
       <div class="card-body">
         <h5 class="card-title">Publish</h5>
         <p class="card-text">1. Define license and other related info. </br>2. Release to public for instructors and learners. </br>3. Enable feedback gathering.</p>
-        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/05%20Publish/publish/" class="btn btn-outline-primary stretched-link">Go to stage</a>
+        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/05%20Publish/publish/" class="btn btn-outline-warning stretched-link">Go to stage</a>
       </div>
     </div>
   </div>
@@ -94,7 +98,7 @@ hide:
       <div class="card-body">
         <h5 class="card-title">Verify</h5>
         <p class="card-text">1. Final QA check. </br> </br> 2. Use gathered feedback for continuous improvement.</br></p>
-        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/06%20Verify/verify/" class="btn btn-outline-primary stretched-link">Go to stage</a>
+        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/06%20Verify/verify/" class="btn btn-outline-info stretched-link">Go to stage</a>
       </div>
     </div>
   </div>
@@ -105,7 +109,7 @@ hide:
     <div class="card bg-light mb-3" style="max-width: 18rem;">
       <div class="card-body">
         <h5 class="card-title">--->>></h5>
-        <p class="card-text"></br></br></br></br></p>
+        <p class="card-text"></br></br></br></br></br></br></p>
       </div>
     </div>
   </div>
@@ -115,7 +119,7 @@ hide:
       <div class="card-body">
         <h5 class="card-title">Continuous Improvement</h5>
         <p class="card-text">1. Create a list of potential improvements. </br></br> 2. Choose a set of improvements to be implemented and start a new release cycle.</br></p>
-        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/06%20Verify/verify/" class="btn btn-outline-primary stretched-link">Go to stage</a>
+        <a href="https://fair-by-design-methodology.github.io/microlearning/latest/06%20Verify/verify/" class="btn btn-outline-light stretched-link">Go to stage</a>
       </div>
     </div>
   </div>
@@ -124,7 +128,7 @@ hide:
     <div class="card bg-light mb-3" style="max-width: 18rem;">
       <div class="card-body">
         <h5 class="card-title">--->>></h5>
-        <p class="card-text"></br></br></br></br></p>
+        <p class="card-text"></br></br></br></br></br></br></p>
       </div>
     </div>
   </div>