From e4ef7cb8c53f0e02f004a724c4d42178c65411de Mon Sep 17 00:00:00 2001
From: mathieu <mathieu.nayrolles@gmail.com>
Date: Mon, 15 Jun 2015 13:55:29 -0400
Subject: [PATCH] Mobile version. #32

---
 application/config/autoload.php  |   2 +-
 application/controllers/home.php |   7 +-
 application/views/footer.php     |   2 +
 application/views/header.php     |   7 +-
 application/views/home.php       | 163 +++----------------------------
 assets/css/main.css              |   6 --
 assets/js/application.js         |   2 +-
 assets/js/sharrre.logic.js       |   3 -
 8 files changed, 27 insertions(+), 165 deletions(-)

diff --git a/application/config/autoload.php b/application/config/autoload.php
index 3453e9a8..69f4ec51 100644
--- a/application/config/autoload.php
+++ b/application/config/autoload.php
@@ -52,7 +52,7 @@
 |	$autoload['libraries'] = array('database', 'session', 'xmlrpc');
 */
 
-$autoload['libraries'] = array('session', 'database');
+$autoload['libraries'] = array('session', 'database', 'user_agent');
 
 
 /*
diff --git a/application/controllers/home.php b/application/controllers/home.php
index 2951e4b6..e5a5a688 100644
--- a/application/controllers/home.php
+++ b/application/controllers/home.php
@@ -9,7 +9,12 @@ function __construct()
 	
 	function index()
 	{
-        array_push($this->_headerData['javaScripts'], "watch.animation");
+        if(!$this->agent->is_mobile()){
+            array_push($this->_headerData['javaScripts'], "home.logic", "watch.animation");
+        }else{
+             array_push($this->_headerData['javaScripts'], "home.logic.mobile");
+        }
+
 		$this->load->view('header', $this->_headerData);
 		$this->load->view('home');
 		$this->load->view('footer');
diff --git a/application/views/footer.php b/application/views/footer.php
index dbb20d85..6797cd68 100644
--- a/application/views/footer.php
+++ b/application/views/footer.php
@@ -1,10 +1,12 @@
     <footer>
+    <?php if(!$this->agent->is_mobile()){ ?>
         <div class="publication">
                         
                 <a href="http://www.fratellowatches.com/toolwatch-measure-the-accuracy-of-your-watch/"><img src="<?php echo img_url('fratello_logos_transparant.png'); ?>"></a>
                 <a href="http://wristreview.com/?p=16698"><img src="http://wristreview.com/wp-content/uploads/2015/04/wr-logo-V21.png"></a>
 
         </div>
+     <?php } ?>
         <div class="container container-fluid">
            
             <div class="row">
diff --git a/application/views/header.php b/application/views/header.php
index e4721798..c213f3c8 100644
--- a/application/views/header.php
+++ b/application/views/header.php
@@ -63,9 +63,6 @@
 					</button>
 				</div>
             <div class="modal-body">
-            </div>
-            <div class="modal-footer">
-			     <p>Handcrafted with love in Lausanne, Switzerland, near the Watch Valley. Copyright 2015.</p>
             </div>
 		</div>
 	  </div>
@@ -80,10 +77,10 @@
                             <a href="<?php echo base_url(); ?>"><div class="logo"></div></a>
                         </div>
                         <div style="margin-top: 10px" class="col-md-1 col-md-offset-5 text-center">
-						  <a href="/blog/watch-tips/">Features</a>
+						  <a href="#features">Features</a>
                         </div>
                         <div style="margin-top: 10px" class="col-md-1  text-center">
-						  <a href="/about/">Blog</a>
+						  <a href="/blog/watch-tips/">Blog</a>
                         </div>
                         <?php 
                             if($userIsLoggedIn)
diff --git a/application/views/home.php b/application/views/home.php
index 237c4874..b33fbc60 100644
--- a/application/views/home.php
+++ b/application/views/home.php
@@ -3,13 +3,15 @@
       <video id="home-video" src="<?php echo vid_url('home.mp4');?>" width="100%" height="100%" autoplay loop muted></video>
         <div class="container container-fluid first slogan-home">
 
-            <div class="row">
-                <div class="col-md-12">
-                    <center>
-                        <h1>Measure your watch's accuracy</h1>
-                    </center>
+            <?php if(!$this->agent->is_mobile()){ ?>
+                <div class="row">
+                    <div class="col-md-12">
+                        <center>
+                            <h1>Measure your watch's accuracy</h1>
+                        </center>
+                    </div>
                 </div>
-            </div>
+            <?php } ?>
             <div class="row">
                 <div class="col-md-12">
                     <center>
@@ -17,6 +19,7 @@
                     </center>
                 </div>
             </div>
+            <?php if(!$this->agent->is_mobile()){ ?>
             <div class="row">
                 <div class="col-md-12">
                     <center>
@@ -32,14 +35,16 @@
                     </center>
                 </div>
             </div>
+            <?php } ?>
 
 
         </div>
     </div>
 </div>
+
 <div class="home-picto">
     <div class="container container-fluid">
-
+<?php if(!$this->agent->is_mobile()){ ?>
          <div class="row">
 
                 <div id="demo" class="col-sm-12">
@@ -78,7 +83,7 @@
                 </div>
 
          </div>
-
+ <?php } ?>
          <div class="row">
             <div id="toolwatch-explained" class="col-sm-offset-2 col-sm-8">
                 <h1>MECHANICAL WATCH LOVER'S FAVORITE TOOL. IT'S INSANELY SIMPLE.</h1>
@@ -93,6 +98,7 @@
     </div>
 </div>
 
+<?php if(!$this->agent->is_mobile()){ ?>
 <div class="home-mosa">
 
         <div class="home-mosa-stats">
@@ -116,143 +122,4 @@
 
 
 </div>
-
-<script>
-// using jQuery
-
-
-var delta =  Math.floor((Math.random() * 10) + 1) - 5;
-var d;
-
-$( window ).resize(function() {
-  initSize();
-});
-
-$( document ).ready(function() {
-
-    $("#demo-third-step").hide();
-    $("#demo-fourth-step").hide();
-
-    initSize();
-
-    
-    $('video,audio').mediaelementplayer({features: []});
-
-    $(".continue").click(function(){
-        setTimeout(countDownDisplay, 1000);
-    });
-
-    $( "#demo-cta" ).click(function() {
-
-        var result = delta;
-
-        $("#demo-pointer").hide();
-        $("#demo-third-step").hide();
-        $("#demo-fourth-step").fadeToggle();
-        console.log();
-        $(".watch-accuracy").html(result.toFixed(0));
-    });
-
-
-});
-
-function initSize(){
-
-    var windowHeight = $(window).height();   
-    var headerHeight = $('header').height();   
-    var sloganHeight = $(".slogan-home");
-    var windowRealHeight = windowHeight - headerHeight;
-    //var align = dispoDisplay / 2 - sloganHeight / 2;
-
-    $(".slogan-home").css("margin-top", -windowRealHeight + windowRealHeight/2);
-
-    var ratio = $("#mosa-picture-1").width() / 800 ;
-
-    $(".home-mosa").css("height", 450*ratio*2);
-
-    $(".home-mosa-stats").css("left", $(window).width()/2-$(".home-mosa-stats").width()/2 - 20);
-    $(".home-mosa-stats").css("marginTop", (450*ratio*2)/2 - $(".home-mosa-stats").height()/2 - 20);
-
-    $( ".slogan-home" ).animate({
-        marginTop: "-=300"
-    }, 2000);
-
-}
-
-function countDownDisplay(){
-    var countdown = $("#demo-sync-time").html();
-
-    $("#demo-sync-time").html(countdown - 1);
-    if(countdown > 1){
-        setTimeout(countDownDisplay, 1000);
-    }else{
-        d = new Date(new Date().getTime());
-        similateInput();
-    }
-}
-
-function similateInput(){
-    $("#demo-second-step").hide();
-    $("#demo-third-step").fadeToggle("slow", function (){
-
-        var leftDelta = $("#demo-pointer").position().left 
-            - $("#inputUserTime").position().left;
-
-        var topDelta = $("#demo-pointer").position().top 
-            - $("#inputUserTime").position().top - $("#inputUserTime").height() /2;
-
-        $( "#demo-pointer" ).animate({
-            marginTop: "-="+topDelta,
-            marginLeft: "-="+leftDelta
-        }, 2000, function(){
-
-            $("#inputUserTime").focus();
-
-            var seconds = (d.getSeconds() + Math.abs(delta));
-            if(seconds <= 9){
-                seconds = "0"+seconds;
-            }
-
-            var hours = d.getHours();
-
-            if(hours <= 9){
-                hours = "0"+seconds;
-            }
-
-            var minutes = d.getMinutes();
-
-            if(minutes <= 9){
-                minutes = "0"+minutes;
-            }
-
-            var date = hours + ':' + minutes  + ':' + seconds;
-            writeToInput(date, 0);
-        });
-    });
-}
-
-function writeToInput(text, i){
-
-    if(i < text.length){
-        $("#inputUserTime").val($("#inputUserTime").val() + text.charAt(i));
-        i = i +1;
-        setTimeout(writeToInput, Math.round(Math.random() * (300 - 100) + 100), text, i);
-    }else{
-        clickCTA();
-    }
-}
-
-function clickCTA(){
-    var leftDelta = $("#demo-pointer").position().left - $("#demo-cta").position().left + $("#demo-cta").width() * 2 + 30;
-
-    var topDelta = $("#demo-pointer").position().top - $("#demo-cta").position().top + $("#demo-cta").height() * 3;
-
-    $( "#demo-pointer" ).animate({
-                marginTop: "+="+topDelta,
-                marginLeft: "+="+leftDelta
-    }, 2000, function(){
-        $("#demo-cta").click();
-    });
-}
-
-</script>
\ No newline at end of file
+ <?php } ?>
diff --git a/assets/css/main.css b/assets/css/main.css
index 0b020461..885235fc 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -341,11 +341,6 @@ footer
   text-align: center;
 }
 
-footer .social
-{
-  text-align: right;
-}
-
 footer .copyright{
   margin-top: 20px;
   font-size: 15px;
@@ -428,7 +423,6 @@ footer p
 .home-intro-overlay 
 {
   width: 100%;
-  min-height: 768px;
 }
 
 .home-picto, .home-text
diff --git a/assets/js/application.js b/assets/js/application.js
index 19a03697..36f76ef4 100644
--- a/assets/js/application.js
+++ b/assets/js/application.js
@@ -533,7 +533,7 @@ function resizeContent()
     $('.content').css('min-height', (windowHeight-(headerHeight-30)-footerHeight)+'px');
     $('.content').css('min-height', (windowHeight-(headerHeight-30)-footerHeight)+'px');
     $('.content').css('margin-top', (headerHeight+50)+'px');
-    $('.home-intro, .home-intro-overlay').css('min-height', windowHeight+'px');
+    //$('.home-intro, .home-intro-overlay').css('min-height', windowHeight+'px');
 }
 
 var currentBg = 0;
diff --git a/assets/js/sharrre.logic.js b/assets/js/sharrre.logic.js
index 7b64dbbc..6a871355 100644
--- a/assets/js/sharrre.logic.js
+++ b/assets/js/sharrre.logic.js
@@ -9,7 +9,6 @@ $( document ).ready(function() {
     enableTracking: true,
     urlCurl: '',
     click: function(api, options){
-      generateImage();
       api.simulateClick();
       api.openPopup('googlePlus');
     }
@@ -22,7 +21,6 @@ $( document ).ready(function() {
     enableHover: false,
     enableTracking: true,
     click: function(api, options){
-      generateImage();
       api.simulateClick();
       api.openPopup('twitter');
     }
@@ -35,7 +33,6 @@ $( document ).ready(function() {
     enableHover: false,
     enableTracking: true,
     click: function(api, options){
-      generateImage();
       api.simulateClick();
       api.openPopup('facebook');
     }