From ab292a5cea6f6499d881ac96d0c240bdbfe0d8dd Mon Sep 17 00:00:00 2001
From: "Nat Kershaw (MSFT)" <nakersha@microsoft.com>
Date: Wed, 14 Oct 2020 13:05:45 -0700
Subject: [PATCH] FIx links to images in CSS (#5464)

* Test relative pages to images in CSS

* Add docs link
---
 css/custom.css | 8 ++++----
 index.html     | 3 +++
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 9a46560214..6bd35241cc 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -69,14 +69,14 @@ header.scrolled .navbar-custom .navbar-nav .nav-item:not(:last-child) .nav-link{
     border-right: 2px solid #1a1a1a;
 }
 .navbar-toggler .navbar-toggler-icon {
-    background-image: url('/images/svg/menu-icon.svg');
+    background-image: url('../images/svg/menu-icon.svg');
     width: 3em;
     height: 3em;
     -webkit-transition:0.2s;
     transition:0.2s;
 }
 header.header-collapse .navbar-toggler .navbar-toggler-icon {
-    background-image: url('/images/svg/menu-cross-icon.svg');
+    background-image: url('../images/svg/menu-cross-icon.svg');
     width: 2.5em;
     height: 2.5em;
     -webkit-transition:0.2s;
@@ -193,7 +193,7 @@ a.link:active .link-arrow{
     border: 2px solid transparent;;
 }
 .main-wrapper .top-banner-bg{
-    background-image:url(/images/top-banner-background.jpg);
+    background-image:url(../images/top-banner-background.jpg);
     background-size: auto;
     background-position: top center;
     background-repeat: repeat no-repeat;
@@ -563,7 +563,7 @@ a .abbr[data-original-title], a abbr[title]{
 }
 .resources-img::before{
     content: '';
-    background-image: url(/images/youtube-logo.png);
+    background-image: url('../images/youtube-logo.png');
     background-position: center;
     background-size: 50%;
     background-repeat: no-repeat;
diff --git a/index.html b/index.html
index 6ff83ae152..29a720847e 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,9 @@
                                 <li class="nav-item">
                                     <a class="nav-link pr-3 btn-getStarted" href="JavaScript:void(0);">Get Started</a>
                                 </li>
+                                <li class="nav-item">
+                                    <a class="nav-link pr-3 btn-getStarted" href="./docs">Docs</a>
+                                </li>
                                 <li class="nav-item">
                                     <a class="nav-link pr-3" target="_blank" href="https://cloudblogs.microsoft.com/opensource/tag/onnx">News</a>
                                 </li>