Merge pull request Polymer#1254 from Polymer/using

Add using elements to nav

Author: ebidel

1.0/docs/start/getting-the-code.md

@@ -2,7 +2,8 @@
 layout: default
 type: start
 shortname: Start
-title: Get the code
+title: Get the Polymer library
+subtitle: Get started
 ---
 
 <style>

1.0/elements/docs-menu.html

@@ -28,8 +28,14 @@
     <core-submenu label="Get started" icon="social:school" class="guide">
       <core-item label="What is Polymer?"><a href="/{{versionPrefix}}/docs/start/what-is-polymer.html"></a></core-item>
       <core-item label="Quick tour of Polymer"><a href="/{{versionPrefix}}/docs/start/quick-tour.html"></a></core-item>
-      <core-item label="Get the code"><a href="/{{versionPrefix}}/docs/start/getting-the-code.html"></a></core-item>
-      <core-item label="Reusable elements"><a href="/{{versionPrefix}}/docs/start/reusableelements.html"></a></core-item>
+      <core-item label="Get the Polymer library"><a href="/{{versionPrefix}}/docs/start/getting-the-code.html"></a></core-item>
+      <core-submenu label="Get elements" icon="hardware:keyboard-arrow-down" class="guide">
+        <core-item label="Browse Element Catalog">
+          <a href="http://elements.polymer-project.org/" target="_blank"></a>
+        </core-item>
+        <core-item label="Using elements"><a href="https://elements.polymer-project.org/guides/using-elements" target="_blank"></a></core-item>
+      </core-submenu>
+      <core-item label="Creating reusable elements"><a href="/{{versionPrefix}}/docs/start/reusableelements.html"></a></core-item>
     </core-submenu>
 
     <core-submenu label="Developer guide" icon="description" class="guide">
@@ -50,15 +56,15 @@
     </core-submenu>
 
     <core-item label="API Reference" icon="subject">
-      <a href="https://polymer.github.io/polymer"></a>
+      <a href="https://polymer.github.io/polymer" target="_blank"></a>
     </core-item>
 
     <core-item label="Articles" icon="book">
       <a href="/{{versionPrefix}}/articles/"></a>
     </core-item>
 
-    <core-item label="Catalog" icon="polymer">
-      <a href="http://elements.polymer-project.org/"></a>
+    <core-item label="Browse Element Catalog" icon="polymer">
+      <a href="http://elements.polymer-project.org/" target="_blank"></a>
     </core-item>
 
   </core-menu>

_includes/dropdown-panel-1-0.html

@@ -5,7 +5,7 @@
   <core-item icon="description" label="Guides &amp; Resources">
     <a href="docs/devguide/feature-overview.html" class="paper-button" borderless sink></a>
   </core-item>
-  <core-item icon="polymer" label="Catalog">
+  <core-item icon="polymer" label="Element Catalog">
     <a href="https://elements.polymer-project.org" target="_blank"></a>
   </core-item>
   <core-item icon="view-headline" label="Blog">

_includes/top-nav-1-0.html

@@ -11,6 +11,6 @@
 <app-bar theme="{{theme | trim }}" {% if page.layout == 'home_1_0'%}home{% endif %} badge="{% polymer_version_dir %} {{site.versions[ver]}}" class="bar fixed" unresolved>
   <a href="/{% polymer_version_dir %}/docs/start/getting-the-code.html" class="paper-button" borderless sink>Get Started</a>
   <a href="/{% polymer_version_dir %}/docs/devguide/feature-overview.html" class="paper-button" borderless sink>Guides &amp; Resources</a>
-  <a href="//elements.polymer-project.org" target="_blank" class="paper-button" borderless sink>Catalog</a>
+  <a href="//elements.polymer-project.org" target="_blank" class="paper-button" borderless sink>Element Catalog</a>
   <a href="//blog.polymer-project.org" target="_blank" class="paper-button" borderless sink>Blog</a>
 </app-bar>