Update documentation links

index.html

@@ -17,7 +17,7 @@
       <header class="hero">
         <div class="screenshot">
           <a href="demo" title="View the demo">
-            <img src="screen.png" alt="whoops error handler for PHP">
+            <img src="screen.png" name="demo" alt="whoops error handler for PHP">
           </a>
         </div>
         <h1 class="branding">whoops</h1>
@@ -35,6 +35,7 @@
           <a href="https://github.com/filp/whoops" class="button">view on github</a>
           <a href="https://github.com/filp/whoops/tags" class="button">download a stable version</a>
           <a href="https://packagist.org/packages/filp/whoops" class="button">view on packagist</a>
+          <a href="https://github.com/filp/whoops/wiki/API-Documentation" class="button">read the docs</a>
         </p>
       </header>
       <div class="content">
@@ -114,8 +115,7 @@ $run->register();
 
         <h2 id="learn-more">Learn More &amp; Contribute</h2>
         <p>
-          Documentation is still scarce. Find available information and give us a hand with the
-          project in the official repository:
+          API Documentation is available <a href="https://github.com/filp/whoops/wiki/API-Documentation">here</a>. If you need any help, or want to give us a hand with the project, have a look at the repository!
 
           <p class="center">
             <a class="button" href="https://github.com/filp/whoops"><b>whoops</b> on github</a>

whoops.css

@@ -100,9 +100,10 @@ ul.simple li:before {
   text-shadow: 0 0 3px rgba(0, 0, 0, .4);
 }
 
-.download-links {
-  margin: 40px 0;
+p.download-links {
+  margin: 40px auto;
   line-height: 44px;
+  width: 60%;
 }
 
 .button {
@@ -147,7 +148,7 @@ pre.prettyprint {
 }
 
 @media (max-width: 480px) {
-  .download-links {
+  p.download-links {
     line-height: inherit;
   }
   .button {