experimenting with different structure in navbar

Padmashri Saravanan · Padmashri Saravanan · commit 22e5600361fc · 2026-03-31T10:54:36.000-04:00
diff --git a/_quarto.yml b/_quarto.yml
@@ -13,42 +13,44 @@ website:
         menu:
           - text: "Getting Started"
             href: getting_started.qmd
-          - text: "Courses"
-            href: getting_started.qmd#courses
-          - text: "Websites"
-            href: getting_started.qmd#websites
-          - text: "Dashboards"
-            href: getting_started.qmd#dashboards
-          - text: "Next Steps"
+          - text: "Example use cases"
+            href: examples.qmd
+      - text: "Build with OTTR"
+        menu:
+          - text: "Templates"
+            href: getting_started.qmd
+          - text: "Setup steps"
             href: next_steps.qmd
-          - text: "Enroll for Sync Updates"
+          - text: "Enroll for sync updates"
             href: enroll_sync.qmd
-      - text: "Customization"
-        menu:
-          - text: "Customizing checks {{< fa robot title='A robot' >}}"
-            href: customize-robots.qmd
-          - text: "Customizing style {{< fa palette title='A palette' >}}"
+          - text: "OTTR-fy existing repo"
+            href: ottr-fy.qmd
+          - text: "---"
+          - text: "Customize"
+          - text: "Style {{< fa palette title='A palette' >}}"
             href: customize-style.qmd
-          - text: "Customizing Docker {{< fa gears title='gears' >}}"
+          - text: "Checks {{< fa robot title='A robot' >}}"
+            href: customize-robots.qmd
+          - text: "Docker {{< fa gears title='gears' >}}"
             href: customize-docker.qmd
+      - text: "Advanced / Integrations"
+        menu:
+          - text: "Google Analytics {{< fa chart-line title='a line chart' >}}"
+            href: more_features_ganalytic.qmd
           - text: "Citing sources {{< fa quote-left title='A left quotation mark' >}}"
             href: more_features_sources.qmd
           - text: "Giving credits {{< fa award title='An award' >}}"
             href: more_features_credits.qmd
-          - text: "Google Analytics {{< fa chart-line title='a line chart' >}}"
-            href: more_features_ganalytic.qmd
+          - text: "Google Docs {{< fa file title='a file folder' >}}"
+            href: more_features_gdoc.qmd
           - text: "Borrowing chapters {{< fa bookmark title='A bookmark' >}}"
             href: more_features_borrowing.qmd
-          - text: "Compatibility with Google Docs {{< fa file title='a file folder' >}}"
-            href: more_features_gdoc.qmd
-          - text: "OTTR-fying an existing repository"
-            href: ottr-fy.qmd
-          - text: "About OTTR babies"
-            href: examples.qmd
-      - text: "Troubleshooting {{< fa tools title='tools' >}}"
-        href: faqs.qmd
-      - text: "Contact {{< fa envelope title='An envelope' >}}"
-        href: contact.qmd
+      - text: "Help"
+        menu:
+          - text: "Troubleshooting {{< fa tools title='tools' >}}"
+            href: faqs.qmd
+          - text: "Contact {{< fa envelope title='An envelope' >}}"
+            href: contact.qmd
       - text: "{{< fa brands github title='The GitHub logo' >}}"
         href: https://github.com/ottrproject/OTTR_Template
 
diff --git a/contact.qmd b/contact.qmd
@@ -7,3 +7,7 @@ output:
 If you have questions please contact:
 
 -   Carrie Wright (cwright2@fredhutch.org)
+
+---
+
+← [Troubleshooting](faqs.qmd) &emsp; [Home](index.qmd)
diff --git a/customize-docker.qmd b/customize-docker.qmd
@@ -220,3 +220,7 @@ If you do choose to use the action manually, then you can use this by going to `
 ![](resources/images/docker-gha.png)
 
 For more guidance on how to personalize Docker images, we taking our [Containers for Scientist course](https://hutchdatascience.org/Containers_for_Scientists/). Or file a GitHub issue on the relevant repository.
+
+---
+
+← [Customizing Checks](customize-robots.qmd) &emsp; [Next Steps](next_steps.qmd) →
diff --git a/customize-robots.qmd b/customize-robots.qmd
@@ -216,3 +216,7 @@ To investigate why a GitHub action has failed, go to `Actions` and click on the
 See our [FAQ's section](./faqs.html) for the most commonly encountered errors and how to address them.
 
 If you are unsure what the error message means and have trouble addressing it, please [file an issue on the OTTR_Template repository to get help](https://github.com/ottrproject/OTTR_Template/issues/new?assignees=cansavvy&labels=bug&template=course-template-problem-report.md).
+
+---
+
+← [Customizing Style](customize-style.qmd) &emsp; [Customizing Docker](customize-docker.qmd) →
diff --git a/customize-style.qmd b/customize-style.qmd
@@ -103,3 +103,7 @@ If you would like to change the current light blue color to be a different color
 If you would like to change the image at the top of the Bookdown version of the course, you need to do the following steps:
 * Add a new image file to the `assets` directory
 * Modify the `assets/big-image.html` file on line 11. Change out `src = "assets/dasl_thin_main_image.png"` so that `dasl_thin_main_image.png` is replaced with the name of your image file.
+
+---
+
+← [Next Steps](next_steps.qmd) &emsp; [Customizing Checks](customize-robots.qmd) →
diff --git a/enroll_sync.qmd b/enroll_sync.qmd
@@ -51,3 +51,7 @@ Use one of these options:
 <p class="comment">
 _If you have any questions about these updates or files, please tag `@kweav` or `@carriewright11`._
 </p>
+
+---
+
+← [Next Steps](next_steps.qmd) &emsp; [Customizing Style](customize-style.qmd) →
diff --git a/examples.qmd b/examples.qmd
@@ -1,7 +1,8 @@
 ---
 title: "Examples of OTTR in the Wild"
 output:
-  html_document
+  html_document:
+    toc-depth: 3
 ---
 
 # OTTR spinoff babies
@@ -36,6 +37,18 @@ This template shows basics for how you can display metrics collected from:
 
 And more websites being added. [See metricminer.org for more details!](https://www.metricminer.org/)
 
+## DaSEH Instructor Guide
+
+A course instructor guide built with OTTR for the Data Science for the Experience of Health (DaSEH) program.
+
+- [View the course](https://hutchdatascience.org/daseh_instructor_guide/index.html)
+
+## Baltimore Community Course
+
+A community-focused data science course built with OTTR.
+
+- [View the course](https://jhudatascience.org/Baltimore_Community_Course/)
+
 ## AnVIL template
 
 This is a template (made from our main OTTR Template) that is used for a set of courses being made for the [AnVIL set of cloud tools](https://anvilproject.org/)
@@ -53,3 +66,7 @@ This is a template (made from our main OTTR Template) that will be used for a se
 Courses will look similar to this [link](https://datatrail-jhu.github.io/DataTrail_Template/introduction.html).
 
 <br>
+
+---
+
+Ready to build your own? [Get Started](getting_started.qmd) →
diff --git a/faqs.qmd b/faqs.qmd
@@ -175,3 +175,7 @@ To fix this, see the [OTTR token cheatsheet](https://www.ottrproject.org/cheatsh
 If you have a question that's not addressed by this website or just wanna chat with us about something else, please email us at itcrtrainingnetwork@gmail.com OR you can [leave a GitHub issue here](https://github.com/ottrproject/OTTR_Template/issues/new) and assign or "at" a team member in the description/a comment (`@carriewright11`, `@kweav`, or `@avahoffman`).
 
 We greatly appreciate any feedback! We are always looking for ways to improve OTTR so more open source courses can be made!
+
+---
+
+**Still need help?** [Contact us](contact.qmd) →
diff --git a/getting_started.qmd b/getting_started.qmd
@@ -418,3 +418,7 @@ Edit the `.Rmd` files in the repository to configure which metrics to display an
 ---
 
 If you wish to contribute to OTTR, please take a look at our [Code of Conduct](https://github.com/ottrproject/OTTR_Template/blob/main/code_of_conduct.md).
+
+---
+
+**Now that your repository is set up, see [Next Steps](next_steps.qmd) → for what to do next.**
diff --git a/index.qmd b/index.qmd
@@ -37,24 +37,24 @@ toc: false
     justify-content: center;
   }
   .wizard-btn {
-    background-color: #2780e3;
-    color: white;
+    background-color: #ADD8E6;
+    color: #222;
     border: none;
     border-radius: 6px;
     padding: 10px 20px;
     font-size: 18px;
     cursor: pointer;
     transition: background-color 0.15s ease;
   }
-  .wizard-btn:hover { background-color: #1a5fb4; }
+  .wizard-btn:hover { background-color: #85C1D4; }
   .result-card {
     border-radius: 8px;
     padding: 1.2rem 1.4rem;
     margin-top: 0.5rem;
   }
   .result-recommended {
-    background-color: #d9eaf7;
-    border-left: 4px solid #2780e3;
+    background-color: #e8f6fa;
+    border-left: 4px solid #ADD8E6;
   }
   .result-standard {
     background-color: #f4f4f4;
@@ -67,8 +67,8 @@ toc: false
     margin-bottom: 0.3rem;
   }
   .badge-recommended {
-    background-color: #2780e3;
-    color: white;
+    background-color: #ADD8E6;
+    color: #222;
     font-size: 0.75rem;
     font-weight: 600;
     padding: 2px 8px;
@@ -83,27 +83,27 @@ toc: false
   }
   .result-link {
     display: inline-block;
-    background-color: #2780e3;
-    color: white !important;
+    background-color: #ADD8E6;
+    color: #222 !important;
     text-decoration: none;
     padding: 8px 18px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 600;
     transition: background-color 0.15s ease;
   }
-  .result-link:hover { background-color: #1a5fb4; }
+  .result-link:hover { background-color: #85C1D4; }
   .restart-btn {
     background: none;
     border: none;
-    color: #2780e3;
+    color: #5aA8C0;
     font-size: 0.85rem;
     cursor: pointer;
     padding: 0;
     margin-left: 10px;
     text-decoration: underline;
   }
-  .restart-btn:hover { color: #1a5fb4; }
+  .restart-btn:hover { color: #85C1D4; }
 </style>
 
 
@@ -345,7 +345,7 @@ Please cite our [OTTR manuscript here!](https://www.tandfonline.com/doi/full/10.
 <br>
 
 <center>
-<a href="https://ottrproject.org/getting_started.html">
+<a href="getting_started.html">
   <img src="resources/images/getstarted.png" width = 30%>
 </a>
 </center>
diff --git a/more_features_borrowing.qmd b/more_features_borrowing.qmd
@@ -89,3 +89,7 @@ Learn more about templates [here](https://bookdown.org/yihui/rmarkdown-cookbook/
 
 
 <br>
+
+---
+
+← [Next Steps](next_steps.qmd) &emsp; [Troubleshooting](faqs.qmd) →
diff --git a/more_features_credits.qmd b/more_features_credits.qmd
@@ -91,3 +91,7 @@ In Coursera, you can add the credits table URL as an ungraded plugin ([the same
 In Leanpub, make sure that your About.md file in your manuscript folder is listed in your Book.txt file and this Credits table will automatically be incorporated into your Leanpub course.
 
 <br>
+
+---
+
+**← Back to:** [Next Steps](next_steps.qmd) · **Also see:** [Citing Sources](more_features_sources.qmd) · [Customizing Style](customize-style.qmd)
diff --git a/more_features_ganalytic.qmd b/more_features_ganalytic.qmd
@@ -156,3 +156,7 @@ You can verify the Google Analytics code was included by opening any rendered HT
 | Render not triggering | Ensure `GH_PAT` is set up for the repo (with `actions` and `repo` permissions), not just the organization |
 
 
+
+---
+
+**← Back to:** [Next Steps](next_steps.qmd) · **Having issues?** [Troubleshooting](faqs.qmd)
diff --git a/more_features_gdoc.qmd b/more_features_gdoc.qmd
@@ -14,3 +14,7 @@ Google Docs can be a great way to get feedback from collaborators who aren't com
 - Then as comments and suggestions trickle in, a lead author who is comfortable with the OTTR process can incorporate those comments into an existing or new pull request which can checked for its rendering and eventually added to the `main` content branch.
 
 <br>
+
+---
+
+← [Next Steps](next_steps.qmd) &emsp; [Troubleshooting](faqs.qmd) →
diff --git a/more_features_sources.qmd b/more_features_sources.qmd
@@ -39,3 +39,7 @@ Alternatively, you can add a header for this list of references as the last head
 If you would like to suppress having references listed at the end of each chapter, you can add a line that says `split_bib: false`  to your `_output.yml` file.
 
 ![](resources/images/false_split_ref.png)
+
+---
+
+**← Back to:** [Next Steps](next_steps.qmd) · **Also see:** [Giving Credits](more_features_credits.qmd) · [Customizing Style](customize-style.qmd)
diff --git a/next_steps.qmd b/next_steps.qmd
@@ -109,3 +109,13 @@ Adding Google Analytics to your OTTR course or website lets you track how people
 3. Paste it into `GA_Script.html` in your repository (replacing the placeholder content).
 4. Push your changes — the GitHub Action will automatically re-render your course and include the tracking code in every page.
 5. Verify in Google Analytics (**Reports** tab) that traffic is being received.
+
+---
+
+## Additional Customizations to Consider
+
+See the [Customization menu](customize-style.qmd) for options including Docker configuration, borrowing chapters, Google Docs compatibility, and more.
+
+---
+
+← [Getting Started](getting_started.qmd) &emsp; [Enroll for Sync Updates](enroll_sync.qmd) →
diff --git a/ottr-fy.qmd b/ottr-fy.qmd
@@ -87,3 +87,7 @@ Make sure to commit this to your branch.
 ### 3. Set up your repository with the proper settings
 
 From here, you can follow the rest of the steps described in the [Getting Started section](https://www.ottrproject.org/getting_started.html#Starting_a_new_OTTR_websitecourse).
+
+---
+
+← [Getting Started](getting_started.qmd) &emsp; [Next Steps](next_steps.qmd) →
