From 32488a430e5498bffeffbe7904a8512e7153ef2b Mon Sep 17 00:00:00 2001
From: rhyneav <rhyneav@gmail.com>
Date: Sat, 14 Oct 2017 10:36:30 -0400
Subject: [PATCH] Add download details

---
 index.html | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1c32ee1..a2f982b 100644
--- a/index.html
+++ b/index.html
@@ -17,10 +17,10 @@
         </div>
       </div>
       <div class="row flex-center child-borders">
-        <a href="#flexbox" class="paper-btn margin">Download</a>
+        <a href="#download" class="paper-btn margin">Download</a>
         <a href="#flexbox" class="paper-btn margin">Docs</a>
         <a href="#about" class="paper-btn margin">About</a>
-        <a href="" class="paper-btn margin">Github</a>
+        <a href="https://github.com/rhyneav/papercss" class="paper-btn margin">Github</a>
       </div>
     </div>
     <div id="flexbox" class="section">
@@ -191,12 +191,13 @@
     </div>
     <div class="section">
       <h2>Buttons</h2>
-      <p>Borrowed from <a href="https://codepen.io/tmrDevelops/pen/VeRvKX" target="_blank">Imprefect Buttons</a></p>
+      <p>Insprired by <a href="https://codepen.io/tmrDevelops/pen/VeRvKX" target="_blank">Imprefect Buttons</a></p>
       <button class="btn-large">Large</button>
       <button>Default</button>
       <button class="btn-small">Small</button>
       <div class="docs">
         <pre>
+&lt;p&gt;Insprired by &lt;a href=&quot;https://codepen.io/tmrDevelops/pen/VeRvKX&quot; target=&quot;_blank&quot;&gt;Imprefect Buttons&lt;/a&gt;&lt;/p&gt;
 &lt;button class=&quot;btn-large&quot;&gt;Large&lt;/button&gt;
 &lt;button&gt;Default&lt;/button&gt;
 &lt;button class=&quot;btn-small&quot;&gt;Small&lt;/button&gt;</pre>
@@ -620,6 +621,18 @@ function add(x, y) {
       <p>If you don't like the default, you can just add the class <code>no-responsive</code> to prevent the image from being responsive. You can also remove the default border with <code>no-border</code>.</p>
       <img src="https://unsplash.it/300" alt="Not responsive Unsplash" class="no-responsive no-border">
     </div>
+    <div class="section">
+      <h2 id="download">Download</h2>
+      <p>Links coming soon!</p>
+      <p>In the meantime, you can build the CSS yourself via the git repo</p>
+      <ol>
+        <li><code>git clone https://github.com/rhyneav/papercss.git</code></li>
+        <li><code>npm install</code></li>
+        <li><code>npm run build</code></li>
+        <li>Grab the CSS out of the /dist folder created</li>
+      </ol>
+      <p>You can also go into colors.less to change around the colors of your new CSS.</p>
+    </div>
     <div class="section">
       <h2 id="about">About</h2>
       <p>I got tired of mODerN STylEs and clean pages on the internet. I also wanted to learn more about Flexbox and Less. So I made Paper CSS to solve these two challenges of mine :)</p>