From 2f63bf0fb037014fc7b52821bba05d49e61ffb6d Mon Sep 17 00:00:00 2001
From: Allyson Lubimir <allyson.lubimir@rstudio.com>
Date: Thu, 20 Oct 2022 14:44:36 -0400
Subject: [PATCH] update docs navigation

---
 docs/docs/css/custom.css            | 21 +++++++++++++++++++--
 docs/docs/images/positLogoBlack.svg |  1 +
 docs/docs/images/positLogoWhite.svg |  1 +
 docs/overrides/partials/header.html |  2 +-
 4 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 docs/docs/images/positLogoBlack.svg
 create mode 100644 docs/docs/images/positLogoWhite.svg

diff --git a/docs/docs/css/custom.css b/docs/docs/css/custom.css
index 74fa1ec0..114a1c39 100644
--- a/docs/docs/css/custom.css
+++ b/docs/docs/css/custom.css
@@ -55,15 +55,32 @@
 
 .md-tabs__list {
     margin: 0 2em 0 .2rem;
-    padding-top: 15px;
     list-style: none;
     white-space: nowrap;
 }
 
 .md-tabs__link {
-    margin: 0;
+    margin-top: .2rem !important;
     padding: 0;
 }
+
+.md-tabs__item {
+  height: 1.75rem !important;
+}
+
+.md-tabs__link.logo {
+    background-image: url(../images/positLogoBlack.svg);
+    background-size: 80px auto;
+    background-repeat: no-repeat;
+    background-position: bottom;
+    height: 1.75rem;
+    width: 80px;
+}
+
+[data-md-color-primary=black] .md-tabs__link.logo {
+    background-image: url(../images/positLogoWhite.svg);
+}
+
 .md-typeset dl dt {
     font-style: italic;
     font-weight: bold;
diff --git a/docs/docs/images/positLogoBlack.svg b/docs/docs/images/positLogoBlack.svg
new file mode 100644
index 00000000..b85676de
--- /dev/null
+++ b/docs/docs/images/positLogoBlack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 704.93 182.52"><defs><style>.cls-1{fill:#2a312d;}</style></defs><g id="full-rgb"><path id="fullLogo" class="cls-1" d="M228.18,43.34h27.25v5.08c5.07-4.7,14.28-7.15,21.79-7.15,29.7,0,48.11,20.49,48.11,49.43,0,29.69-19.17,51.86-48.86,51.86-9.39,0-18-1.5-21-4.89v41H228.18Zm27.25,34.39v31.19c3,4.51,9.58,8.27,17.28,8.27,15.23,0,24.43-9.58,24.43-24.43,0-17.29-8.64-26.12-22.92-26.12A20.36,20.36,0,0,0,255.43,77.73Z"/><path id="fullLogo-2" data-name="fullLogo" class="cls-1" d="M387.28,41.27c31.19,0,53.18,21.24,53.18,50.74,0,29.31-22,50.55-53.18,50.55-30.26,0-52.81-21.24-52.81-50.55C334.47,62.51,356.09,41.27,387.28,41.27Zm0,75.92c14.84,0,25-9.39,25-25.18,0-16.16-11.28-25.37-25-25.37S362.66,75.85,362.66,92C362.66,106.29,372.62,117.19,387.28,117.19Z"/><path id="fullLogo-3" data-name="fullLogo" class="cls-1" d="M450.8,71.53c0-18.79,15.6-30.26,42.1-30.26,18.6,0,34.38,8.65,40.58,17.67l-18.6,17.85c-6.39-6.58-15.22-10.15-27.43-10.15-5.08,0-8.46,1.13-8.46,4.7,0,8.46,55.43,5.83,55.43,40.4,0,21.42-19.16,30.82-41.34,30.82-23.86,0-39.83-10.9-46.79-23.68l21.61-14.65c5.27,6.76,16.16,13,28.19,13,6.58,0,10.15-1.69,10.15-5.26C506.24,102.35,450.8,104.79,450.8,71.53Z"/><path id="fullLogo-4" data-name="fullLogo" class="cls-1" d="M562.49,3.88c8.83,0,15.22,5.83,15.22,13.53,0,8.08-6.39,13.91-15.22,13.91-9.58,0-15.41-5.83-15.41-13.91C547.08,9.71,553.47,3.88,562.49,3.88ZM548.77,43.34H576v97.72H548.77Z"/><path id="fullLogo-5" data-name="fullLogo" class="cls-1" d="M586.45,43.34h18.6V20.6H632.3V43.34h29.88V68.71H632.3v31.76c0,11.84,2.63,16.35,10,16.35,6.39,0,11.46-2.26,16.72-6.39l11.28,19.35c-6.77,7.14-17.29,12.4-30.63,12.4-20.49,0-34.58-11.08-34.58-33.63V68.71h-18.6Z"/><path id="fullLogo-6" data-name="fullLogo" class="cls-1" d="M675.68,43.47h11.66v2.8H683V57h-3V46.27h-4.32Z"/><path id="fullLogo-7" data-name="fullLogo" class="cls-1" d="M688.88,43.47h2.78L696,49.94l4.11-6.47h2.7V57h-3v-8.1l-3.51,5.38h-.79l-3.63-5.44V57h-3Z"/><polygon id="fullLogo-8" data-name="fullLogo" class="cls-1" points="38.03 73.11 46.16 69.52 82.91 53.28 90.93 49.74 179.72 10.51 179.72 57.83 143.82 73.11 135.7 69.52 173.24 53.54 173.24 20.47 98.95 53.28 90.93 56.83 54.33 73 46.21 76.59 20.31 88.03 20.31 96.52 45.81 107.79 53.93 111.38 91.5 127.97 99.47 131.49 173.24 164.08 173.24 130.66 136.1 114.86 144.22 111.27 179.72 126.38 179.72 174.04 91.53 135.07 83.56 131.55 45.76 114.86 37.64 111.27 13.82 100.74 13.82 83.81 38.03 73.11"/><polygon class="cls-1" points="99.2 92.1 135.65 76.59 127.52 73 82.64 92.1 127.92 111.38 136.04 107.79 99.2 92.1"/><polygon id="fullLogo-9" data-name="fullLogo" class="cls-1" points="45.81 107.79 53.93 111.38 90.93 95.63 82.65 92.1 45.81 107.79"/><polygon id="fullLogo-10" data-name="fullLogo" class="cls-1" points="54.33 73 46.21 76.59 82.65 92.1 90.93 88.58 54.33 73"/><polygon id="fullLogo-11" data-name="fullLogo" class="cls-1" points="143.82 73.11 135.7 69.52 98.95 53.28 90.93 49.74 2.14 10.51 2.14 57.83 38.03 73.11 46.16 69.52 8.62 53.54 8.62 20.47 82.91 53.28 90.93 56.83 127.53 73 135.65 76.59 161.55 88.03 161.55 96.52 136.05 107.79 127.93 111.38 90.36 127.97 82.39 131.49 8.62 164.08 8.62 130.66 45.76 114.86 37.64 111.27 2.14 126.38 2.14 174.04 90.33 135.07 98.3 131.55 136.1 114.86 144.22 111.27 168.04 100.74 168.04 83.81 143.82 73.11"/></g></svg>
\ No newline at end of file
diff --git a/docs/docs/images/positLogoWhite.svg b/docs/docs/images/positLogoWhite.svg
new file mode 100644
index 00000000..fc4636fa
--- /dev/null
+++ b/docs/docs/images/positLogoWhite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 705.53 182.52"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="white-rgb"><path id="fullLogo" class="cls-1" d="M228.48,43.34h27.24v5.08c5.08-4.7,14.28-7.15,21.8-7.15,29.69,0,48.11,20.49,48.11,49.43,0,29.69-19.17,51.86-48.86,51.86-9.4,0-18-1.5-21-4.89v41H228.48Zm27.24,34.39v31.19c3,4.51,9.59,8.27,17.29,8.27,15.22,0,24.43-9.58,24.43-24.43,0-17.29-8.64-26.12-22.93-26.12A20.36,20.36,0,0,0,255.72,77.73Z"/><path id="fullLogo-2" data-name="fullLogo" class="cls-1" d="M387.58,41.27c31.19,0,53.17,21.24,53.17,50.74,0,29.31-22,50.55-53.17,50.55-30.26,0-52.81-21.24-52.81-50.55C334.77,62.51,356.38,41.27,387.58,41.27Zm0,75.92c14.84,0,25-9.39,25-25.18,0-16.16-11.28-25.37-25-25.37S363,75.85,363,92C363,106.29,372.92,117.19,387.58,117.19Z"/><path id="fullLogo-3" data-name="fullLogo" class="cls-1" d="M451.1,71.53c0-18.79,15.6-30.26,42.09-30.26,18.61,0,34.39,8.65,40.59,17.67l-18.6,17.85c-6.39-6.58-15.22-10.15-27.44-10.15-5.07,0-8.45,1.13-8.45,4.7,0,8.46,55.43,5.83,55.43,40.4,0,21.42-19.17,30.82-41.34,30.82-23.86,0-39.84-10.9-46.79-23.68l21.61-14.65c5.26,6.76,16.16,13,28.19,13,6.57,0,10.14-1.69,10.14-5.26C506.53,102.35,451.1,104.79,451.1,71.53Z"/><path id="fullLogo-4" data-name="fullLogo" class="cls-1" d="M562.79,3.88c8.83,0,15.22,5.83,15.22,13.53,0,8.08-6.39,13.91-15.22,13.91-9.58,0-15.41-5.83-15.41-13.91C547.38,9.71,553.77,3.88,562.79,3.88ZM549.07,43.34h27.25v97.72H549.07Z"/><path id="fullLogo-5" data-name="fullLogo" class="cls-1" d="M586.74,43.34h18.61V20.6h27.24V43.34h29.88V68.71H632.59v31.76c0,11.84,2.64,16.35,10,16.35,6.39,0,11.47-2.26,16.73-6.39l11.27,19.35c-6.76,7.14-17.29,12.4-30.63,12.4-20.48,0-34.57-11.08-34.57-33.63V68.71H586.74Z"/><path id="fullLogo-6" data-name="fullLogo" class="cls-1" d="M676,43.47h11.66v2.8h-4.35V57h-3V46.27H676Z"/><path id="fullLogo-7" data-name="fullLogo" class="cls-1" d="M689.17,43.47H692l4.33,6.47,4.11-6.47h2.7V57h-3v-8.1l-3.51,5.38h-.8l-3.62-5.44V57h-3Z"/><polygon id="fullLogo-8" data-name="fullLogo" class="cls-1" points="38.33 73.11 46.45 69.52 83.2 53.28 91.23 49.74 180.02 10.51 180.02 57.83 144.12 73.11 136 69.52 173.53 53.54 173.53 20.47 99.25 53.28 91.23 56.83 54.63 73 46.5 76.59 20.6 88.03 20.6 96.52 46.1 107.79 54.23 111.38 91.8 127.97 99.76 131.49 173.53 164.08 173.53 130.66 136.39 114.86 144.52 111.27 180.02 126.38 180.02 174.04 91.82 135.07 83.85 131.55 46.06 114.86 37.93 111.27 14.12 100.74 14.12 83.81 38.33 73.11"/><polygon class="cls-1" points="99.5 92.1 135.94 76.59 127.82 73 82.94 92.1 128.22 111.38 136.34 107.79 99.5 92.1"/><polygon id="fullLogo-9" data-name="fullLogo" class="cls-1" points="46.1 107.79 54.23 111.38 91.23 95.63 82.95 92.1 46.1 107.79"/><polygon id="fullLogo-10" data-name="fullLogo" class="cls-1" points="54.63 73 46.5 76.59 82.95 92.1 91.23 88.58 54.63 73"/><polygon id="fullLogo-11" data-name="fullLogo" class="cls-1" points="144.12 73.11 136 69.52 99.25 53.28 91.23 49.74 2.44 10.51 2.44 57.83 38.33 73.11 46.45 69.52 8.92 53.54 8.92 20.47 83.2 53.28 91.23 56.83 127.83 73 135.95 76.59 161.85 88.03 161.85 96.52 136.35 107.79 128.22 111.38 90.66 127.97 82.69 131.49 8.92 164.08 8.92 130.66 46.06 114.86 37.93 111.27 2.44 126.38 2.44 174.04 90.63 135.07 98.6 131.55 136.39 114.86 144.52 111.27 168.34 100.74 168.34 83.81 144.12 73.11"/></g></svg>
\ No newline at end of file
diff --git a/docs/overrides/partials/header.html b/docs/overrides/partials/header.html
index baec1846..a53ecee9 100644
--- a/docs/overrides/partials/header.html
+++ b/docs/overrides/partials/header.html
@@ -83,9 +83,9 @@
       {% endif %}
     <div class="md-flex__cell md-flex__cell--shrink left-nav">
       <ul class="md-tabs__list">
-        <li class="md-tabs__item"><a href="https://posit.co" title="Posit" class="md-tabs__link md-source">Posit.co</a></li>
         <li class="md-tabs__item"><a href="{{ base_url }}/../news/" title="Release Notes" class="md-tabs__link md-source">Release Notes</a></li>
         <li class="md-tabs__item"><a href="https://support.rstudio.com/hc/en-us" title="Posit Support" class="md-tabs__link md-source">Help</a></li>
+        <li class="md-tabs__item"><a href="https://www.posit.co/" title="Posit" class="md-tabs__link md-source logo"></a></li>
       </ul>
     </div>
     {% if "search" in config["plugins"] %}