Fixed website banner HTML & Javascript

Various website CSS improvements
Added docs & learn icons
Added learn articles

1 files changed, 39 insertions, 22 deletions

diff --git a/web/documentation.txt b/web/documentation.txt
index 0bb2b8a0f..c32fd35ba 100644
--- a/web/documentation.txt
+++ b/web/documentation.txt
@@ -6,16 +6,22 @@ Nim's Documentation
   Standards & Guides
   ------------------
 
-
-  - | `Standard Library <lib.html>`_
-    | This document describes Nim's standard library.
-
-  - | `Language Manual <manual.html>`_
-    | The Nim manual is a draft that will evolve into a proper specification.
-
-  - | `Compiler user guide <nimc.html>`_
-    | The user guide lists command line arguments, special features of the
-      compiler, etc.
+  .. raw:: html
+
+    <ul class="libraries">
+      <li>
+        <a href="lib.html">Standard Library</a><br>
+        <p>This document describes Nim's standard library.</p>
+      </li>
+      <li>
+        <a href="manual.html">Language Manual</a><br>
+        <p>The Nim manual is a draft that will evolve into a proper specification.</p>
+       </li>
+      <li>
+        <a href="nimc.html">Compiler User-Guide</a><br>
+        <p>The user guide lists command line arguments, special features of the compiler, etc.</p>
+       </li>
+    </ul>
 
 
 .. container:: standout
@@ -23,12 +29,18 @@ Nim's Documentation
   Tools & Features
   ----------------
 
-  - | `Source code filters <filters.html>`_
-    | The Nim compiler supports source code filters as a simple yet powerful
-      builtin templating system.
+  .. raw:: html
 
-  - | `Tools documentation <tools.html>`_
-    | Description of some tools that come with the standard distribution.
+    <ul class="tools">
+      <li>
+        <a href="filters.html">Source-Code Filters</a><br>
+        <p>The Nim compiler supports source code filters as a simple yet powerful builtin templating system.</p>
+      </li>
+      <li>
+        <a href="tools.html">Tools Documentation</a><br>
+        <p>Description of some tools that come with the standard distribution.</p>
+      </li>
+    </ul>
 
 
 .. container:: standout
@@ -36,13 +48,18 @@ Nim's Documentation
   Internal Details
   ----------------
 
-  - | `Garbage Collector <gc.html>`_
-    | Additional documentation about Nim's GC and how to operate it in a
-    | realtime setting.
-
-  - | `Internal documentation <intern.html>`_
-    | The internal documentation describes how the compiler is implemented. Read
-      this if you want to hack the compiler.
+  .. raw:: html
+
+    <ul class="internals">
+      <li>
+        <a href="gc.html">Garbage Collector</a><br>
+        <p>Additional documentation about Nim's GC and how to operate it in a realtime setting.</p>
+      </li>
+      <li>
+        <a href="intern.html">Internal Documentation</a><br>
+        <p>The internal documentation describes how the compiler is implemented. Read this if you want to hack the compiler.</p>
+      </li>
+    </ul>
 
 
 Search Options