WIP #4 @3

diff --git a/framework/application/views/helpers/HomeIntro.php b/framework/application/views/helpers/HomeIntro.php
index e20d797a86819ded2b9443aa00694fcf53d9479f..467c25b887fde58798670be1847f6101c3540add 100644 (file)
--- 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\r
         */\r
        public function homeIntro($data) {\r
-               $this->data = $data;\r
+\r
+        $this->headScript()->addScriptAndStyle('211-home-intro');\r
+\r
+        $this->data = $data;\r
 \r
         $res=$this->_leftText();\r
 \r

diff --git a/js/210-home.js b/js/210-home.js
index e50f4674109760311bf5bb3630eea96d8d8fb1c6..ebe724b751b776b2fd8113c5883afed66ea9c29e 100644 (file)
--- a/js/210-home.js
+++ b/js/210-home.js
@@ -43,8 +43,12 @@ function resizeHome() {
     // Resize sections\r
     var wh = $(window).outerHeight() / zoom;\r
     var ww = $(window).outerWidth() / zoom;\r
-    $('#contentWrapper > section').css('height', wh);\r
 \r
+    if (ww > 900) {\r
+        $('#contentWrapper > section').css('height', wh);\r
+    } else {\r
+        $('#contentWrapper > section').css('height', 'auto');\r
+    }\r
 \r
     resizeHomeContact(ww, wh);\r
     resizeHomeReferences(ww,wh);\r

diff --git a/less/210-home.less b/less/210-home.less
index 56cea0d73dcd81405098f7e955d865cafcf2037e..293ee3f9086b7f03f532652738c2e46477b7fb8f 100644 (file)
--- a/less/210-home.less
+++ b/less/210-home.less
@@ -1,9 +1,13 @@
 @import "000-imports";\r
 \r
 .home {\r
-       .content-wrapper {\r
+       .content-wrapper.fullheight {\r
                position: relative;\r
-               background-position: bottom left;\r
+               background-position: bottom right;\r
+\r
+        @media @m900 {\r
+          background-size: 180%;\r
+        }\r
        }\r
 \r
        .content-inner {\r
@@ -12,6 +16,14 @@
                top: 50%;\r
                left: 0;\r
                transform: translateY(-50%);\r
+\r
+        @media @m900 {\r
+          position: static;\r
+          transform: none;\r
+          padding-top: 5%;\r
+          padding-bottom: 80%;\r
+          text-align: center;\r
+        }\r
        }\r
 \r
        .btn {\r
@@ -36,11 +48,15 @@
 \r
         .dotclear {\r
           max-width: 500px;\r
-        }\r
 \r
-               // Sections\r
-               &.intro {\r
+          @media @m900 {\r
+            max-width: none;\r
 \r
-               }\r
+            ul {\r
+              display: inline-block;\r
+              text-align: left;\r
+            }\r
+          }\r
+        }\r
        }\r
 }
\ No newline at end of file

diff --git a/less/211-home-intro.less b/less/211-home-intro.less
new file mode 100644 (file)
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