Define next iteration of training content

site/_quarto.yml

@@ -2,6 +2,9 @@ project:
   type: website
   post-render: make python-docs
 
+metadata-files:
+  - training/_sidebar.yaml
+
 website:
   announcement: 
     content: "[**{{< fa book-open-reader >}} EU AI Act Compliance**](https://validmind.com/download-whitepaper-the-eu-ai-act/) — Read our original regulation brief on how the EU AI Act aims to balance innovation with safety and accountability, setting standards for responsible AI use" 

site/guide/guides.qmd

@@ -145,34 +145,13 @@ Then, work with documentation and customizable templates, and collaborate with m
 :::{#guides-model-documentation}
 :::
 
-::: {.grid}
-::: {.g-col-8}
-{{< video https://www.youtube.com/embed/videoseries?si=aP7yLOGO60h4vi8C&amp;list=PL7I7ZrCoVCCP876aLRCjitZqYif96Whlz title='Developer Fundamentals' >}}
-
-::: {.video-cap .tc}
-(10 videos)
-:::
-
-:::
-:::
-
 ## Model validation
 
 Set up validation guidelines and prepare validation reports, work with findings and evidence, and collaborate with model developers within the {{< var vm.platform >}}:
 
 :::{#guides-model-validation}
 :::
 
-::: {.grid}
-::: {.g-col-8}
-{{< video https://www.youtube.com/embed/videoseries?si=JfBNClmsZYLS7m9F&amp;list=PL7I7ZrCoVCCObEiuLLAL0Wm9GQ6x5U0q5 title='Validating Models 101' >}}
-
-::: {.video-cap .tc}
-(5 videos)
-::: 
-
-:::
-:::
 
 Review reports or export your documentation for external records:
 

site/styles.css

@@ -270,6 +270,14 @@ pre, pre.python, pre.bash, pre.yaml, pre.markdown {
   font-size: larger;
 }
 
+.smallercaps {
+  font-weight: bold;
+  font-size: smaller;
+  font-variant: small-caps;
+  position: relative;
+  top: -5px;
+}
+
 input[type="checkbox"] {
   width: 1em;
   height: 1rem;
@@ -299,6 +307,45 @@ input[type="checkbox"][checked] {
   color: #083E44;
 }
 
+.attn-yellow {
+  margin-top: 20px;
+  margin-bottom: 40px;
+  border: 2px solid #083E44;
+  border-left-width: 0px;
+  border-right-width: 0px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  padding-left: 30px;
+  padding-right: 40px;
+  background-color: rgb(250, 245, 145);
+}
+
+.attn-orange {
+  margin-top: 20px;
+  margin-bottom: 40px;
+  border: 2px solid #083E44;
+  border-left-width: 0px;
+  border-right-width: 0px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  padding-left: 30px;
+  padding-right: 40px;
+  background-color: rgb(252, 169, 110);
+}
+
+.attn-red {
+  margin-top: 20px;
+  margin-bottom: 40px;
+  border: 2px solid #083E44;
+  border-left-width: 0px;
+  border-right-width: 0px;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  padding-left: 30px;
+  padding-right: 40px;
+  background-color: rgb(255, 109, 109);
+}
+
 .highlights {
   margin-top: 20px;
   margin-bottom: 40px;
@@ -434,6 +481,26 @@ figcaption {
   border: 1px solid #083E44;
 }
 
+.button-small {
+  /* font-size: 0.6em; */
+  font-variant: small-caps;
+  color: #083E44;
+  background-color: #B5B5B510;
+  border: 1px solid #083E44;
+  /* font-weight: bold; */
+  border-radius: 3px;
+  padding: 2px 5px;
+  vertical-align: middle;
+  line-height: 35px;
+}
+
+.button-small:hover {
+  color: #083E44;
+  text-decoration: none;
+  background-color: #EAF8FA;
+  border: 1px solid #083E44;
+}
+
 .cta {
   text-decoration: none;
   padding-left: 1rem;
@@ -597,10 +664,7 @@ hr.sidebar-divider.hi {
 
 nav#TOC {
   padding: 13px;
-  background-color: white;
   border: 1px solid #bdc1c4;
-  /* border-bottom: 2px solid #196972;
-  border-right: 2px solid #196972; */
   border-radius: 3px;
   background-color: #FAFBFB;
 }

site/training/_metadata.yml

@@ -1,4 +1,4 @@
 format:
   html:
     page-layout: full
-    css: assets/training.css 
+    css: assets/training.css 

site/training/_sidebar.yaml

@@ -0,0 +1,14 @@
+website:
+    sidebar:
+      - id: validmind-training
+        title: "ValidMind Training"
+        collapsed: false
+        collapse-level: 2
+        contents:
+        - text: "<i class='fa-solid fa-house'></i>&ensp;Training"
+          file: "training/training.qmd"
+        - text: "---"
+        - training/program/program-overview.qmd
+        - training/program/learning-paths.qmd
+        - training/program/sample-training-plan.qmd
+        - training/program/training-faq.qmd

site/training/assets/training.css

@@ -87,9 +87,16 @@ div.callout.callout {
     text-decoration: none;
   }
 
+#quarto-sidebar.sidebar {
+    background-color: #FFFFFF !important; 
+}
+
 .sidebar-header .sidebar-title a {
   text-decoration: none;
-  /* color: #DE257E; */
+}
+
+.sidebar.sidebar-navigation:not(.rollup) {
+  border-right: none !important;
 }
 
 .quarto-listing-default .no-anchor.listing-title a {
@@ -104,6 +111,11 @@ div.callout.callout {
   background-color: #FAFBFB !important;
 }
 
+nav#TOC {
+  border: 1px solid #FFFFFF !important;
+  background-color: #FFFFFF !important;
+}
+
 nav#TOC ul > li > a.nav-link {
   color: #3E6C69 !important;
   text-decoration: none;