@import 'foundation';
// @include foundation-grid;
@include foundation-flex-classes;
@include foundation-flex-grid;
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}
var divs = document.querySelectorAll(".thumbnails-container > div");
var cont = document.getElementById("container-1-1");
var cont2 = document.getElementById("container-2-1");
for (var i = 0 ; i < divs.length; i++) {
divs[i].addEventListener('click', function(event) {
var target = event.target;
cont.style.backgroundImage = target.style.backgroundImage;
cont2.style.backgroundImage = target.dataset.clastering;
});
}
window.videoPercentage = 0;
video.addEventListener('progress', function() {
var range = 0;
var bf = this.buffered;
var time = this.currentTime;
while(!(bf.start(range) <= time && time <= bf.end(range))) {
range += 1;
}
var loadStartPercentage = bf.start(range) / this.duration;
var loadEndPercentage = bf.end(range) / this.duration;
var loadPercentage = loadEndPercentage - loadStartPercentage;
videoPercentage = loadPercentage;
});
$('video').on('click', function() {
console.log(videoPercentage);
});
.logo a:hover #halfcircle1 {
-webkit-animation: animatelogo1 .5s ease infinite;
animation: animatelogo1 .5s ease infinite;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
<script src="js/canvas-to-blob.min.js"></script>
canvas.toBlob(function(blob) {
saveAs(blob, "image.png");
}, "image/png");
$base64string = $_POST['base64string'];
$data = base64_decode(preg_replace('#^data:image/\w+;base64,#i', '', $base64string));
file_put_contents('image.png', $data);
var Flat = function(id) {
this.$flat = $('#flat-'+id);
this.flatNumber = this.$flat.data('flatNumber');
this.flatRoomamount = this.$flat.data('flatRoomamount');
this.flatSquare = this.$flat.data('flatSquare');
$('#flat-number'+id).text(this.flatNumber);
$('#flat-roomamount'+id).text(this.flatRoomamount);
$('#flat-square'+id).text(this.flatSquare);
this.$flat.hover(function() {
$('#flat-info'+id).css({ display:"block" });
}, function() {
$('#flat-info'+id).css({ display:"none" });
});
}
jQuery(document).ready(function($) {
$('.flat-section').each(function(index, el) {
new Flat(index);
});
});