-<?php\r
-\r
-//$fonts = array('custom' => array('families' => array('roboto_condensedlight'), 'urls' => array('/css/fonts/robotocondensed-light.css?nocache=1')));\r
-$fonts = array('google' => array('families' => array('Roboto+Condensed:400,300,700:latin')));\r
-$this->headScript()->addGSAP();\r
-$this->headScript()->addWebFont($fonts);\r
-\r
-if ($this->acl()->isAllowed('edition')) {\r
- $this->headScript()->addCommonsAdmin();\r
-}\r
-$this->headScript()->addIEConditionnals();\r
-$this->headScript()->appendFile('/js/common.js');\r
-$this->headLink()->appendStylesheet('/less/common.less', 'all');\r
-\r
-$this->headMeta()->setViewport(1080);\r
-\r
-profile(__FILE__, __LINE__, 'Before rendering body');\r
-$res = $this->htmlPage($this->render('common/body.phtml'));\r
-profile(__FILE__, __LINE__, 'Body rendered');\r
-echo $res;\r
-endProfile();\r
+<?php
+
+//$fonts = array('custom' => array('families' => array('roboto_condensedlight'), 'urls' => array('/css/fonts/robotocondensed-light.css?nocache=1')));
+$fonts = array('google' => array('families' => array('Roboto+Condensed:400,300,700:latin')));
+$this->headScript()->addGSAP();
+$this->headScript()->addWebFont($fonts);
+$this->headScript()->addFastclick();
+
+if ($this->acl()->isAllowed('edition')) {
+ $this->headScript()->addCommonsAdmin();
+}
+$this->headScript()->addIEConditionnals();
+$this->headScript()->appendFile('/js/common.js');
+$this->headLink()->appendStylesheet('/less/common.less', 'all');
+
+$this->headMeta()->setViewport(1080);
+
+profile(__FILE__, __LINE__, 'Before rendering body');
+$res = $this->htmlPage($this->render('common/body.phtml'));
+profile(__FILE__, __LINE__, 'Body rendered');
+echo $res;
+endProfile();
$db = Zend_Db_Table::getDefaultAdapter();
$s = $db->select()->from('categories')
- ->order('name ASC');
+ ->order('id ASC');
$q = $s->query();
}
}
$res.=$this->view->tags($tags, array('data-perline' => $itemsPerLine, 'data-list' => '#' . $listId));
-
-
return $res;
}
foreach ($tags as $id => $name) {
$items[] = array('content' => $name, 'data-id' => $id);
}
- fb($items);
- fb($attrs);
return $this->listUnordered($items, $attrs);
}
<?php
$this->headScript()->addScriptAndStyle('agence');
+$this->headScript()->addScriptAndStyle('slideshow');
echo $this->twocols();
?>
</section>
<section>
- <div class="agency-photo"><?php echo $this->imageSlideshowContinuous($this->photo, 545); ?></div>
+ <div class="agency-photo"><?php echo $this->imageSlideshowContinuous($this->photo, 650, array(), array('arrowspermanent' => 1)); ?></div>
</section>
<section>
+++ /dev/null
-registerLoader(loadCarrousel);
-
-function loadCarrousel() {
- $(window).on('cubeitresize', function () {
- var ww = $(window).width();
- var m = (ww - 1600) / 2;
- $(".slideshow .imgholder").css({marginLeft: m});
- $(".slideshow .arrows").css({left: 960 + ((ww - 960) / 2) - 77 - 10});
- });
-}
-
-TO_LOAD_ONCE[TO_LOAD_ONCE.length]='load_casestudies();';\r
-\r
-var showIds = new Array();\r
-\r
-function load_casestudies() {\r
- \r
- initTagsLink();\r
-}\r
-\r
-function initTagsLink() {\r
- \r
- $(".tag").click(function() {\r
- \r
- \r
- $(this).toggleClass('active');\r
- \r
- if( $(this).hasClass('active') ) {\r
- if( $(this).attr("data-id") != 0) {\r
- showIds.push( $(this).attr("data-id") );\r
- }else{\r
- showIds = new Array(); \r
- $(".tag").removeClass('active');\r
- }\r
- } else {\r
- var index = $.inArray( $(this).attr("data-id"), showIds );\r
- showIds.splice(index, 1);\r
- }\r
- \r
- if( showIds.length > 0 ) {\r
- $(".tag:first").removeClass('active');\r
- }else{\r
- $(".tag:first").addClass('active');\r
- }\r
- \r
- displayStudies();\r
- });\r
- \r
-}\r
-\r
-function displayStudies() {\r
- \r
- if( showIds.length ) {\r
- $('#casestudies-list .bloc').each(function(){\r
- var categories = $(this).attr("data-categories");\r
- if( $.inArray( categories, showIds ) == -1 ) {\r
- $(this).fadeOut( 500, function() {}); \r
- }else{\r
- $(this).fadeIn( 500, function() {}); \r
- }\r
- });\r
- }else{\r
- $( '#casestudies-list .bloc' ).fadeIn( 500, function() {});\r
- }\r
- \r
-}\r
-\r
+TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_casestudies();';
+
+var showIds = new Array();
+
+function load_casestudies() {
+ initTagsLink();
+}
+
+function initTagsLink() {
+ $(".tag").click(function () {
+ $(this).toggleClass('active');
+
+ if ($(this).hasClass('active')) {
+ if ($(this).attr("data-id") != 0) {
+ showIds.push($(this).attr("data-id"));
+ } else {
+ showIds = new Array();
+ $(".tag").removeClass('active');
+ }
+ } else {
+ var index = $.inArray($(this).attr("data-id"), showIds);
+ showIds.splice(index, 1);
+ }
+
+ if (showIds.length > 0) {
+ $(".tag:first").removeClass('active');
+ } else {
+ $(".tag:first").addClass('active');
+ }
+
+ displayStudies();
+ });
+
+}
+
+function displayStudies() {
+
+ if (showIds.length) {
+ $('#casestudies-list .bloc').each(function () {
+ var categories = $(this).attr("data-categories");
+ if ($.inArray(categories, showIds) == -1) {
+ $(this).fadeOut(500, function () {
+ });
+ } else {
+ $(this).fadeIn(500, function () {
+ });
+ }
+ });
+ } else {
+ $('#casestudies-list .bloc').fadeIn(500, function () {
+ });
+ }
+}
+
--- /dev/null
+registerLoader(loadCarrousel);
+
+function loadCarrousel() {
+ $(window).on('cubeitresize', function () {
+ var s = $(".slideshow,.slideshowcontinuous");
+ fb(s);
+ var ww = $(window).width();
+ var m = (ww - 1600) / 2;
+ $(s).find(".imgholder").css({marginLeft: m});
+ $(s).find(".arrows").css({left: 960 + ((ww - 960) / 2) - 77 - 10});
+ });
+}
+
init: function () {
var $this = this;
this.element.on('click', "li[data-id]", function () {
- fb(this);
if ($(this).hasClass('active')) {
return false;
}
var id = $(this).data('id');
-
$this.filter(id);
$(this).siblings().removeClass('active');
+++ /dev/null
-
-/* Home Slideshow */
-#home-slideshow {
- height:572px;
- overflow:visible;
- .slides-holder {
- height:572px;
- overflow:visible;
-
- .slides {
- height:572px;
- position:relative;
- width:100%;
- overflow:visible;
-
- .slide {
- position:absolute;
- display:none;
- background-repeat: repeat-x;
- background-position: 0 100%;
- width:100%;
- height:572px;
- overflow:visible;
- .masque{
- width:100%;
- position: relative;
- overflow:hidden;
- .imgholder{
- width:1600px;
- height:572px;
- position: relative;
- margin:0 auto;
- overflow:visible;
-
- img,canvas{
-
- }
- }
- }
- }
- a {
- margin:0;
- padding: 0;
- }
-
-
- .arrows{
- position:absolute;
- bottom:48px;
- display:block;
- width:77px;
- height:38px;
- white-space:nowrap;
- z-index:3;
- a {
- background-color: transparent;
- width: 37px;
- height: 38px;
- top:auto !important;
- display:inline-block;
- position:static;
- border-radius:3px;
-
- //padding: 0 0 25px;
- &:hover {
- background-color: #3885e0;
- }
-
- &.prev {
- background-image: url('../images/slideshow/arrows.png');
- background-position: 10px 8px;
- margin-right: 10px;
- }
-
- &.next {
- background-image: url('../images/slideshow/arrows.png');
- background-position: -26px 8px;
- }
- }
- }
- }
- }
-}
-#slide-legend {
- padding: 25px 0 0 0;
- margin-right: 30px;
- font-size: 18px;
- float:right;
-}
margin:15px 0 0 0;
font-weight:400;
font-size:16px;
+ text-decoration:none !important;
&:hover,&.active {
background-color: #84ae1e !important;
color:#fff !important;
--- /dev/null
+/* Home Slideshow */
+#home-slideshow {
+ height:572px;
+ overflow:visible;
+ .slides-holder {
+ height:572px;
+ overflow:visible;
+
+ .slides {
+ .slideshowmixin();
+ }
+ }
+}
+
+.slideshowcontinuous{
+
+ .slideshowmixin();
+ .arrows{
+ a{
+ background-color:rgba(56,133,224,0.25);
+ background-color:rgba(0,0,0,0.25);
+ }
+ }
+ .slide{
+ background-repeat: no-repeat;
+ background-size:cover;
+ background-position:50% 50% !important;
+ }
+
+}
+
+#slide-legend {
+ padding: 25px 0 0 0;
+ margin-right: 30px;
+ font-size: 18px;
+ float:right;
+}
+
+.slideshowmixin(){
+
+ height:572px;
+ position:relative;
+ width:100%;
+ overflow:visible;
+
+ .slide {
+ position:absolute;
+ display:none;
+ background-repeat: repeat-x;
+ background-position: 0 100%;
+ width:100%;
+ height:572px;
+ overflow:visible;
+ .masque{
+ width:100%;
+ position: relative;
+ overflow:hidden;
+ .imgholder{
+ width:1600px;
+ height:572px;
+ position: relative;
+ margin:0 auto;
+ overflow:visible;
+
+ img,canvas{
+
+ }
+ }
+ }
+ }
+ a {
+ margin:0;
+ padding: 0;
+ }
+
+
+ .arrows{
+ position:absolute;
+ bottom:48px;
+ display:block;
+ width:77px;
+ height:38px;
+ white-space:nowrap;
+ z-index:3;
+ a {
+ background-color: transparent;
+ width: 37px;
+ height: 38px;
+ top:auto !important;
+ display:inline-block;
+ position:static;
+ border-radius:3px;
+
+ //padding: 0 0 25px;
+ &:hover {
+ background-color: #3885e0;
+ }
+
+ &.prev {
+ background-image: url('../images/slideshow/arrows.png');
+ background-position: 10px 8px;
+ margin-right: 10px;
+ }
+
+ &.next {
+ background-image: url('../images/slideshow/arrows.png');
+ background-position: -26px 8px;
+ }
+ }
+ }
+}
\ No newline at end of file