Big visual overhaul of the docs. Docs now using indexes for all menu generation.

docs/content/content/example.md

@@ -2,6 +2,9 @@
 title: "Example Content File"
 date: "2013-07-01"
 aliases: ["/doc/example/"]
+linktitle: "Example"
+groups: ['content']
+groups_weight: 50
 ---
 
 Somethings are better shown than explained. The following is a very basic example of a content file:

docs/content/content/front-matter.md

@@ -2,6 +2,8 @@
 title = "Front Matter"
 date = "2013-07-01"
 aliases = ["/doc/front-matter/"]
+groups = ["content"]
+groups_weight = 40
 +++
 
 The front matter is one of the features that gives Hugo its strength. It enables

docs/content/content/organization.md

@@ -2,6 +2,9 @@
 title: "Content Organization"
 date: "2013-07-01"
 aliases: ["/doc/organization/"]
+linktitle: "Organization"
+groups: ['content']
+groups_weight: 10
 ---
 
 Hugo uses markdown files with headers commonly called the front matter. Hugo respects the organization

docs/content/content/sections.md

@@ -1,6 +1,8 @@
 ---
 title: "Sections"
 date: "2013-07-01"
+groups: ['content']
+groups_weight: 20
 ---
 
 Hugo thinks that you organize your content with a purpose. The same structure

docs/content/content/types.md

@@ -1,6 +1,9 @@
 ---
 title: "Content Types"
 date: "2013-07-01"
+linktitle: "Types"
+groups: ['content']
+groups_weight: 30
 ---
 
 Hugo has full support for multiple content types each with its own set

docs/content/extras/aliases.md

@@ -5,6 +5,8 @@ aliases:
     - /doc/redirects/
     - /doc/alias/
     - /doc/aliases/
+groups: ["extras"]
+groups_weight: 20
 ---
 
 For people migrating existing published content to Hugo theres a good chance

docs/content/extras/indexes.md

@@ -2,6 +2,8 @@
 title: "Indexes"
 date: "2013-07-01"
 aliases: ["/doc/indexes/"]
+groups: ["extras"]
+groups_weight: 30
 ---
 
 Hugo includes support for user defined indexes of content. In our 

docs/content/extras/indexes/category.md

@@ -1,6 +1,9 @@
 ---
 title: "Index Category Example"
 date: "2013-07-01"
+linktitle: "Example - Categories"
+groups: ["extras"]
+groups_weight: 40
 ---
 
 This page demonstrates an example of using indexes to provide categories for your site.

docs/content/extras/shortcodes.md

@@ -2,6 +2,8 @@
 title: "Shortcodes"
 date: "2013-07-01"
 aliases: ["/doc/shortcodes/"]
+groups: ["extras"]
+groups_weight: 10
 ---
 
 Because Hugo uses markdown for its content format, it was clear that there's a lot of things that 

docs/content/layout/chrome.md

@@ -1,6 +1,8 @@
 ---
 title: "Chrome Templates"
 date: "2013-07-01"
+groups: ["layout"]
+groups_weight: 80
 ---
 Chrome is a convention to create templates that are used by the other templates
 throughout the site. There is nothing special about the name "chrome", feel free

docs/content/layout/go-templates.md

@@ -1,6 +1,8 @@
 ---
 title: "Go Templates"
 date: "2013-07-01"
+groups: ["layout---"]
+groups_weight: 80
 ---
 
 Hugo uses the excellent golang html/template library for its template engine.

docs/content/layout/homepage.md

@@ -1,6 +1,8 @@
 ---
 title: "Homepage Templates"
 date: "2013-07-01"
+groups: ["layout"]
+groups_weight: 30
 ---
 
 Home pages are of the type "node" and have all the [node

docs/content/layout/indexes.md

@@ -1,6 +1,8 @@
 ---
 title: "Index Templates"
 date: "2013-07-01"
+groups: ["layout"]
+groups_weight: 50
 ---
 
 An index template is any template that will be used to render multiple pieces of

docs/content/layout/rss.md

@@ -1,6 +1,8 @@
 ---
 title: "RSS (feed) Templates"
 date: "2013-07-01"
+groups: ["layout"]
+groups_weight: 40
 ---
 
 A single RSS template is used to generate all of the RSS content for the entire

docs/content/layout/templates.md

@@ -2,6 +2,9 @@
 title: "Templates"
 date: "2013-07-01"
 aliases: ["/doc/templates/"]
+linktitle: "Overview"
+groups: ["layout"]
+groups_weight: 10
 ---
 
 Hugo uses the excellent golang html/template library for its template engine.

docs/content/layout/variables.md

@@ -2,6 +2,8 @@
 title: "Variables"
 date: "2013-07-01"
 aliases: ["/doc/variables/"]
+groups: ["layout"]
+groups_weight: 20
 ---
 
 Hugo makes a set of values available to the templates. Go templates are context based. The following

docs/content/layout/views.md

@@ -1,6 +1,8 @@
 ---
 title: "Content Views"
 date: "2013-07-01"
+groups: ["layout"]
+groups_weight: 70
 ---
 
 In addition to the [single content view](/layout/content/), Hugo can render alternative views of

docs/content/meta/contributing.md

@@ -2,6 +2,8 @@
 title: "Contributing to Hugo"
 date: "2013-07-01"
 aliases: ["/doc/contributing/"]
+groups: ["meta"]
+groups_weight: 30
 ---
 
 We welcome all contributions. If you want to contribute, all

docs/content/meta/contributors.md

@@ -2,6 +2,8 @@
 title: "Contributors"
 date: "2013-07-01"
 aliases: ["/doc/contributors/"]
+groups: ["meta"]
+groups_weight: 40
 ---
 
 Hugo was built with love and golang by:

docs/content/meta/license.md

@@ -2,6 +2,8 @@
 title: "License"
 date: "2013-07-01"
 aliases: ["/doc/license/", "/license/"]
+groups: ["meta"]
+groups_weight: 50
 ---
 
 Hugo is released under the Simple Public License.

docs/content/meta/release-notes.md

@@ -2,6 +2,8 @@
 title: "Release Notes"
 date: "2013-07-01"
 aliases: ["/doc/release-notes/"]
+groups: ["meta"]
+groups_weight: 10
 ---
 
 * **0.9.0** HEAD

docs/content/meta/roadmap.md

@@ -2,6 +2,8 @@
 title: "Roadmap"
 date: "2013-07-01"
 aliases: ["/doc/roadmap/"]
+groups: ["meta"]
+groups_weight: 20
 ---
 
 In no particular order, here is what we are working on:
@@ -10,8 +12,6 @@ In no particular order, here is what we are working on:
  * Support for top level pages (other than homepage)
  * Better error handling
  * Syntax highlighting
- * Commands
- * Actions (eg. hugo create page)
  * Related Posts
  * Support for other formats
 

docs/content/overview/configuration.md

@@ -4,7 +4,7 @@ date: "2013-07-01"
 aliases: ["/doc/configuration/"]
 groups: ['gettingStarted']
 linktitle: "Configuration"
-groups_weight: 20
+groups_weight: 40
 ---
 
 The directory structure and templates provide the majority of the

docs/content/overview/installing.md

@@ -3,7 +3,7 @@ title: "Installing Hugo"
 date: "2013-07-01"
 aliases: ["/doc/installing/"]
 groups: ['gettingStarted']
-groups_weight: 40
+groups_weight: 20
 ---
 
 Hugo is written in GoLang with support for Windows, Linux, FreeBSD and OSX.

docs/content/overview/quickstart.md

@@ -3,7 +3,7 @@ title: "Hugo Quickstart Guide"
 date: "2013-07-01"
 groups: ['gettingStarted']
 linktitle: "Quickstart"
-groups_weight: 50
+groups_weight: 10
 ---
 
 ## Step 1. Install Hugo

docs/content/overview/source-directory.md

@@ -3,7 +3,7 @@ title: "Source Directory Organization"
 date: "2013-07-01"
 aliases: ["/doc/source-directory/"]
 groups: ['gettingStarted']
-groups_weight: 10
+groups_weight: 50
 ---
 
 Hugo takes a single directory and uses it as the input for creating a complete website.

docs/layouts/chrome/footer.html

@@ -1,15 +1,17 @@
         </div>
       </div>
-      <div id="ribbon">
+    </div>
-          <a href="http://github.com/spf13/hugo" rel="me">Fork me on GitHub</a>
+
-      </div>
+    <div class="container">
       <hr>
       <footer id="footer">
             <p class="pull-right"><a href="#top">Back to top</a></p>
             Made by <a href="http://spf13.com">Steve Francia</a>.<br>
             Code licensed under the <a href="https://github.com/spf13/hugo/blob/master/LICENSE.md">Simple Public License 2.0</a>.<br>
       </footer>
-    </div>
+      </div>
+      <script src="/static/js/jquery.js"></script>
+      <script src="/static/js/bootstrap.min.js"></script>
   </body>
 
 </html>

docs/layouts/chrome/header.html

@@ -7,16 +7,9 @@
     {{ template "chrome/includes.html" . }}
   </head>
   <body>
+
+    {{ template "chrome/menu.html" . }}
+
     <div class="container">
       <div class="row">
-        <div class="col-md-3 well" style="margin-top:1.8em;padding-top:0px;">
+        <div class="col-md-12">
-          <div >
-            <h1><a href="/">Hugo</a></h1>
-            <p>A Fast and Flexible Static Site Generator 
-            built with love by <a href="http://spf13.com">spf13</a> and <a
-            href="http://github.com/spf13/hugo/graphs/contributors">friends</a>
-            in Go</p>
-          </div>
-        {{ template "chrome/menu.html" . }}
-        </div>
-        <div class="col-md-9">

docs/layouts/chrome/includes.html

@@ -1,2 +1,3 @@
-    <link href="/static/css/bootstrap.css" rel="stylesheet"/>
+    <link href="/static/css/bootstrap.min.css" rel="stylesheet"/>
     <link href="/static/css/styles.css" rel="stylesheet"/>
+    <link href="/static/css/hugoicon.css" rel="stylesheet"/>

docs/layouts/chrome/menu.html

@@ -1,42 +1,62 @@
-          <ul class="nav nav-stacked nav-pills">
+<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
-            <li class="text-muted"><h4>Getting Started</h4></li>
+  <!-- Brand and toggle get grouped for better mobile display -->
+  <div class="navbar-header">
+    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+    </button>
+    <a class="navbar-brand" href="/"><i class="icon-rocket "></i>&nbsp; Hugo</a>
+  </div>
 
+  <!-- Collect the nav links, forms, and other content for toggling -->
+  <div class="collapse navbar-collapse navbar-ex1-collapse">
+    <ul class="nav navbar-nav">
+      <li class="dropdown">
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Getting Started <b class="caret"></b></a>
+        <ul class="dropdown-menu">
             {{ range $key, $value := .Site.Indexes.groups.gettingstarted.Pages }}
             <li hugo-nav="{{$value.RelPermalink}}"><a href="{{$value.Permalink}}"> {{ $value.LinkTitle }} </a> </li>
             {{ end }}
-            <li class="divider"></li>
+        </ul>
-
+      </li>
-            <li class="text-muted"><h4>Layout</h4></li>
+      <li class="dropdown">
-            <li> <a href="/layout/templates">Overview</a></li>
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Content <b class="caret"></b></a>
-            <li hugo-nav="/layout/variables"> <a href="/layout/variables">Variables</a></li>
+        <ul class="dropdown-menu">
-            <li hugo-nav="/layout/homepage"> <a href="/layout/homepage">Homepage</a></li>
+            {{ range $key, $value := .Site.Indexes.groups.content.Pages }}
-            <li hugo-nav="/layout/rss"> <a href="/layout/rss">RSS</a></li>
+            <li hugo-nav="{{$value.RelPermalink}}"><a href="{{$value.Permalink}}"> {{ $value.LinkTitle }} </a> </li>
-            <li hugo-nav="/layout/indexes"> <a href="/layout/indexes">Index</a></li>
+            {{ end }}
-            <li hugo-nav="/layout/content"> <a href="/layout/content">Content</a></li>
+        </ul>
-            <li hugo-nav="/layout/views"> <a href="/layout/views">Content Views</a></li>
+      </li>
-            <li hugo-nav="/layout/chrome"> <a href="/layout/chrome">Chrome</a></li>
+      <li class="dropdown">
-            <li class="divider"></li>
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Layout <b class="caret"></b></a>
-
+        <ul class="dropdown-menu">
-            <li class="text-muted"><h4>Content</h4></li>
+            {{ range $key, $value := .Site.Indexes.groups.layout.Pages }}
-            <li hugo-nav="/content/organization"> <a href="/content/organization">Organization</a></li>
+            <li hugo-nav="{{$value.RelPermalink}}"><a href="{{$value.Permalink}}"> {{ $value.LinkTitle }} </a> </li>
-            <li hugo-nav="/content/sections"> <a href="/content/sections">Sections</a></li>
+            {{ end }}
-            <li hugo-nav="/content/types"> <a href="/content/types">Types</a></li>
+        </ul>
-            <li hugo-nav="/content/front-matter"> <a href="/content/front-matter">Front Matter</a></li>
+      </li>
-            <li hugo-nav="/content/example"> <a href="/content/example">Example</a></li>
+      <li class="dropdown">
-            <li class="divider"></li>
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Extras <b class="caret"></b></a>
-
+        <ul class="dropdown-menu">
-            <li class="text-muted"><h4>Extras</h4></li>
+            {{ range $key, $value := .Site.Indexes.groups.extras.Pages }}
-            <li hugo-nav="/extras/shortcodes"> <a href="/extras/shortcodes">ShortCodes</a></li>
+            <li hugo-nav="{{$value.RelPermalink}}"><a href="{{$value.Permalink}}"> {{ $value.LinkTitle }} </a> </li>
-            <li hugo-nav="/extras/aliases"> <a href="/extras/aliases">Aliases</a></li>
+            {{ end }}
-            <li hugo-nav="/extras/indexes"> <a href="/extras/indexes">Indexes</a></li>
+        </ul>
-            <li hugo-nav="/extras/indexes/category"> <a href="/extras/indexes/category">Example Index - Category</a></li>
+      </li>
-            <!--<li> <a href="/extras/indexes/series">Example Index - Series</a></li>-->
+    </ul>
-            <li class="divider"></li>
+    <ul class="nav navbar-nav navbar-right">
-
+      <li class="dropdown">
-            <li class="text-muted"><h4>Meta</h4></li>
+        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Meta <b class="caret"></b></a>
-            <li hugo-nav="/meta/release-notes"> <a href="/meta/release-notes">Release Notes</a></li>
+        <ul class="dropdown-menu">
-            <li hugo-nav="/meta/roadmap"> <a href="/meta/roadmap">Roadmap</a> </li>
+            {{ range $key, $value := .Site.Indexes.groups.meta.Pages }}
-            <li hugo-nav="/meta/contributing"> <a href="/meta/contributing">Contributing</a></li>
+            <li hugo-nav="{{$value.RelPermalink}}"><a href="{{$value.Permalink}}"> {{ $value.LinkTitle }} </a> </li>
-            <li hugo-nav="/meta/contributors"> <a href="/meta/contributors">Contributors</a></li>
+            {{ end }}
-            <li hugo-nav="/meta/license"> <a href="/meta/license">License</a></li>
+        </ul>
-          </ul>
+      </li>
+      <li><a href="http://github.com/spf13/hugo/releases"><i class="icon-arrow-down "> </i></a></li>
+      <li><a href="http://github.com/spf13/hugo"><i class="icon-octocat icon-2x"> </i></a></li>
+    </ul>
+  </div><!-- /.navbar-collapse -->
+</nav>

docs/layouts/index.html

@@ -9,7 +9,7 @@
     <title>Hugo :: A fast and flexible static site generator</title>
 
     <!-- Bootstrap core CSS -->
-    <link href="/static/css/bootstrap.css" rel="stylesheet">
+    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
 
     <!-- Add custom CSS here -->
     <link href="/static/css/HPstyles.css" rel="stylesheet">
@@ -25,7 +25,7 @@
         <h3>The <em>Fast and Flexible</em> Static Site Generator</h3>
         <br>
         <a href="#intro" class="btn btn-clear btn-lg">LEARN MORE</a>&nbsp; &nbsp;
-        <a href="#download" class="btn btn-success btn-lg">DOWNLOAD <i class="icon-arrow-down"></i></a><br>
+        <a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">DOWNLOAD <i class="icon-arrow-down"></i></a><br>
         <br>
         <a href="/overview/quickstart/" class="btn btn-info btn-lg">DOCUMENTATION</a>
       </div>
@@ -157,8 +157,8 @@
             <div class="row">
               <div class="col-md-6 col-md-offset-3 text-center">
                 <h3>Get Started Today!</h3>
-                <a href="#top" class="btn btn-md btn-default">Documentation</a>
+                <a href="/overview/quickstart" class="btn btn-md btn-default">Documentation</a>
-                <a href="#top" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>
+                <a href="https://github.com/spf13/hugo/releases" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>
               </div>
             </div>
           </div>
@@ -185,7 +185,8 @@
 
   <!-- Bootstrap core JavaScript -->
   <!-- Placed at the end of the document so the pages load faster -->
-  <script src="js/jquery.js"></script>
+  <script src="/static/js/jquery.js"></script>
+  <script src="/static/js/bootstrap.min.js"></script>
 
   <script>
     $(function() {

docs/static/static/css/HPstyles.css

@@ -72,7 +72,7 @@ body {
 }
 
 .point {
-    background: #7fbbda;
+    background: rgb(22, 203, 230);
     padding: 50px 0;
     color: #ffffff;
 }
@@ -105,12 +105,12 @@ i.point-icon {
 
 i.lead-icon:hover {
     color: #fff;
-    border: 3px solid #7FBBDB;
+    border: 3px solid black;
-    background: #7FBBDB;
+    background: black;
 }
 
 i.point-icon:hover {
-    color: #7FBBDB;
+    color: rgb(22, 203, 230);
     border: 3px solid #fff;
     background: #fff;
 }

docs/static/static/css/styles.css

@@ -1,9 +1,12 @@
+body { padding-top: 70px; }
+
 #ribbon {
     background-color: #a00;
     overflow: hidden;
     position: absolute;
     right: -3em;
-    top: 2.5em;
+    /*top: 2.5em;*/
+    top: 85px; 
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -moz-box-shadow: 0 0 1em #888;
@@ -20,3 +23,69 @@
     text-decoration: none;
     text-shadow: 0 0 0.5em #444;
 }
+
+body {
+    background-color: rgb(253, 253, 251);
+}
+
+
+h1, h2, h3 {
+    color: rgb(25,71,86);
+}
+
+a {
+    color: rgb(0,140,158);
+}
+
+a:hover {
+    color: rgb(21,201,239);
+}
+
+#footer {
+    margin-bottom: 2em;
+}
+
+nav.navbar {
+    background: none repeat scroll 0% 0% rgb(22, 203, 230);
+    border-top: 4px solid rgb(15, 166, 188);
+    border-bottom: 1px solid rgb(15, 166, 188);
+    opacity: .9;
+}
+
+.navbar-nav a > i {
+    font-size: 140%;
+    line-height: 49%;
+    vertical-align: -4px;
+}
+
+.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
+    color: white !important;
+}
+.navbar-inverse .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
+    text-decoration: none;
+    color: rgb(255, 255, 255);
+    background-color: rgb(15, 166, 188);
+}
+
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+    background-color: rgb(15, 166, 188);
+}
+
+.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+    outline: 0px none;
+    background-color: rgb(15, 166, 188);
+}
+
+.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
+    background-color: rgb(15, 166, 188);
+}
+.navbar-inverse .navbar-toggle {
+    border-color: white;
+}