Merge main into staging

site/about/contributing/style-guide/conventions.qmd

@@ -417,9 +417,8 @@ The {{< var validmind.training >}}[^20] is delivered in Revealjs presentation fo
 
 - Training materials use several supplementary style sheets to apply an alternate site theme: 
 
-  a. **{{< var validmind.training >}} hub:** `training.css`[^24]
-  b. **Course registration pages:** `training.css`, `training-nav.css`[^25]
-  c. **Course slides:** `slides.scss`[^26]
+  a. **{{< var validmind.training >}} pages:** `training.css`[^24]
+  b. **Course slides:** `slides.scss`[^25]
 
 - Each course lives in its own subdirectory within our training, where the name of the directory reflects the name of the course. 
 
@@ -431,7 +430,7 @@ The {{< var validmind.training >}}[^20] is delivered in Revealjs presentation fo
 #### Course registration
 
 - Course registration pages outline what the course covers and how to sign up for the course.
-- Registration pages make use of our custom `.preview` extension[^27] to display the tile card for the course. These previews act like links but they provide a live preview of the page linked to. 
+- Registration pages make use of our custom `.preview` extension[^26] to display the tile card for the course. These previews act like links but they provide a live preview of the page linked to. 
 
   First enable course previews in the front matter:
 
@@ -476,7 +475,7 @@ Optional
 
 #### Course slides
 
-- Training slides make use of Tachyons CSS[^28] styled with our custom `.overlay` class to provide demonstration overlays.
+- Training slides make use of Tachyons CSS[^27] styled with our custom `.overlay` class to provide demonstration overlays.
 
   Enable Tachyons CSS in the front matter with:
 
@@ -515,7 +514,7 @@ Try it **live** on the next page. {{< fa hand-point-right >}}
 
 ::::
 
-- Training slides use inline links only instead of footnotes,[^29] as footnotes are not visible in presentation mode.
+- Training slides use inline links only instead of footnotes,[^28] as footnotes are not visible in presentation mode.
 
 ## What's next
 - [Voice and tone](voice-and-tone.qmd)
@@ -571,12 +570,10 @@ Try it **live** on the next page. {{< fa hand-point-right >}}
 
 [^24]: **{{< var vm.product >}} GitHub:** [training.css](https://github.com/validmind/documentation/blob/main/site/training/assets/training.css)
 
-[^25]: **{{< var vm.product >}} GitHub:** [training-nav.css](https://github.com/validmind/documentation/blob/main/site/training/assets/training-nav.css)
+[^25]: **{{< var vm.product >}} GitHub:** [slides.scss](https://github.com/validmind/documentation/blob/main/site/training/assets/slides.scss)
 
-[^26]: **{{< var vm.product >}} GitHub:** [slides.scss](https://github.com/validmind/documentation/blob/main/site/training/assets/slides.scss)
+[^26]: **{{< var vm.product >}} GitHub:** [preview](https://github.com/validmind/documentation/tree/main/site/_extensions/nrichers/preview) extension
 
-[^27]: **{{< var vm.product >}} GitHub:** [preview](https://github.com/validmind/documentation/tree/main/site/_extensions/nrichers/preview) extension
+[^27]: **GitHub:** [Tachyons Extension For Quarto](https://github.com/nareal/tachyons)
 
-[^28]: **GitHub:** [Tachyons Extension For Quarto](https://github.com/nareal/tachyons)
-
-[^29]: [Inline links](#inline-links)
+[^28]: [Inline links](#inline-links)

site/index.qmd

@@ -174,7 +174,6 @@ The **purpose-built platform** for model risk management teams to test, document
 ![](assets/img/platform-line-3.png)
 ![](assets/img/platform-line-4.png)
 ![](assets/img/platform-line-5.png)
-![]()
 :::
 
 :::

site/styles.css

@@ -18,6 +18,10 @@ html {
   scroll-behavior: smooth;
 }
 
+body {
+  color: #1A202C;
+}
+
 a {
   color: #DE257E;
   text-decoration: none;
@@ -33,17 +37,24 @@ a.footnote-ref:hover, a.anchorjs-link:hover {
   text-decoration: none;
 }
 
-a.nav-link:hover, a.dropdown-item:hover, a.sidebar-link:hover {
+a.nav-link:hover, a.sidebar-link:hover {
   text-decoration: none;
   color: #DE257E;
 }
 
+a.dropdown-item:hover {
+  text-decoration: none;
+  color: #196972;
+  background-color: #EAF8FA;
+}
+
 /* NEW NAVBAR LINKS */
 a.nav-link, a.dropdown-item {
   position: relative;
 }
 
-a.nav-link:before, a.dropdown-item:before {
+a.nav-link:not(nav#TOC a.nav-link):before, 
+a.dropdown-item:not(nav#TOC a.dropdown-item):before {
   content: "";
   position: absolute;
   display: block;
@@ -56,7 +67,8 @@ a.nav-link:before, a.dropdown-item:before {
   transition: transform 0.3s ease;
 }
 
-a.nav-link:hover::before, a.dropdown-item:hover::before {
+a.nav-link:not(nav#TOC a.nav-link):hover::before, 
+a.dropdown-item:not(nav#TOC a.dropdown-item):hover::before {
   transform: scaleX(1);
 }
 
@@ -236,7 +248,6 @@ pre, pre.python, pre.bash, pre.yaml, pre.markdown {
   z-index: -1;
 }
 
-
 .nav-item {
   padding-right: 15px;
 }
@@ -330,7 +341,6 @@ input[type="checkbox"][checked] {
   animation: fadeUp 25s infinite;
 }
 
-
 .image-container img:nth-child(1) {
 animation-delay: 0s;
 }
@@ -528,25 +538,74 @@ figcaption {
 
 .sidebar-item .menu-text {
   text-transform: uppercase;
-  color: #083E44;
+  color: #196972;
 }
 
 .sidebar-item a .menu-text {
   text-transform: none; 
-  color: #3E6C69;
+  color: #585F60;
 }
 
 .sidebar-item a:hover .menu-text {
   text-transform: none; 
-  color: #DE257E;
+  color: #DE257E !important; 
 }
 
 .sidebar-item-container .sidebar-item-toggle {
   cursor: pointer;
-  font-size: 1.2rem;
   color: #083E44;
 }
 
+hr.sidebar-divider.hi {
+  border-top: 1px solid #196972 !important;
+}
+
+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;
+}
+
+nav#TOC h2#toc-title {
+  font-weight: bold;
+  color: #196972;
+}
+
+nav#TOC ul > li > a.nav-link {
+  color: #585F60 !important;
+  text-decoration: none;
+}
+
+nav#TOC ul > li > a.nav-link:hover, 
+nav#TOC ul > li > a.nav-link.active:hover {
+  color: #196972 !important; 
+  background-color: #EAF8FA;
+  text-decoration: none; 
+}
+
+nav#TOC ul > li > a.nav-link.active, nav#TOC ul > li > a.nav-link.active:hover {
+  color: #DE257E !important;
+  text-decoration: none;
+}
+
+nav#TOC .toc-actions ul li a.toc-action {
+  color: #196972;
+  text-decoration: none;
+  font-size: 0.9em;
+  margin-right: 1em;
+}
+
+#quarto-sidebar.sidebar {
+  background-color: #FAFBFB;
+}
+
+.sidebar-item .sidebar-item-container .sidebar-link.active .menu-text {
+  color: #DE257E !important;
+}
 
 .feature {
   color: #3E6C69; 
@@ -607,6 +666,10 @@ figcaption {
   fill: white;
 }
 
+h2, .h2 {
+  border-bottom: 1px solid #196972;
+}
+
 /* section#footnotes {
   display: none !important;
 }

site/training/administrator-fundamentals/administrator-fundamentals-register.qmd

@@ -5,7 +5,7 @@ date: last-modified
 page-layout: full
 format:
   html:
-    css: [../assets/training.css, ../assets/training-nav.css]
+    css: ../assets/training.css
 filters:
   - tachyons
   - preview

site/training/assets/training.css

@@ -114,4 +114,26 @@ div.callout.callout {
 
 .quarto-listing-default {
   border: 1px solid #042426;
+}
+
+.navbar {
+  background-color: #EAF8FA !important;
+}
+
+nav#TOC ul > li > a.nav-link {
+  color: #3E6C69 !important;
+  text-decoration: none;
+}
+
+nav#TOC ul > li > a.nav-link:hover, 
+nav#TOC ul > li > a.nav-link.active:hover {
+  color: #DE257E !important; 
+  background-color: white;
+  text-decoration: none; 
+}
+
+a.dropdown-item:hover {
+  text-decoration: none;
+  color: #DE257E;
+  background-color: #B5B5B510;
 }

site/training/developer-fundamentals/developer-fundamentals-register.qmd

@@ -5,7 +5,7 @@ date: last-modified
 page-layout: full
 format:
   html:
-    css: [../assets/training.css, ../assets/training-nav.css]
+    css: ../assets/training.css
 aliases: 
   - training-for-model-developers.html
 filters:

site/training/training-templates/course-registration.qmd

@@ -7,7 +7,7 @@ page-layout: full
 search: false
 format:
   html:
-    css: [../assets/training.css, ../assets/training-nav.css]
+    css: ../assets/training.css
 filters:
   - tachyons
   - preview

site/training/validator-fundamentals/validator-fundamentals-register.qmd

@@ -5,7 +5,7 @@ date: last-modified
 page-layout: full
 format:
   html:
-    css: [../assets/training.css, ../assets/training-nav.css]
+    css: ../assets/training.css
 aliases: 
   - training-for-model-validators.html
 filters: