Homepage update. New Logo. Minor site updates.

docs/content/showcase/hugo.md

@@ -1,5 +1,5 @@
 +++
-title = "Hugo Documentation"
+title = "Hugo"
 date = 2013-07-01T07:32:00Z 
 description = "This site"
 license = "Simpl"

docs/content/showcase/spf13.md

@@ -1,5 +1,5 @@
 +++
-title = "spf13 is Steve Francia"
+title = "spf13.com"
 date = 2013-07-01T07:32:00Z 
 description = "The first Hugo powered website."
 license = "MIT"

docs/layouts/index.html

@@ -6,7 +6,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
 
-    <title>Hugo :: A fast and flexible static site generator</title>
+    <title>Hugo :: A fast and modern static website engine</title>
 
     <!-- Bootstrap core CSS -->
     <link href="/static/css/bootstrap.min.css" rel="stylesheet">
@@ -22,14 +22,13 @@
     <!-- Full Page Image Header Area -->
     <div id="top" class="header">
       <div class="vert-text">
-        <h1>Hugo</h1>
+
-        <h3>The <em>Fast and Flexible</em> Static Site Generator</h3>
+        <a href="#intro"><img src="/static/img/hugo.png" class="logo"> </a>
-        <br>
+        <div class="buttonbox">
-        <a href="#intro" class="btn btn-clear btn-lg">learn more</a>
+        <a href="/overview/introduction" class="btn btn-info btn-lg">docs <i class="icon-idea"></i></a>
         <a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">download <i class="icon-arrow-down"></i></a>
-        <br>
         <a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">github <i class="icon-circlestar"></i></a>
-        <a href="/overview/introduction" class="btn btn-info btn-lg">documentation</a>
+        </div>
       </div>
     </div>
     <!-- /Full Page Image Header Area -->

docs/static/static/css/HPstyles.css

@@ -38,7 +38,7 @@ body {
     width: 100%;
     min-height: 70%;
     position: relative;
-    background: url(../img/converse-fields.jpg) no-repeat center center fixed;
+    background: url(../img/desk.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
@@ -47,6 +47,16 @@ body {
     background-color: black;
 }
 
+.logo {
+    max-width: 35em; 
+    width: 100%;
+    padding: 2em;
+}
+
+.buttonbox {
+    margin: 2em 0 4em;
+}
+
 @media only screen 
 and (min-device-width : 320px)
 and (max-device-width : 1024px)
@@ -57,7 +67,7 @@ and (orientation : portrait)
         height: 70%;
         width: 100%;
         position: relative;
-        background: url(../img/converse-fields-mini.jpg) no-repeat;
+        background: url(../img/desk-mini.jpg) no-repeat;
         background-size: 100% 100%;
         z-index: 99999;
         background-color: black;
@@ -73,7 +83,7 @@ and (orientation : landscape) {
         height: 70%;
         width: 100%;
         position: relative;
-        background: url(../img/converse-fields-long.jpg) no-repeat;
+        background: url(../img/desk-long.jpg) no-repeat;
         background-size: 100% 100%;
         z-index: 99999;
         background-color: black;
@@ -225,7 +235,7 @@ i.callout-icon:hover {
 }
 
 #action {
-    background: url(/static/img/gray.png);
+    background: url(../img/gray.png);
     padding: 50px 0px 30px;
     position: fixed;
     bottom: 130px;