@@ -1,37 +1,34 @@
<div class="row">
<div class="col-md-6">
<h1 class="gradient">Humble &amp; proud.</h1>
<p>We are proud of our work but humble enough to know it is not perfect and it can always be improved. Just like a Whale, we like to stick around with our products (calfs) for a long enough time so we ensure that they are doing great.</p>
<p>How we approach projects:</p>
<h1 class="gradient">Humble &amp; proud.</h1>
<p>We are proud of our work but humble enough to know it is not perfect and it can always be improved. Just like a Whale, we like to stick around with our products (calfs) for a long enough time so we ensure that they are doing great.</p>
<p>How we approach projects:</p>

<svg width="42px" height="42px" viewBox="141 2197 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="0%" x2="101.999998%" y2="100.999999%" id="linearGradient-1">
<stop stop-color="#3023AE" offset="0%"></stop>
<stop stop-color="#51B2F5" offset="100%"></stop>
</linearGradient>
</defs>
<path d="M161.891552,2238.7831 C173.429638,2238.7831 182.783104,2229.42964 182.783104,2217.89155 C182.783104,2206.35347 173.429638,2197 161.891552,2197 C150.353467,2197 141,2206.35347 141,2217.89155 C141,2229.42964 150.353467,2238.7831 161.891552,2238.7831 Z M170.845075,2218.22316 L156.254149,2210.9277 L156.254149,2225.51863 L170.845075,2218.22316 Z" id="Combined-Shape" stroke="none" fill="url(#linearGradient-1)" fill-rule="evenodd"></path>
</svg>

<svg width="42px" height="42px" viewBox="141 2197 42 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="0%" x2="101.999998%" y2="100.999999%" id="linearGradient-1">
<stop stop-color="#3023AE" offset="0%"></stop>
<stop stop-color="#51B2F5" offset="100%"></stop>
</linearGradient>
</defs>
<path d="M161.891552,2238.7831 C173.429638,2238.7831 182.783104,2229.42964 182.783104,2217.89155 C182.783104,2206.35347 173.429638,2197 161.891552,2197 C150.353467,2197 141,2206.35347 141,2217.89155 C141,2229.42964 150.353467,2238.7831 161.891552,2238.7831 Z M170.845075,2218.22316 L156.254149,2210.9277 L156.254149,2225.51863 L170.845075,2218.22316 Z" id="Combined-Shape" stroke="none" fill="url(#linearGradient-1)" fill-rule="evenodd"></path>
</svg>
</div>
</div>
</div>
<div class="isolayer isolayer--deco1 isolayer--shadow">
<ul class="grid">
{% for project in contents.projects %}
<li class="grid__item">
<a class="grid__link" href="https://dribbble.com/fuviz">
<div class="layer"></div>
<div class="layer"></div>
<div class="layer"></div>
<div class="grid__img layer"
style="background: url({{ project.cover_image.url }});
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 1;">
</div>
</a>
</li>
{% endfor %}
</ul>
<ul class="grid">
{% for project in contents.projects %}
<li class="grid__item">
<a class="grid__link" href="https://dribbble.com/fuviz">
<div class="layer"></div>
<div class="layer"></div>
<div class="layer"></div>
<div class="grid__img layer"
style="background: url({{ project.cover_image.url }});
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 1;">
</div>
</a>
</li>
{% endfor %}
</ul>
</div>
@@ -1,5 +1,5 @@
<div class="row">
<div class="col-md-12">
<div class="col-md-10 col-md-offset-1">
<h3>Our services</h3>
<div class="table">
<div class="table-header">
Binary file not shown.
Deleted file not rendered
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

Large diffs are not rendered by default.

@@ -1 +1,351 @@
(function($){$(document).ready(function(){function getImgSize(el,imgSrc){var newImg=new Image();newImg.onload=function(){var height=newImg.height;var width=newImg.width;el.css("height",height)};newImg.src=imgSrc}if($("*").find("[data-background-image]").length>0){$("*").find("[data-background-image]").each(function(){var el=$(this);var sz=getImgSize(el,el.attr("data-background-image"));el.css("background-position","top center").css("background-image","url('"+el.attr("data-background-image")+"')").css("background-size","cover").css("background-repeat","no-repeat")})}$(".play-button").click(function(e){e.preventDefault();$(this).prettyPhoto();$.prettyPhoto.open($(this).attr("href"))});$(".prettyphoto").click(function(){var modal=$(this).find(".modal-content").attr("id");$(this).prettyPhoto();$.prettyPhoto.open("#"+modal)});if($("*").find("[data-bg-color]").length>0){$("*").find("[data-bg-color]").each(function(){var el=$(this);el.css("background-color",el.attr("data-bg-color"))})}$(".modal-trigger").click(function(){var modal=$(this).find(".modal").attr("id");var modalEl=$("#"+modal);$("#modalTemp").append(modalEl.html());$("#modalTemp").modal({show:true,closeOnEscape:true});$("#modalTemp").on("hidden.bs.modal",function(e){$("#modalTemp").empty()});$(".close-modal").click(function(event){event.preventDefault();$("#modalTemp").modal("hide")});if($("#modalTemp .flexslider").length>0){var modalSlider=$("#modalTemp .flexslider").flexslider({animation:"slide",prevText:"",nextText:"",smoothHeight:true,directionNav:false,controlNav:false,slideshow:false});$("#modalTemp .btn-prev,#modalTemp .btn-next").on("click",function(e){e.preventDefault();var href=$(this).attr("href");modalSlider.flexslider(href);return false})}});if($(".homeslider.flexslider").length>0){var homeslider=$(".homeslider").flexslider({animation:"slide",prevText:"",nextText:"",smoothHeight:true,directionNav:false,controlNav:false,slideshow:false,start:function(slider){$(".homeslider").find(".preloader").removeClass("loading");var cs=slider.find(".slide").eq(slider.currentSlide)},after:function(slider){$(".homeslider").find(".preloader").removeClass("loading");var cs=slider.find(".slide").eq(slider.currentSlide)},before:function(slider){$(".homeslider").find(".preloader").addClass("loading");var cs=slider.find(".slide").eq(slider.currentSlide)}});$(".homeslider .btn-prev,.homeslider .btn-next").on("click",function(e){e.preventDefault();var href=$(this).attr("href");homeslider.flexslider(href);return false})}if($(".services-slider.flexslider").length>0){var sliderEl=$(".services-slider");var slider=$(".services-slider").flexslider({animation:"slide",prevText:"",nextText:"",smoothHeight:true,directionNav:false,controlNav:false,slideshow:false,start:function(slider){var cs=sliderEl.find(".slide").eq(slider.currentSlide)},after:function(slider){var cs=sliderEl.find(".slide").eq(slider.currentSlide)},before:function(slider){var cs=sliderEl.find(".slide").eq(slider.currentSlide)}});$(".services-slider .btn-prev,.services-slider .btn-next").on("click",function(e){e.preventDefault();var href=$(this).attr("href");slider.flexslider(href);return false})}$("[data-placeholder]").focus(function(){var input=$(this);if(input.val()==input.attr("data-placeholder")){input.val("")}}).blur(function(){var input=$(this);if(input.val()==""||input.val()==input.attr("data-placeholder")){input.addClass("placeholder");input.val(input.attr("data-placeholder"))}}).blur();$("[data-placeholder]").parents("form").submit(function(){$(this).find("[data-placeholder]").each(function(){var input=$(this);if(input.val()==input.attr("data-placeholder")){input.val("")}})})});$(".goto-top").click(function(e){e.preventDefault();$("html,body").animate({scrollTop:0},2000)});$("body").scrollspy({target:".nav-menu"});$(".nav-menu a").address($(this).attr("href"));$(".top-drop-menu").change(function(){var loc=($(this).find("option:selected").val());$(".nav-menu a").address(loc)});$.address.change(function(event){var pageID=event.value.split("/")[1];if(pageID!=""&&pageID.indexOf(".")===-1){var el=$(".nav-menu [href=#"+pageID+"]");$(".nav-menu .active").removeClass("active");el.parent().addClass("active");$("select.nav option").each(function(){var val=$(this).val();if(val==="#"+pageID){$("select.nav option:selected").removeAttr("selected");$(this).attr("selected","selected")}});scrollToSection("#"+pageID)}else{if(pageID.indexOf(".")>-1){window.location=pageID}}});$("select.nav").change(function(){var loc=($(this).find("option:selected").val());scrollToSection(loc)});function scrollToSection(destSection){$("html, body").stop().animate({scrollTop:$(destSection).offset().top-60},2000,"easeInOutExpo")}$(".nav-menu a").bind("click",function(event){event.preventDefault();var clickedMenu=$(this);$(".nav-menu .active").toggleClass("active");clickedMenu.parent().toggleClass("active");scrollToSection(clickedMenu.attr("href"))})})(jQuery);$(window).scroll(function(e){var nav_anchor=$("header");var gotop=$(document);if($(this).scrollTop()>=gotop.height()/2){$(".goto-top").css({opacity:1})}else{if($(this).scrollTop()<gotop.height()/2){$(".goto-top").css({opacity:0})}}if($(this).scrollTop()>=100){nav_anchor.addClass("narrow")}else{if($(this).scrollTop()<100){nav_anchor.removeClass("narrow")}}});

(function($) {
"use strict";




$(document).ready(function() {

function getImgSize(el, imgSrc) {
var newImg = new Image();

newImg.onload = function() {
var height = newImg.height;
var width = newImg.width;


el.css('height', height);

};

newImg.src = imgSrc;
}




if ($('*').find("[data-background-image]").length > 0) {
$('*').find("[data-background-image]").each(function() {
var el = $(this);
var sz = getImgSize(el, el.attr("data-background-image"));

el.css('background-position', 'center').css('background-image', "url('" + el.attr("data-background-image") + "')").css('background-size', 'cover').css('background-repeat', 'no-repeat');

});
}

$('.play-button').click(function(e){
e.preventDefault();

$(this).prettyPhoto();
$.prettyPhoto.open($(this).attr('href'));

});


$('.prettyphoto').click(function(){
var modal=$(this).find('.modal-content').attr('id');

$(this).prettyPhoto();
$.prettyPhoto.open('#'+modal);
});




if ($('*').find("[data-bg-color]").length > 0) {
$('*').find("[data-bg-color]").each(function() {
var el = $(this);
el.css('background-color', el.attr("data-bg-color"));
});
}






$('.modal-trigger').click(function() {
var modal = $(this).find('.modal').attr('id');
var modalEl = $('#' + modal);
$('#modalTemp').append(modalEl.html());

$('#modalTemp').modal({
show: true,

closeOnEscape: true
});

$('#modalTemp').on('hidden.bs.modal', function(e) {
$('#modalTemp').empty();
});

$('.close-modal').click(function(event) {
event.preventDefault();
$('#modalTemp').modal('hide');

});


if ($('#modalTemp .flexslider').length > 0) {

var modalSlider= $('#modalTemp .flexslider').flexslider({
animation: "slide",
prevText: "",
nextText: "",
smoothHeight: true,
directionNav: false,
controlNav: false,
slideshow: false

});

$('#modalTemp .btn-prev,#modalTemp .btn-next').on('click', function(e) {
e.preventDefault();
var href = $(this).attr('href');

modalSlider.flexslider(href);
return false;
});
}





});



if ($('.homeslider.flexslider').length > 0) {
var homeslider = $('.homeslider').flexslider({
animation: "slide",
prevText: "",
nextText: "",
smoothHeight: true,
directionNav: false,
controlNav: false,
slideshow: false,
start: function(slider) {
$('.homeslider').find('.preloader').removeClass('loading');
var cs = slider.find('.slide').eq(slider.currentSlide);




},
after: function(slider) {
$('.homeslider').find('.preloader').removeClass('loading');
var cs = slider.find('.slide').eq(slider.currentSlide);



},
before: function(slider) {
$('.homeslider').find('.preloader').addClass('loading');
var cs = slider.find('.slide').eq(slider.currentSlide);




}
});
$('.homeslider .btn-prev,.homeslider .btn-next').on('click', function(e) {
e.preventDefault();
var href = $(this).attr('href');

homeslider.flexslider(href);
return false;
});
}



if ($('.services-slider.flexslider').length > 0) {
var sliderEl = $('.services-slider');
var slider = $('.services-slider').flexslider({
animation: "slide",
prevText: "",
nextText: "",
smoothHeight: true,
directionNav: false,
controlNav: false,
slideshow: false,
start: function(slider) {

var cs = sliderEl.find('.slide').eq(slider.currentSlide);




},
after: function(slider) {

var cs = sliderEl.find('.slide').eq(slider.currentSlide);



},
before: function(slider) {

var cs = sliderEl.find('.slide').eq(slider.currentSlide);




}
});
$('.services-slider .btn-prev,.services-slider .btn-next').on('click', function(e) {
e.preventDefault();
var href = $(this).attr('href');

slider.flexslider(href);
return false;
});
}



$('[data-placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('data-placeholder')) {
input.val('');

}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('data-placeholder')) {
input.addClass('placeholder');
input.val(input.attr('data-placeholder'));
}
}).blur();

$('[data-placeholder]').parents('form').submit(function() {
$(this).find('[data-placeholder]').each(function() {
var input = $(this);
if (input.val() == input.attr('data-placeholder')) {
input.val('');
}
});
});


});



$('.goto-top').click(function(e) {
e.preventDefault();
$('html,body').animate({
scrollTop: 0
}, 2000);
});


$('body').scrollspy({target: '.nav-menu'});
//hashtag navigation address setup (deeplink)


$('.nav-menu a').address($(this).attr('href'));
$('.top-drop-menu').change(function() {
var loc = ($(this).find('option:selected').val());

$('.nav-menu a').address(loc);
// window.location = loc;
});
$.address.change(function(event) {

var pageID = event.value.split('/')[1];

if (pageID != '' && pageID.indexOf('.') === -1) {

var el = $(".nav-menu [href=#" + pageID + "]");

$('.nav-menu .active').removeClass('active');
el.parent().addClass('active');
$('select.nav option').each(function() {

var val = $(this).val();

if (val === "#" + pageID) {
$('select.nav option:selected').removeAttr('selected');
$(this).attr('selected', 'selected');
}

});


scrollToSection("#" + pageID);
} else {
if (pageID.indexOf('.') > -1) {
window.location = pageID;
}
}
});

$('select.nav').change(function() {
var loc = ($(this).find('option:selected').val());

scrollToSection(loc);
});

function scrollToSection(destSection) {


$('html, body').stop().animate({
scrollTop: $(destSection).offset().top - 60
}, 2000, 'easeInOutExpo');

}

$('.nav-menu a').bind('click', function(event) {


event.preventDefault();
var clickedMenu = $(this);
$('.nav-menu .active').toggleClass('active');
clickedMenu.parent().toggleClass('active');


scrollToSection(clickedMenu.attr('href'));




});


})(jQuery);
//
//
//
// Sticky Nav
$(window).scroll(function(e) {
var nav_anchor = $("header");
var gotop = $(document);

if ($(this).scrollTop() >= gotop.height() / 2) {
$('.goto-top').css({'opacity': 1});
} else if ($(this).scrollTop() < gotop.height() / 2)
{
$('.goto-top').css({'opacity': 0});
}


if ($(this).scrollTop() >= 100)
{
nav_anchor.addClass('narrow');




}
else if ($(this).scrollTop() < 100)
{


nav_anchor.removeClass('narrow');

}
});
@@ -41,20 +41,69 @@ p {
line-height: 1.7em;
}

.zoom-out {
// zoom: 0.8; /* Non webkit browsers */
// zoom: 80%; /* Webkit browsers */
.container {
width: auto;
}

.text-center{ text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-white { color: white; }
.text-half-white { color: rgba(255,255,255,.5); }
.home-slider .flexslider .flex-caption .small {
font-size: 18pt;
text-transform: none;
// .home-slider .flexslider .flex-caption .small {
// font-size: 18pt;
// text-transform: none;
// }

.gradient {
background: -webkit-linear-gradient(125deg, #3023AE, #52B2F4);
background: linear-gradient(125deg, #3023AE, #52B2F4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-font-smoothing: antialiased;
}

#jumbo {
position: relative;
background-size: cover;
background-position: center;
height: 50vmax;
width: 100%;
&:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top , #3023AE, #52B2F4);
opacity: .4;
}
.white-noise {
&:before {
content: '';
display: block;
background-image: url('../images/white-noise.gif');
position: absolute;
width: 100%;
height: 100%;
opacity: 0.08;
}
}
#jumbo-heading {
position: absolute;
width: 100%;
margin-top: 22.5vmax;
overflow: hidden;
height: 50px;
line-height: 40px;
}
}
#works { padding: 7vmax; margin-top: -15vmax; }
#grid-section { padding: 7vmax; }
#services { padding: 7vmax; }
#about { padding: 7vmax; }
#team { padding: 7vmax; }

.home-slider .flexslider .flex-caption .big {
font-size: 64pt;
@@ -137,7 +186,7 @@ p {

.image {
background-size: cover;
height: 400px;
height: 325px;
}
}

@@ -147,19 +196,13 @@ p {
height: 100vh;
min-height: 800px;
max-height: 1200px;
padding: 7vmax;
background-color: white;
}

.gradient {
background: -webkit-linear-gradient(125deg, #3023AE, #52B2F4);
background: linear-gradient(125deg, #3023AE, #52B2F4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-font-smoothing: antialiased;
}

// OVERRIDES //
.mosaic-holder .mosaic-item {
min-height: 325px;
}
.mosaic-holder .mosaic-item .meta {
text-align: left;
width: 80%;
@@ -184,6 +227,10 @@ p {
background-color: white;
}

.cd-horizontal-timeline {
margin: 0 auto !important;
}

.icon-arrow {
background: url('../images/icon_arrow.svg') no-repeat;
display: block;
@@ -205,8 +252,8 @@ p {
}

.item {
width: 200px;
height: 200px;
width: 150px;
height: 150px;
border: 1px solid #979797;
border-radius: 2px;
margin: 0 20px 40px 0;
@@ -548,9 +595,9 @@ footer{

@media only screen and (min-width: 1200px) {
.card {
min-height: 400px;
min-height: 325px;
.playIcon {
min-height: 400px;
min-height: 325px;
}
}
.push-below-header {
@@ -646,3 +693,45 @@ footer{
text-align: center;
text-indent: 0px;
}

#jumbolist {
margin-top:0;
list-style:none;
-webkit-animation-name: change;
-webkit-animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-name: change;
animation-duration: 6s;
animation-iteration-count: infinite;
.jumbo-li {
margin-bottom: 50px !important;
}
}

@-webkit-keyframes opacity {
0%, 100% {opacity:0;}
50% {opacity:1;}
}

@-webkit-keyframes change {
0%, 12%, 100% {transform:translateY(0);}
17%,29% {transform:translateY(-25%);}
34%,46% {transform:translateY(-50%);}
51%,63% {transform:translateY(-75%);}
68%,80% {transform:translateY(-50%);}
85%,97% {transform:translateY(-25%);}
}

@keyframes opacity {
0%, 100% {opacity:0;}
50% {opacity:1;}
}

@keyframes change {
0%, 12%, 100% {transform:translateY(0);}
17%,29% {transform:translateY(-25%);}
34%,46% {transform:translateY(-50%);}
51%,63% {transform:translateY(-75%);}
68%,80% {transform:translateY(-50%);}
85%,97% {transform:translateY(-25%);}
}