Some mobile and other fixes for docs

diff --git a/docs/layouts/chrome/analytics.html b/docs/layouts/chrome/analytics.html
new file mode 100644 (file)
index 0000000..a30754c
--- /dev/null
+++ b/docs/layouts/chrome/analytics.html
@@ -0,0 +1,10 @@
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-7131036-4', 'spf13.com');
+  ga('send', 'pageview');
+
+</script>

diff --git a/docs/layouts/chrome/footer.html b/docs/layouts/chrome/footer.html
index c4eb5bf9307d8b421f7c94b7a280ec9359056b1f..cfdedfc70ccdb3b30260e360a381faff6d18d24b 100644 (file)
--- a/docs/layouts/chrome/footer.html
+++ b/docs/layouts/chrome/footer.html
@@ -12,6 +12,7 @@
       </div>
       <script src="/static/js/jquery.js"></script>
       <script src="/static/js/bootstrap.min.js"></script>
+    {{ template "chrome/analytics.html" . }}
   </body>
 
 </html>

diff --git a/docs/layouts/index.html b/docs/layouts/index.html
index 825a1d7e39c9a6afdeaf9e55da929eb4c484c114..57c0556bcfe01cdb45d3603d9f5400406a14625d 100755 (executable)
--- a/docs/layouts/index.html
+++ b/docs/layouts/index.html
@@ -24,9 +24,8 @@
         <h1>Hugo</h1>\r
         <h3>The <em>Fast and Flexible</em> Static Site Generator</h3>\r
         <br>\r
-        <a href="#intro" class="btn btn-clear btn-lg">LEARN MORE</a>&nbsp; &nbsp;\r
+        <a href="#intro" class="btn btn-clear btn-lg">LEARN MORE</a>\r
         <a href="https://github.com/spf13/hugo/releases" class="btn btn-success btn-lg">DOWNLOAD <i class="icon-arrow-down"></i></a><br>\r
-        <br>\r
         <a href="/overview/quickstart/" class="btn btn-info btn-lg">DOCUMENTATION</a>\r
       </div>\r
     </div>\r
@@ -161,8 +160,8 @@
             <div class="row">\r
               <div class="col-md-6 col-md-offset-3 text-center">\r
                 <h3>Get Started Today!</h3>\r
-                <a href="/overview/quickstart" class="btn btn-md btn-default">Documentation</a>\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/quickstart" style="color:white;font-weight:300;">Documentation</a>\r
               </div>\r
             </div>\r
           </div>\r
@@ -211,6 +210,7 @@
       });\r
     </script>\r
 \r
+    {{ template "chrome/analytics.html" . }}\r
   </body>\r
 \r
 </html>\r

diff --git a/docs/static/static/css/HPstyles.css b/docs/static/static/css/HPstyles.css
index 02ab60d12e2691e53c1b9e8f83dc2d3e85ee7ef1..a7df66365689729d8eca4da71b349586c5ad9dd5 100644 (file)
--- a/docs/static/static/css/HPstyles.css
+++ b/docs/static/static/css/HPstyles.css
@@ -24,8 +24,9 @@ body {
 \r
 .header {\r
     display: table;\r
-    height: 85%;\r
+    height: 70%;\r
     width: 100%;\r
+    min-height: 70%;\r
     position: relative;\r
     background: url(../img/converse-fields.jpg) no-repeat center center fixed;\r
     -webkit-background-size: cover;\r
@@ -36,6 +37,43 @@ body {
     background-color: black;\r
 }\r
 \r
+@media only screen \r
+and (min-device-width : 320px)\r
+and (max-device-width : 1024px)\r
+and (orientation : portrait)\r
+{\r
+    .header {\r
+        display: table;\r
+        height: 70%;\r
+        width: 100%;\r
+        position: relative;\r
+        background: url(../img/converse-fields-mini.jpg) no-repeat;\r
+        background-size: 100% 100%;\r
+        z-index: 99999;\r
+        background-color: black;\r
+    }\r
+}\r
+\r
+@media only screen \r
+and (min-device-width : 320px)\r
+and (max-device-width : 1024px)\r
+and (orientation : landscape) {\r
+    .header {\r
+        display: table;\r
+        height: 70%;\r
+        width: 100%;\r
+        position: relative;\r
+        background: url(../img/converse-fields-long.jpg) no-repeat;\r
+        background-size: 100% 100%;\r
+        z-index: 99999;\r
+        background-color: black;\r
+    }\r
+}\r
+\r
+.header .btn {\r
+    margin: 10px;\r
+}\r
+\r
 #main {\r
     z-index: 99999;\r
     position: relative;\r
@@ -136,7 +174,7 @@ i.service-icon:hover {
     display: table;\r
     height: 400px;\r
     width: 100%;\r
-    background: url(../img/section-two.JPG) no-repeat center center fixed; \r
+    background: url(/static/img/section-two.JPG) no-repeat center center fixed; \r
     -webkit-background-size: cover;\r
     -moz-background-size: cover;\r
     -o-background-size: cover;\r
@@ -168,7 +206,7 @@ i.service-icon:hover {
 }\r
 \r
 #action {\r
-    background: url(../img/gray.png);\r
+    background: url(/static/img/gray.png);\r
     padding: 50px 0px 30px;\r
     position: fixed;\r
     bottom: 130px;\r
@@ -219,8 +257,8 @@ div.point a {
 \r
 \r
 .btn-clear {\r
-    color: #FFF;\r
-    background-color: rgba(255, 255, 255, 0.19);\r
+    color: #444;\r
+    background-color: rgba(255, 255, 255, 0.5);\r
     border-color: #FFF;\r
 }\r
 \r

diff --git a/docs/static/static/img/converse-fields-long.jpg b/docs/static/static/img/converse-fields-long.jpg
new file mode 100644 (file)
index 0000000..c509c12
Binary files /dev/null and b/docs/static/static/img/converse-fields-long.jpg differ

diff --git a/docs/static/static/img/converse-fields-mini.jpg b/docs/static/static/img/converse-fields-mini.jpg
new file mode 100644 (file)
index 0000000..095fad0
Binary files /dev/null and b/docs/static/static/img/converse-fields-mini.jpg differ

diff --git a/docs/static/static/img/converse-fields-sm.jpg b/docs/static/static/img/converse-fields-sm.jpg
new file mode 100644 (file)
index 0000000..2eaaff5
Binary files /dev/null and b/docs/static/static/img/converse-fields-sm.jpg differ

diff --git a/docs/static/static/img/converse-fields.jpg b/docs/static/static/img/converse-fields.jpg
index 7f33fbabcd8a3598beaeaa4ba2ca32beaee68f00..6b4cbabd70b11118c54fe4602803e8ca322ab9b1 100644 (file)
Binary files a/docs/static/static/img/converse-fields.jpg and b/docs/static/static/img/converse-fields.jpg differ