Update homepage to fix link

mrmrs · mrmrs · commit feb2b0113030 · 2016-09-16T20:07:36.000+01:00
diff --git a/index.html b/index.html
@@ -69,7 +69,7 @@
                   class="pb2-ns f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
                 Features
               </a>
-              <a title="Testimonials" href="#style"
+              <a title="Style Guide" href="#style"
                   class="pb2-ns f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
                 Style Guide 
               </a>
@@ -330,9 +330,9 @@ <h3 class="f5 fw6 ttu tracked black-70 mb4">Start using Tachyons</h3>
 </div>
     </section>
     <section>
-<div class="ph3 ph5-ns pt5">
+<div class="ph3 ph5-ns pt5" id="style">
 <div class="mw9 center overflow-auto">
-    <h3 class="f5 fw6 ttu tracked">Tachyons Styleguide</h3>
+    <h3 class="f5 fw6 ttu tracked">Style Guide</h3>
 <p class="lh-copy measure">
 This is a quick introduction to some of the building blocks that Tachyons makes available. For a more in-depth look at design principles and how each module works, be sure to check out the <a class="link blue underline hover-navy" href="/docs" title="Tachyons docs">docs</a>
 </p>
diff --git a/src/templates/components-index.html b/src/templates/components-index.html
@@ -11,9 +11,14 @@
 <body class="w-100 sans-serif">
   <%= header %>
 <main class="bg-white black-70 bt b--black-10">
+  <header class="ph3 ph5-ns pv2">
+    <% Object.keys(componentsForNav).map(function(category) { %>
+    <a class="f6 b dib mr3 mb3 pb1 link bb hover-blue black-70 capitalize" href="#<%= category%>"><%= category %></a>
+    <% }) %>
+  </header>
   <section class="pa4-ns">
     <% Object.keys(componentsForNav).map(function(category) { %>
-      <div class="ph3 ph4-ns">
+      <div class="ph3 ph4-ns" id="<%= category  %>">
         <h1 class="f6 b ttu tracked pb2 bb"><%= category %></h1>
       </div>
       <div class="ph3-ns cf mb4">
diff --git a/src/templates/index.html b/src/templates/index.html
@@ -26,7 +26,7 @@
                   class="pb2-ns f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
                 Features
               </a>
-              <a title="Testimonials" href="#style"
+              <a title="Style Guide" href="#style"
                   class="pb2-ns f6 fw6 dim link black-70 mr1 mr3-m mr4-l dib">
                 Style Guide 
               </a>
@@ -287,9 +287,9 @@ <h3 class="f5 fw6 ttu tracked black-70 mb4">Start using Tachyons</h3>
 </div>
     </section>
     <section>
-<div class="ph3 ph5-ns pt5">
+<div class="ph3 ph5-ns pt5" id="style">
 <div class="mw9 center overflow-auto">
-    <h3 class="f5 fw6 ttu tracked">Tachyons Styleguide</h3>
+    <h3 class="f5 fw6 ttu tracked">Style Guide</h3>
 <p class="lh-copy measure">
 This is a quick introduction to some of the building blocks that Tachyons makes available. For a more in-depth look at design principles and how each module works, be sure to check out the <a class="link blue underline hover-navy" href="/docs" title="Tachyons docs">docs</a>
 </p>
