instructions for Homebrew installation

updated installation page of documentation, and changed "Download" button on index.html to scroll to bottom where multiple installation options are featured

getting the scrolldown to work required removing the fixed positioning on #action and on the footer

diff --git a/docs/content/overview/installing.md b/docs/content/overview/installing.md
index 825ff76e08c8dcd4a9cb635e4c24b287e5f3d0dc..1ae80682df58f350a35a59bbda3ff9c275914b3d 100644 (file)
--- a/docs/content/overview/installing.md
+++ b/docs/content/overview/installing.md
@@ -25,9 +25,12 @@ Once downloaded it can be run from anywhere. You don't need to install
 it into a global location. This works well for shared hosts and other systems
 where you don't have a privileged account.
 
-Ideally you should install it somewhere in your path for easy use. `/usr/local/bin` 
+Ideally you should install it somewhere in your path for easy use. `/usr/local/bin`
 is the most probable location.
 
+If you have [Homebrew](http://brew.sh), installation is even easier.  Just run
+`brew install hugo`.
+
 ### Installing Pygments (optional)
 
 The Hugo executable has one *optional* external dependency for source code highlighting (Pygments).

diff --git a/docs/layouts/index.html b/docs/layouts/index.html
index 23367cf04f22bc2641cea3bcdd389d35e4197d7f..83bb72e8c6383477cc328ba58c423f223eacfb90 100755 (executable)
--- a/docs/layouts/index.html
+++ b/docs/layouts/index.html
@@ -29,7 +29,7 @@
         <a href="#intro"><img src="/img/hugo.png" class="logo"> </a>\r
         <div class="buttonbox">\r
         <a href="/overview/introduction" class="btn btn-primary btn-lg">Docs <i class="icon-idea"></i></a>\r
-        <a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">Download <i class="icon-arrow-down"></i></a>\r
+        <a href="#action" class="btn btn-success btn-lg">Download <i class="icon-arrow-down"></i></a>\r
         <a href="http://discuss.gohugo.io" class="btn btn-info btn-lg">Community <i class="icon-talking"></i></a>\r
         <a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">Github <i class="icon-circlestar"></i></a>\r
         </div>\r
@@ -111,7 +111,7 @@
                 Organize your content however you want with any URL structure.\r
                 Declare your own content types.\r
                 Define your own meta data in YAML, TOML or JSON.\r
-                Use indexes to group your content however you want. \r
+                Use indexes to group your content however you want.\r
                 Best of all this is all done with virtually no configuration, Hugo\r
                 just works.\r
 \r
@@ -211,6 +211,7 @@
             <div class="row">\r
               <div class="col-md-10 col-md-offset-1 text-center">\r
                 <h3>Get Started Today!</h3>\r
+                <pre><code>brew install hugo</code></pre>\r
                 <a href="https://github.com/spf13/hugo/releases" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>\r
                 <a href="/overview/introduction" style="color:white;font-weight:300;">Documentation</a>\r
               </div>\r
@@ -218,7 +219,6 @@
           </div>\r
         </div>\r
         <!-- /Call to Action -->\r
-        <div id="footerSpacer"></div>\r
 \r
         <!-- Footer -->\r
         <footer id="footer">\r
@@ -245,7 +245,7 @@
   <script>\r
     $(function() {\r
         $('a[href*=#]:not([href=#])').click(function() {\r
-          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') \r
+          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')\r
               || location.hostname == this.hostname) {\r
 \r
             var target = $(this.hash);\r

diff --git a/docs/static/css/HPstyles.css b/docs/static/css/HPstyles.css
index 85afa322e26d9cc4e00a076ebeb4a500517a88f8..8c7f88e14872c6e551c3353ab307b59bf7b3c367 100755 (executable)
--- a/docs/static/css/HPstyles.css
+++ b/docs/static/css/HPstyles.css
@@ -42,7 +42,7 @@ body {
 }
 
 .logo {
-    max-width: 35em; 
+    max-width: 35em;
     width: 100%;
     padding: 2em;
 }
@@ -51,7 +51,7 @@ body {
     margin: 2em 0 4em;
 }
 
-@media only screen 
+@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 1024px)
 and (orientation : portrait)
@@ -68,7 +68,7 @@ and (orientation : portrait)
     }
 }
 
-@media only screen 
+@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 1024px)
 and (orientation : landscape) {
@@ -192,27 +192,25 @@ i.callout-icon:hover {
 
 #action {
     background: url(../img/gray.png);
-    padding: 50px 0px 30px;
-    position: fixed;
-    bottom: 130px;
-    z-index: 99998;
+    padding: 30px 0px 40px;
     width: 100%;
 }
-
-#footerSpacer {
-    display: block;
-    min-height: 310px;
-    background-color: rgba(0, 0, 0, 0);
+#action pre {
+    background-color: #545454;
+    color: #f9f2f4;
+}
+#action pre:hover {
+    background-color: #f9f2f4;
+    color: #545454;
+}
+#action code {
+    font-family: Lato, monospace;
+    font-size: 14pt;
 }
 
 #footer {
-    bottom: 0px;
-    left: 0px;
-    padding: 10px 0px;
-    position: fixed;
-    width: 100%;
     font-size: 14px;
-    z-index: 99998;
+    padding: 50px 0px 25px 0px;
     background: rgb(255, 255, 255);
 }