Revise site main menu and stylesheet, etc.

config.toml

@@ -83,7 +83,7 @@ watch = true
   # Set to true to include a CDN call to FontAwesome
   usefontawesome = true
   # Sets the order of site sections in the sidebar navigation
-  sitemenuitems = ["About Hugo", "Getting Started", "Managing Content", "Templates", "Functions", "Variables and Params", "Themes", "Hosting and Deployment", "Migrating to Hugo", "News and Articles", "Site Showcase", "Developer Tools", "Troubleshooting"]
+  sitemenuitems = ["About Hugo", "Getting Started", "Project Organization", "Managing Content", "Templates", "Functions", "Variables and Params", "Themes", "Hosting and Deployment", "Migrating to Hugo", "News and Articles", "Site Showcase", "Developer Tools", "Troubleshooting"]
 # MARKDOWN
 ## Configuration for BlackFriday markdown parser: https://github.com/russross/blackfriday
 [blackfriday]

content/about-hugo/_index.md

@@ -1,7 +1,7 @@
 ---
 title: Introduction to Hugo
 linktitle:
-description: A general introduction to Hugo, a powerful static site generator written in Golang.
+description: Hugo's features, roadmap, license, and motivation.
 date: 2016-11-01
 publishdate: 2016-11-01
 lastmod: 2016-11-01

content/project-organization/_index.md

@@ -0,0 +1,13 @@
+---
+title: Project Organization
+linktitle:
+description: Scaffolding new projects, configuration, and source organization.
+date: 2016-11-01
+publishdate: 2016-11-01
+lastmod: 2016-11-01
+weight: 01
+draft: false
+slug:
+aliases:
+notes:
+---

themes/hugodocs/pipeline/scss/base/_typography.scss

@@ -13,6 +13,7 @@ h1 {
   font-size: 2em;
   line-height: 1.2;
   margin-bottom: .25em;
+  padding-top: .75em;
   @include MQ(M) {
     font-size: 2.25em;
   }

themes/hugodocs/pipeline/scss/layout/_site-content.scss

@@ -18,11 +18,13 @@
 }
 
 main.main {
-  width: 90%;
+  width: 100%;
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: $content-max-width;
+  // background-color: $body-bg-color;
+  padding:1em;
   header.content-header {
     display: block;
     clear: both;
@@ -34,6 +36,9 @@ main.main {
     }
     a.edit-link {
       font-size: 1.2em;
+      position: absolute;
+      top: 0px;
+      right: 0px;
       @include MQ(M) {
         font-size: .7em;
       }
@@ -45,9 +50,6 @@ main.main {
           text-transform: uppercase;
         }
       }
-      position: absolute;
-      top: .5em;
-      right: 0px;
     }
   }
 }

themes/hugodocs/pipeline/scss/layout/_site-navigation.scss

@@ -18,7 +18,7 @@
     transform: translateX(0px);
   }
   ul.top-menu {
-    margin-top: $site-header-height;
+    margin-top: $site-header-height + 20px;
     display: inline-block;
     margin-left: auto;
     margin-right: auto;
@@ -84,4 +84,5 @@
   padding:.25em .5em;
   @include card(1);
   z-index:15;
+  background-color: $body-bg-color;
 }

themes/hugodocs/pipeline/scss/pages/_homepage.scss

@@ -1,9 +1,10 @@
 .all-content-wrapper.home {
-  background-color: lighten($hugo-blue,55%);
+  background-color: lighten($hugo-blue, 55%);
 }
 
 main#homepage {
   width: 90%;
+  margin-bottom: 2.5em;
   @include MQ(M) {
     max-width: $M * .9;
   }
@@ -30,26 +31,30 @@ main#homepage {
   flex-wrap: wrap;
   justify-content: space-around;
   .homepage-card {
-    color: inherit;
     @include card(1, 3);
+    color: inherit;
     width: 100%;
     background-color: $body-bg-color;
+    margin-bottom: .5em;
+    padding: 16px 8px;
     @include MQ(M) {
       width: $M * .9 * .48;
+      margin-bottom: 1em;
     }
     @include MQ(L) {
       width: 860px * .9 * .31;
     }
-    margin-bottom:1em;
-    padding:16px 8px;
     h2 {
-      font-size: 1.1em;
+      font-size: 1em;
       margin: 0px;
       line-height: 1.1;
-      margin-bottom: 1em;
+      margin-bottom: .5em;
     }
     p {
-      font-size: .9em;
+      font-size: .8em;
+      line-height: 1.3;
+      margin-bottom: 0px;
+      color: lighten($base-font-color, 15%);
     }
   }
 }