Updated docs, fixed #225.

Signed-off-by: Vishal Rana <vr@labstack.com>

website/config.json

@@ -6,13 +6,13 @@
     "menu": {
         "main": [{
             "Name": "Guide",
-            "Pre": "<i class='fa fa-heart'></i>",
+            "Pre": "<i class='fa fa-book'></i>",
             "Weight": -110,
             "Identifier": "guide",
             "URL": "guide"
         }, {
             "Name": "Recipes",
-            "Pre": "<i class='fa fa-road'></i>",
+            "Pre": "<i class='fa fa-code'></i>",
             "Weight": -100,
             "Identifier": "recipes",
             "URL": "recipes"

website/content/guide/customization.md

@@ -3,6 +3,7 @@ title: Customization
 menu:
   main:
     parent: guide
+    weight: 20
 ---
 
 ### HTTP error handler

website/content/guide/error-handling.md

@@ -3,6 +3,7 @@ title: Error Handling
 menu:
   main:
     parent: guide
+    weight: 70
 ---
 
 Echo advocates centralized HTTP error handling by returning `error` from middleware

website/content/guide/installation.md

@@ -3,6 +3,7 @@ title: Installation
 menu:
   main:
     parent: guide
+    weight: 10
 ---
 
 Echo has been developed and tested using Go `1.4.x`

website/content/guide/middleware.md

@@ -3,6 +3,7 @@ title: Middleware
 menu:
   main:
     parent: guide
+    weight: 40
 ---
 
 Middleware is a function which is chained in the HTTP request-response cycle. Middleware

website/content/guide/request.md

@@ -3,6 +3,7 @@ title: Request
 menu:
   main:
     parent: guide
+    weight: 50
 ---
 
 ### Path parameter

website/content/guide/response.md

@@ -3,6 +3,7 @@ title: Response
 menu:
   main:
     parent: guide
+    weight: 60
 ---
 
 ### Template

website/content/guide/routing.md

@@ -3,6 +3,7 @@ title: Routing
 menu:
   main:
     parent: guide
+    weight: 30
 ---
 
 Echo's router is [fast, optimized](https://github.com/labstack/echo#benchmark) and

website/content/recipes/google-app-engine.md

@@ -1,5 +1,6 @@
 ---
 title: Google App Engine
+draft: true
 menu:
   main:
     parent: recipes

website/layouts/partials/head.html

@@ -14,6 +14,7 @@
     <!-- Place favicon.ico in the root directory -->
     <link rel="stylesheet" href="//storage.googleapis.com/code.getmdl.io/1.0.5/material.blue-pink.min.css">
     <link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700">
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="{{ .Site.BaseURL }}/styles/monokai.css">
     <link rel="stylesheet" href="{{ .Site.BaseURL }}/styles/echo.css">

website/layouts/partials/menu.html

@@ -2,9 +2,14 @@
     <div>
         {{ range .Site.Menus.main }}
             {{ if .HasChildren }}
-                <h4>{{ .Name }}</h4>
+                <h4>
+                    {{ .Pre }}
+                    {{ .Name }}
+                </h4>
                 {{ range .Children }}
-                    <a href="{{ .URL }}">{{ .Name }}</a>
+                    <a href="{{ .URL }}">
+                        {{ .Name }}
+                    </a>
                 {{ end }}
             {{ end }}
         {{ end }}

website/package.json

@@ -1,7 +1,10 @@
 {
-    "devDependencies": {
-        "gulp": "^3.8.11",
-        "gulp-gh-pages": "^0.5.1",
-        "gulp-shell": "^0.4.1"
-    }
+  "devDependencies": {
+    "gulp": "^3.8.11",
+    "gulp-gh-pages": "^0.5.1",
+    "gulp-shell": "^0.4.1"
+  },
+  "dependencies": {
+    "prismjs": "0.0.1"
+  }
 }

website/static/styles/echo.css

@@ -1,25 +1,24 @@
-body {
-    background-color: #efefef;
-}
-
 footer {
     padding: 40px 80px !important;
 }
-
+code {
+    font-size: .95em;
+    padding: 2px 4px;
+    background: #eee;
+    color: #4d4d4c;
+    font-family: Source Code Pro, Monaco, Menlo, Consolas, monospace;
+}
 a:link {
     text-decoration: none;
 }
-
 .page-content {
     padding: 20px 0;
     max-width: 960px;
     margin: auto;
 }
-
 .page-content header {
     padding-bottom: 16px;
 }
-
 .menu a {
     display: block;
     padding: 2px 0