From: stephen@cubedesigners.com <stephen@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Wed, 27 Jul 2016 15:02:43 +0000 (+0000)
Subject: WIP #4 @3
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=884049a45bcdd0b0165c3463854018d009153527;p=fluidbook-v3.git

WIP #4 @3
---

diff --git a/framework/application/views/helpers/HomeIntro.php b/framework/application/views/helpers/HomeIntro.php
index e20d797..467c25b 100644
--- a/framework/application/views/helpers/HomeIntro.php
+++ b/framework/application/views/helpers/HomeIntro.php
@@ -5,7 +5,10 @@ class Fluidbook_View_Helper_HomeIntro extends Fluidbook_View_Helper_HomeLayer {
 	 * @return string
 	 */
 	public function homeIntro($data) {
-		$this->data = $data;
+
+        $this->headScript()->addScriptAndStyle('211-home-intro');
+
+        $this->data = $data;
 
         $res=$this->_leftText();
 
diff --git a/js/210-home.js b/js/210-home.js
index e50f467..ebe724b 100644
--- a/js/210-home.js
+++ b/js/210-home.js
@@ -43,8 +43,12 @@ function resizeHome() {
     // Resize sections
     var wh = $(window).outerHeight() / zoom;
     var ww = $(window).outerWidth() / zoom;
-    $('#contentWrapper > section').css('height', wh);
 
+    if (ww > 900) {
+        $('#contentWrapper > section').css('height', wh);
+    } else {
+        $('#contentWrapper > section').css('height', 'auto');
+    }
 
     resizeHomeContact(ww, wh);
     resizeHomeReferences(ww,wh);
diff --git a/less/210-home.less b/less/210-home.less
index 56cea0d..293ee3f 100644
--- a/less/210-home.less
+++ b/less/210-home.less
@@ -1,9 +1,13 @@
 @import "000-imports";
 
 .home {
-	.content-wrapper {
+	.content-wrapper.fullheight {
 		position: relative;
-		background-position: bottom left;
+		background-position: bottom right;
+
+        @media @m900 {
+          background-size: 180%;
+        }
 	}
 
 	.content-inner {
@@ -12,6 +16,14 @@
 		top: 50%;
 		left: 0;
 		transform: translateY(-50%);
+
+        @media @m900 {
+          position: static;
+          transform: none;
+          padding-top: 5%;
+          padding-bottom: 80%;
+          text-align: center;
+        }
 	}
 
 	.btn {
@@ -36,11 +48,15 @@
 
         .dotclear {
           max-width: 500px;
-        }
 
-		// Sections
-		&.intro {
+          @media @m900 {
+            max-width: none;
 
-		}
+            ul {
+              display: inline-block;
+              text-align: left;
+            }
+          }
+        }
 	}
 }
\ No newline at end of file
diff --git a/less/211-home-intro.less b/less/211-home-intro.less
new file mode 100644
index 0000000..0c5e119
--- /dev/null
+++ b/less/211-home-intro.less
@@ -0,0 +1,15 @@
+@import "000-imports";
+
+section.intro {
+
+  @media @m900 {
+      .content-wrapper.fullheight {
+        background-size: 100%;
+      }
+
+      .content-inner {
+        padding-top: 70px;
+        padding-bottom: 50%;
+      }
+  }
+}
\ No newline at end of file