Merge pull request adobe#8 from adobe/demo-link

feat: adding link to demo app in UI
thierryc · Dec 7, 2019 · 9c5e403 · 9c5e403
2 parents 6649a7e + 1addd70
commit 9c5e403
Showing 1 changed file with 6 additions and 17 deletions.
diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
@@ -1,15 +1,3 @@
-<!--
-Copyright 2019 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
--->
-
 <html>
 <head>
   <meta charset="utf-8">
@@ -56,9 +44,10 @@
     <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
   </span>
   <div class="spectrum-AppHeader--right">
-    <a target="_blank" href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
-    <a target="_blank" href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
-    <a target="_blank" href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
+    <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
+    <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
+    <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
+    <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
 <div class="spectrum-Panel">
@@ -238,9 +227,9 @@ <h3 class="spectrum-Heading6">Swatch Distribution</h3>
         </div>
       </form>
     <div id="chart3dWrapper">
-      <svg xmlns="http://www.w3.org/2000/svg" class="chart3D"></svg>
+      <svg class="chart3D" id="3dchart"></svg>
+      <div id="chart3dAlert"></div>
     </div>
-    <div id="chart3dAlert"></div>
   </div>
 
   <div class="tabcontent" id="demoWrapper">