Added documentation button to website

Author: a3f

img/linux-20.png

@@ -13,9 +13,26 @@
     <section class="page-header">
       <h1 class="project-name">c4ev3</h1>
       <h2 class="project-tagline">Native C/C++ Programming for the LEGO® EV3</h2>
-      <a href="https://github.com/c4ev3/Windows-Installer/releases/download/v1.0/c4ev3-setup.exe" class="btn">Windows Installer (110MiB)</a>
-      <a href="https://github.com/c4ev3/Windows-Installer/releases/download/v1.0/c4ev3-withGCC-setup.exe" class="btn">Windows Installer (No GCC: 1MiB)</a>
-      <a href="#manual-install" class="btn">Build from source</a>
+      <a href="https://github.com/c4ev3/Windows-Installer/releases/download/v1.0/c4ev3-setup.exe" class="btn">
+          Installer with GCC
+          <br>
+          Windows (110MiB)</a>
+      <a href="https://github.com/c4ev3/Windows-Installer/releases/download/v1.0/c4ev3-withGCC-setup.exe" class="btn">
+          Installer, no GCC
+          <br>
+          Windows (1MiB)</a>
+        <a href="#manual-install" class="btn">
+          Build from source
+          <br>
+          <img align="middle" height="20" width="20" src="img/linux.png"></img> 
+          <img align="middle" height="20" width="20" src="img/osx.png"></img>
+          <img align="middle" height="20" width="20" src="img/win32.png"></img>
+        </a>
+        <a href="https://github.com/c4ev3/EV3-API/blob/master/commands.pdf" class="btn">
+          API documentation
+          <br>
+          <img align="middle" height="20" width="20" src="img/pdf.png"></img>
+        </a>
     </section>
     <a href="https://github.com/c4ev3"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
 

img/linux.png

@@ -61,15 +61,15 @@ a {
 
 @media screen and (min-width: 64em) {
   .page-header {
-    padding: 5rem 6rem; } }
+    padding: 2rem 6rem; } }
 
 @media screen and (min-width: 42em) and (max-width: 64em) {
   .page-header {
-    padding: 3rem 4rem; } }
+    padding: 1.5rem 4rem; } }
 
 @media screen and (max-width: 42em) {
   .page-header {
-    padding: 2rem 1rem; } }
+    padding: 1rem 1rem; } }
 
 .project-name {
   margin-top: 0;