Merge pull request #13 from dutchcoders/ISSUES-86-66
QR code, html5 player
This commit is contained in:
15 files changed
+3404
-1351
No files matched your search
+13
-13
@@ -235,18 +235,18 @@ module.exports = function (grunt) {
|
||||
},
|
||||
server: {
|
||||
files: [{
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '<%= yeoman.app %>/bower_components/font-awesome/fonts/',
|
||||
dest: '<%= yeoman.app %>/fonts/font-awesome',
|
||||
src: ['*']
|
||||
}, {
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '<%= yeoman.app %>/bower_components/bootstrap/dist/fonts/',
|
||||
dest: '<%= yeoman.app %>/fonts/glyphicons',
|
||||
src: ['*']
|
||||
}]
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '<%= yeoman.app %>/bower_components/font-awesome/fonts/',
|
||||
dest: '<%= yeoman.app %>/fonts/font-awesome',
|
||||
src: ['*']
|
||||
}, {
|
||||
expand: true,
|
||||
dot: true,
|
||||
cwd: '<%= yeoman.app %>/bower_components/bootstrap/dist/fonts/',
|
||||
dest: '<%= yeoman.app %>/fonts/glyphicons',
|
||||
src: ['*']
|
||||
}]
|
||||
}
|
||||
},
|
||||
concurrent: {
|
||||
@@ -293,7 +293,7 @@ module.exports = function (grunt) {
|
||||
'concurrent',
|
||||
'cssmin',
|
||||
'concat',
|
||||
'includes:build',
|
||||
'includes:build',
|
||||
'uglify',
|
||||
'copy',
|
||||
'usemin',
|
||||
|
||||
+1671
-1325
File diff suppressed because it is too large.
Load diff
@@ -9,7 +9,6 @@
|
||||
"**/.*",
|
||||
"node_modules",
|
||||
"bower_components",
|
||||
"transfersh-web/bower_components",
|
||||
"test",
|
||||
"tests"
|
||||
],
|
||||
|
||||
@@ -25,20 +25,22 @@ include "includes/head.html"
|
||||
|
||||
</div>
|
||||
<div id="terminal" class="terminal preview-image">
|
||||
<audio controls>
|
||||
<source src="{{.Url}}" type="{{.ContentType}}">
|
||||
</audio>
|
||||
<audio data-color="#f6f8f8" src="{{.Url}}" type="{{.ContentType}}"></audio>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
include "includes/footer.html"
|
||||
include "includes/js.html"
|
||||
|
||||
<!-- build:js /scripts/ckin.js -->
|
||||
<script src="/scripts/ckin.js"></script>
|
||||
<!-- endbuild -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -60,6 +60,9 @@
|
||||
<h2>
|
||||
{{.Filename}}</h2>
|
||||
<a href="{{.Url}}"></a>
|
||||
<div class="qrcode">
|
||||
<img scr="data:image/png;base64,{{.QRCode}}"/>
|
||||
</div>
|
||||
<div class="row animated fadeInDown">
|
||||
<div id="from-terminal" class=" box col-md-8 col-md-offset-2 col-xs-12">
|
||||
<div class="terminal-top">
|
||||
|
||||
@@ -13,7 +13,6 @@ include "includes/head.html"
|
||||
include "includes/ga.html"
|
||||
include "includes/navigation.html"
|
||||
|
||||
|
||||
<section id="home">
|
||||
<div class="wrapper">
|
||||
|
||||
@@ -25,20 +24,22 @@ include "includes/head.html"
|
||||
|
||||
</div>
|
||||
<div id="terminal" class="terminal preview-image">
|
||||
<video controls>
|
||||
<source src="{{.Url}}" type="{{.ContentType}}">
|
||||
</video>
|
||||
<video data-color="#f6f8f8" src="{{.Url}}" type="{{.ContentType}}"></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
include "includes/footer.html"
|
||||
include "includes/js.html"
|
||||
|
||||
<!-- build:js /scripts/ckin.js -->
|
||||
<script src="/scripts/ckin.js"></script>
|
||||
<!-- endbuild -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -4,3 +4,6 @@
|
||||
<h4>size: <b>{{.ContentLength | format "#,###."}}</b> bytes</h4>
|
||||
|
||||
<a href="{{.Url}}" class="btn-cta btn"> download</i> </a> <br/><br/>
|
||||
<div class="qrcode">
|
||||
<img src="data:image/png;base64,{{.QRCode}}"/>
|
||||
</div>
|
||||
@@ -0,0 +1,509 @@
|
||||
/*!
|
||||
ckin v0.0.1: Custom HTML5 Media Player Skins.
|
||||
(c) 2017
|
||||
MIT License
|
||||
git+https://github.com/hunzaboy/ckin.git
|
||||
*/
|
||||
// Source: https://gist.github.com/k-gun/c2ea7c49edf7b757fe9561ba37cb19ca;
|
||||
(function () {
|
||||
// helpers
|
||||
var regExp = function regExp(name) {
|
||||
return new RegExp('(^| )' + name + '( |$)');
|
||||
};
|
||||
var forEach = function forEach(list, fn, scope) {
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
fn.call(scope, list[i]);
|
||||
}
|
||||
};
|
||||
|
||||
// class list object with basic methods
|
||||
function ClassList(element) {
|
||||
this.element = element;
|
||||
}
|
||||
|
||||
ClassList.prototype = {
|
||||
add: function add() {
|
||||
forEach(arguments, function (name) {
|
||||
if (!this.contains(name)) {
|
||||
this.element.className += ' ' + name;
|
||||
}
|
||||
}, this);
|
||||
},
|
||||
remove: function remove() {
|
||||
forEach(arguments, function (name) {
|
||||
this.element.className = this.element.className.replace(regExp(name), '');
|
||||
}, this);
|
||||
},
|
||||
toggle: function toggle(name) {
|
||||
return this.contains(name) ? (this.remove(name), false) : (this.add(name), true);
|
||||
},
|
||||
contains: function contains(name) {
|
||||
return regExp(name).test(this.element.className);
|
||||
},
|
||||
// bonus..
|
||||
replace: function replace(oldName, newName) {
|
||||
this.remove(oldName), this.add(newName);
|
||||
}
|
||||
};
|
||||
|
||||
// IE8/9, Safari
|
||||
if (!('classList' in Element.prototype)) {
|
||||
Object.defineProperty(Element.prototype, 'classList', {
|
||||
get: function get() {
|
||||
return new ClassList(this);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// replace() support for others
|
||||
if (window.DOMTokenList && DOMTokenList.prototype.replace == null) {
|
||||
DOMTokenList.prototype.replace = ClassList.prototype.replace;
|
||||
}
|
||||
})();
|
||||
(function () {
|
||||
if (typeof NodeList.prototype.forEach === "function") return false;
|
||||
NodeList.prototype.forEach = Array.prototype.forEach;
|
||||
})();
|
||||
|
||||
// Unfortunately, due to scattered support, browser sniffing is required
|
||||
function browserSniff() {
|
||||
var nVer = navigator.appVersion,
|
||||
nAgt = navigator.userAgent,
|
||||
browserName = navigator.appName,
|
||||
fullVersion = '' + parseFloat(navigator.appVersion),
|
||||
majorVersion = parseInt(navigator.appVersion, 10),
|
||||
nameOffset,
|
||||
verOffset,
|
||||
ix;
|
||||
|
||||
// MSIE 11
|
||||
if (navigator.appVersion.indexOf("Windows NT") !== -1 && navigator.appVersion.indexOf("rv:11") !== -1) {
|
||||
browserName = "IE";
|
||||
fullVersion = "11;";
|
||||
}
|
||||
// MSIE
|
||||
else if ((verOffset = nAgt.indexOf("MSIE")) !== -1) {
|
||||
browserName = "IE";
|
||||
fullVersion = nAgt.substring(verOffset + 5);
|
||||
}
|
||||
// Chrome
|
||||
else if ((verOffset = nAgt.indexOf("Chrome")) !== -1) {
|
||||
browserName = "Chrome";
|
||||
fullVersion = nAgt.substring(verOffset + 7);
|
||||
}
|
||||
// Safari
|
||||
else if ((verOffset = nAgt.indexOf("Safari")) !== -1) {
|
||||
browserName = "Safari";
|
||||
fullVersion = nAgt.substring(verOffset + 7);
|
||||
if ((verOffset = nAgt.indexOf("Version")) !== -1) {
|
||||
fullVersion = nAgt.substring(verOffset + 8);
|
||||
}
|
||||
}
|
||||
// Firefox
|
||||
else if ((verOffset = nAgt.indexOf("Firefox")) !== -1) {
|
||||
browserName = "Firefox";
|
||||
fullVersion = nAgt.substring(verOffset + 8);
|
||||
}
|
||||
// In most other browsers, "name/version" is at the end of userAgent
|
||||
else if ((nameOffset = nAgt.lastIndexOf(' ') + 1) < (verOffset = nAgt.lastIndexOf('/'))) {
|
||||
browserName = nAgt.substring(nameOffset, verOffset);
|
||||
fullVersion = nAgt.substring(verOffset + 1);
|
||||
if (browserName.toLowerCase() == browserName.toUpperCase()) {
|
||||
browserName = navigator.appName;
|
||||
}
|
||||
}
|
||||
// Trim the fullVersion string at semicolon/space if present
|
||||
if ((ix = fullVersion.indexOf(";")) !== -1) {
|
||||
fullVersion = fullVersion.substring(0, ix);
|
||||
}
|
||||
if ((ix = fullVersion.indexOf(" ")) !== -1) {
|
||||
fullVersion = fullVersion.substring(0, ix);
|
||||
}
|
||||
// Get major version
|
||||
majorVersion = parseInt('' + fullVersion, 10);
|
||||
if (isNaN(majorVersion)) {
|
||||
fullVersion = '' + parseFloat(navigator.appVersion);
|
||||
majorVersion = parseInt(navigator.appVersion, 10);
|
||||
}
|
||||
// Return data
|
||||
return [browserName, majorVersion];
|
||||
}
|
||||
|
||||
var obj = {};
|
||||
obj.browserInfo = browserSniff();
|
||||
obj.browserName = obj.browserInfo[0];
|
||||
obj.browserVersion = obj.browserInfo[1];
|
||||
|
||||
wrapPlayers();
|
||||
/* Get Our Elements */
|
||||
var players = document.querySelectorAll('.ckin__player');
|
||||
|
||||
var iconPlay = '<i class="ckin-play"></i>';
|
||||
var iconPause = '<i class="ckin-pause"></i>';
|
||||
var iconVolumeMute = '<i class="ckin-volume-mute"></i>';
|
||||
var iconVolumeHigh = '<i class="ckin-volume-high"></i>';
|
||||
var iconVolumeMedium = '<i class="ckin-volume-medium"></i>';
|
||||
var iconVolumeLow = '<i class="ckin-volume-low"></i>';
|
||||
var iconExpand = '<i class="ckin-expand"></i>';
|
||||
var iconCompress = '<i class="ckin-compress"></i>';
|
||||
|
||||
players.forEach(function (player) {
|
||||
var video = player.querySelector('video');
|
||||
if (null === video) {
|
||||
return;
|
||||
}
|
||||
|
||||
var skin = attachSkin(video.dataset.ckin);
|
||||
player.classList.add(skin);
|
||||
|
||||
var overlay = video.dataset.overlay;
|
||||
addOverlay(player, overlay);
|
||||
|
||||
var title = showTitle(skin, video.dataset.title);
|
||||
if (title) {
|
||||
player.insertAdjacentHTML('beforeend', title);
|
||||
}
|
||||
|
||||
var html = buildControls(skin);
|
||||
player.insertAdjacentHTML('beforeend', html);
|
||||
|
||||
var color = video.dataset.color;
|
||||
addColor(player, color);
|
||||
|
||||
var playerControls = player.querySelector('.' + skin + '__controls');
|
||||
var progress = player.querySelector('.progress');;
|
||||
var progressBar = player.querySelector('.progress__filled');
|
||||
var progressTime = player.querySelector('.progress__time');
|
||||
var toggle = player.querySelectorAll('.toggle');
|
||||
var skipButtons = player.querySelectorAll('[data-skip]');
|
||||
var ranges = player.querySelectorAll('.' + skin + '__slider');
|
||||
var volumeButton = player.querySelector('.volume');
|
||||
var fullScreenButton = player.querySelector('.fullscreen');
|
||||
|
||||
if (obj.browserName === "IE" && (obj.browserVersion === 8 || obj.browserVersion === 9)) {
|
||||
showControls(video);
|
||||
playerControls.style.display = "none";
|
||||
}
|
||||
|
||||
video.addEventListener('click', function () {
|
||||
togglePlay(this, player, true);
|
||||
});
|
||||
video.addEventListener('play', function () {
|
||||
updateButton(this, toggle);
|
||||
});
|
||||
|
||||
video.addEventListener('pause', function () {
|
||||
updateButton(this, toggle);
|
||||
});
|
||||
video.addEventListener('timeupdate', function () {
|
||||
handleProgress(this, progressBar, progressTime);
|
||||
});
|
||||
|
||||
toggle.forEach(function (button) {
|
||||
return button.addEventListener('click', function () {
|
||||
togglePlay(video, player, true);
|
||||
});
|
||||
});
|
||||
volumeButton.addEventListener('click', function () {
|
||||
toggleVolume(video, volumeButton);
|
||||
});
|
||||
|
||||
var mousedown = false;
|
||||
progress.addEventListener('click', function (e) {
|
||||
scrub(e, video, progress, progressTime);
|
||||
});
|
||||
progress.addEventListener('mousemove', function (e) {
|
||||
return mousedown && scrub(e, video, progress, progressTime);
|
||||
});
|
||||
progress.addEventListener('mousedown', function () {
|
||||
return mousedown = true;
|
||||
});
|
||||
progress.addEventListener('mouseup', function () {
|
||||
return mousedown = false;
|
||||
});
|
||||
fullScreenButton.addEventListener('click', function (e) {
|
||||
return toggleFullScreen(player, fullScreenButton);
|
||||
});
|
||||
addListenerMuli(player, 'webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function (e) {
|
||||
return onFullScreen(e, player);
|
||||
});
|
||||
});
|
||||
|
||||
players.forEach(function (player) {
|
||||
var audio = player.querySelector('audio');
|
||||
if (null === audio) {
|
||||
return;
|
||||
}
|
||||
|
||||
var skin = attachSkin(audio.dataset.ckin);
|
||||
player.classList.add(skin);
|
||||
|
||||
var overlay = audio.dataset.overlay;
|
||||
addOverlay(player, overlay);
|
||||
|
||||
var title = showTitle(skin, audio.dataset.title);
|
||||
if (title) {
|
||||
player.insertAdjacentHTML('beforeend', title);
|
||||
}
|
||||
|
||||
var html = buildControls(skin);
|
||||
player.insertAdjacentHTML('beforeend', html);
|
||||
|
||||
var color = audio.dataset.color;
|
||||
addColor(player, color);
|
||||
|
||||
var playerControls = player.querySelector('.' + skin + '__controls');
|
||||
var progress = player.querySelector('.progress');;
|
||||
var progressBar = player.querySelector('.progress__filled');
|
||||
var progressTime = player.querySelector('.progress__time');
|
||||
var toggle = player.querySelectorAll('.toggle');
|
||||
var skipButtons = player.querySelectorAll('[data-skip]');
|
||||
var ranges = player.querySelectorAll('.' + skin + '__slider');
|
||||
var volumeButton = player.querySelector('.volume');
|
||||
var fullScreenButton = player.querySelector('.fullscreen');
|
||||
|
||||
if (obj.browserName === "IE" && (obj.browserVersion === 8 || obj.browserVersion === 9)) {
|
||||
showControls(audio);
|
||||
playerControls.style.display = "none";
|
||||
}
|
||||
|
||||
audio.addEventListener('click', function () {
|
||||
togglePlay(this, player, false);
|
||||
});
|
||||
audio.addEventListener('play', function () {
|
||||
updateButton(this, toggle);
|
||||
});
|
||||
|
||||
audio.addEventListener('pause', function () {
|
||||
updateButton(this, toggle);
|
||||
});
|
||||
audio.addEventListener('timeupdate', function () {
|
||||
handleProgress(this, progressBar, progressTime);
|
||||
});
|
||||
|
||||
toggle.forEach(function (button) {
|
||||
return button.addEventListener('click', function () {
|
||||
togglePlay(audio, player, false);
|
||||
});
|
||||
});
|
||||
|
||||
volumeButton.addEventListener('click', function () {
|
||||
toggleVolume(audio, volumeButton);
|
||||
});
|
||||
|
||||
var mousedown = false;
|
||||
progress.addEventListener('click', function (e) {
|
||||
scrub(e, audio, progress, progressTime);
|
||||
});
|
||||
progress.addEventListener('mousemove', function (e) {
|
||||
return mousedown && scrub(e, audio, progress, progressTime);
|
||||
});
|
||||
progress.addEventListener('mousedown', function () {
|
||||
return mousedown = true;
|
||||
});
|
||||
progress.addEventListener('mouseup', function () {
|
||||
return mousedown = false;
|
||||
});
|
||||
fullScreenButton.addEventListener('click', function (e) {
|
||||
return toggleFullScreen(player, fullScreenButton);
|
||||
});
|
||||
addListenerMulti(player, 'webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', function (e) {
|
||||
return onFullScreen(e, player);
|
||||
});
|
||||
});
|
||||
|
||||
function showControls(media) {
|
||||
media.setAttribute("controls", "controls");
|
||||
}
|
||||
|
||||
function togglePlay(media, player, autoHide) {
|
||||
var method = media.paused ? 'play' : 'pause';
|
||||
media[method]();
|
||||
if (autoHide) {
|
||||
media.paused ? player.classList.remove('is-playing') : player.classList.add('is-playing');
|
||||
}
|
||||
}
|
||||
|
||||
function updateButton(media, toggle) {
|
||||
var icon = media.paused ? iconPlay : iconPause;
|
||||
toggle.forEach(function (button) {
|
||||
return button.innerHTML = icon;
|
||||
});
|
||||
}
|
||||
|
||||
function skip() {
|
||||
media.currentTime += parseFloat(this.dataset.skip);
|
||||
}
|
||||
|
||||
function toggleVolume(media, volumeButton) {
|
||||
var level = media.volume;
|
||||
var icon = iconVolumeMedium;
|
||||
if (level == 1) {
|
||||
level = 0;
|
||||
icon = iconVolumeMute;
|
||||
} else if (level == 0.66) {
|
||||
level = 1;
|
||||
icon = iconVolumeHigh;
|
||||
} else if (level == 0.33) {
|
||||
level = 0.66;
|
||||
icon = iconVolumeMedium;
|
||||
} else {
|
||||
level = 0.33;
|
||||
icon = iconVolumeLow;
|
||||
}
|
||||
media['volume'] = level;
|
||||
volumeButton.innerHTML = icon;
|
||||
}
|
||||
|
||||
function handleRangeUpdate() {
|
||||
media[this.name] = this.value;
|
||||
}
|
||||
|
||||
function handleProgress(media, progressBar, progressTime) {
|
||||
var percent = media.currentTime / media.duration * 100;
|
||||
progressBar.style.flexBasis = percent + '%';
|
||||
progressTime.innerText = formatTime(media.currentTime) + "/" + formatTime(media.duration);
|
||||
}
|
||||
|
||||
function scrub(e, media, progress, progressTime) {
|
||||
var scrubTime = e.offsetX / progress.offsetWidth * media.duration;
|
||||
media.currentTime = scrubTime;
|
||||
progressTime.innerText = formatTime(media.currentTime) + "/" + formatTime(media.duration);
|
||||
}
|
||||
|
||||
function formatTime(time) {
|
||||
var date = new Date(null);
|
||||
date.setSeconds(time); // specify value for SECONDS here
|
||||
return date.toISOString().substr(11, 8);
|
||||
}
|
||||
|
||||
function wrapPlayers() {
|
||||
|
||||
var videos = document.querySelectorAll('video');
|
||||
|
||||
videos.forEach(function (video) {
|
||||
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.classList.add('ckin__player');
|
||||
|
||||
video.parentNode.insertBefore(wrapper, video);
|
||||
|
||||
wrapper.appendChild(video);
|
||||
});
|
||||
|
||||
var audios = document.querySelectorAll('audio');
|
||||
|
||||
audios.forEach(function (audio) {
|
||||
var wrapper = document.createElement('div');
|
||||
wrapper.classList.add('ckin__player');
|
||||
wrapper.classList.add('audio');
|
||||
|
||||
audio.parentNode.insertBefore(wrapper, audio);
|
||||
|
||||
wrapper.appendChild(audio);
|
||||
});
|
||||
}
|
||||
|
||||
function buildControls(skin) {
|
||||
var html = [];
|
||||
html.push('<button class="' + skin + '__button--big toggle" title="Toggle Play">' + iconPlay + '</button>');
|
||||
|
||||
html.push('<div class="' + skin + '__controls ckin__controls">');
|
||||
|
||||
html.push('<button class="' + skin + '__button toggle" title="Toggle Media">' + iconPlay + '</button>', '<div class="progress">', '<div class="progress__filled"></div>', '<p class="progress__breaker"></p>', '<div class="progress__time"></div>', '</div>', '<button class="' + skin + '__button volume" title="Volume">' + iconVolumeMedium + '</button>', '<button class="' + skin + '__button fullscreen" title="Full Screen">' + iconExpand + '</button>');
|
||||
|
||||
html.push('</div>');
|
||||
|
||||
return html.join('');
|
||||
}
|
||||
|
||||
function attachSkin(skin) {
|
||||
if (typeof skin != 'undefined' && skin != '') {
|
||||
return skin;
|
||||
} else {
|
||||
return 'default';
|
||||
}
|
||||
}
|
||||
|
||||
function showTitle(skin, title) {
|
||||
if (typeof title != 'undefined' && title != '') {
|
||||
return '<div class="' + skin + '__title">' + title + '</div>';
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function addOverlay(player, overlay) {
|
||||
|
||||
if (overlay == 1) {
|
||||
player.classList.add('ckin__overlay');
|
||||
} else if (overlay == 2) {
|
||||
player.classList.add('ckin__overlay--2');
|
||||
} else {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
function addColor(player, color) {
|
||||
if (typeof color != 'undefined' && color != '') {
|
||||
var buttons = player.querySelectorAll('button');
|
||||
var progress = player.querySelector('.progress__filled');
|
||||
progress.style.background = color;
|
||||
buttons.forEach(function (button) {
|
||||
return button.style.color = color;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function toggleFullScreen(player, fullScreenButton) {
|
||||
// let isFullscreen = false;
|
||||
if (!document.fullscreenElement && // alternative standard method
|
||||
!document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
|
||||
player.classList.add('ckin__fullscreen');
|
||||
|
||||
if (player.requestFullscreen) {
|
||||
player.requestFullscreen();
|
||||
} else if (player.mozRequestFullScreen) {
|
||||
player.mozRequestFullScreen(); // Firefox
|
||||
} else if (player.webkitRequestFullscreen) {
|
||||
player.webkitRequestFullscreen(); // Chrome and Safari
|
||||
} else if (player.msRequestFullscreen) {
|
||||
player.msRequestFullscreen();
|
||||
}
|
||||
isFullscreen = true;
|
||||
|
||||
fullScreenButton.innerHTML = iconCompress;
|
||||
} else {
|
||||
player.classList.remove('ckin__fullscreen');
|
||||
|
||||
if (document.cancelFullScreen) {
|
||||
document.cancelFullScreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.webkitCancelFullScreen) {
|
||||
document.webkitCancelFullScreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
isFullscreen = false;
|
||||
fullScreenButton.innerHTML = iconExpand;
|
||||
}
|
||||
}
|
||||
|
||||
function onFullScreen(e, player) {
|
||||
var isFullscreenNow = document.webkitFullscreenElement !== null;
|
||||
if (!isFullscreenNow) {
|
||||
player.classList.remove('ckin__fullscreen');
|
||||
player.querySelector('.fullscreen').innerHTML = iconExpand;
|
||||
} else {
|
||||
// player.querySelector('.fullscreen').innerHTML = iconExpand;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
function addListenerMulti(element, eventNames, listener) {
|
||||
var events = eventNames.split(' ');
|
||||
for (var i = 0, iLen = events.length; i < iLen; i++) {
|
||||
element.addEventListener(events[i], listener, false);
|
||||
}
|
||||
}
|
||||
+2
-1
@@ -1,6 +1,7 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
// Smooth scrolling
|
||||
/*
|
||||
$('a[href*=#]:not([href=#])').click(function() {
|
||||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
||||
var target = $(this.hash);
|
||||
@@ -13,6 +14,7 @@ $(document).ready(function() {
|
||||
}
|
||||
}
|
||||
});
|
||||
*/
|
||||
|
||||
});
|
||||
|
||||
@@ -76,7 +78,6 @@ $(document).ready(function() {
|
||||
|
||||
// start upload
|
||||
xhr.open("PUT", '/' + file.name, true);
|
||||
xhr.setRequestHeader("X_FILENAME", file.name);
|
||||
xhr.send(file);
|
||||
};
|
||||
|
||||
|
||||
@@ -8,6 +8,7 @@ $(document).ready(function () {
|
||||
});
|
||||
|
||||
// Smooth scrolling
|
||||
/*
|
||||
$('a[href*=#]:not([href=#])').click(function () {
|
||||
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
||||
var target = $(this.hash);
|
||||
@@ -20,5 +21,5 @@ $(document).ready(function () {
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
*/
|
||||
});
|
||||
@@ -0,0 +1,627 @@
|
||||
/*!
|
||||
ckin v0.0.1: Custom HTML5 Video Player Skins.
|
||||
(c) 2017
|
||||
MIT License
|
||||
git+https://github.com/hunzaboy/ckin.git
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'ckin';
|
||||
src: url(data:application/font-woff;charset=utf-8;base64,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 truncated
|
||||
font-weight: normal;
|
||||
font-style: normal; }
|
||||
|
||||
[class^="ckin-"], [class*=" ckin-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ckin' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ckin-compress:before {
|
||||
content: "\f109";;
|
||||
}
|
||||
|
||||
.ckin-expand:before {
|
||||
content: "\f108";;
|
||||
}
|
||||
|
||||
.ckin-play:before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
.ckin-pause:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
.ckin-stop:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
|
||||
.ckin-backward:before {
|
||||
content: "\f120";;
|
||||
}
|
||||
|
||||
.ckin-forward:before {
|
||||
content: "\f11f";
|
||||
}
|
||||
|
||||
.ckin-volume-high:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
.ckin-volume-medium:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
.ckin-volume-low:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.ckin-volume-mute:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ckin__player {
|
||||
margin-bottom: 20px;
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
letter-spacing: 0.02em;
|
||||
&.audio {
|
||||
overflow: visible;
|
||||
padding-top: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
.ckin__player.ckin__fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10000000;
|
||||
background: #000;
|
||||
border-radius: 0 !important;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ckin__overlay {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ckin__overlay:before {
|
||||
background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
|
||||
}
|
||||
|
||||
.ckin__overlay--2:before {
|
||||
background: rgba(24, 24, 24, 0.8);
|
||||
}
|
||||
|
||||
.default {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.default:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.default__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.default__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
.default__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.default__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.default__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.default__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: @dark-blue;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.default.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
|
||||
.default.is-playing .default__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.default.is-playing .default__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
|
||||
.default.is-playing:hover .default__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.default__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.default .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.default .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.default .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.default {
|
||||
.progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.minimal {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.minimal:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.minimal__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.minimal__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
.minimal__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.minimal__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.minimal__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.minimal__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: @dark-blue;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.minimal.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.minimal.is-playing .minimal__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
|
||||
.minimal.is-playing .minimal__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
|
||||
.minimal.is-playing:hover .minimal__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.minimal__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.minimal .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.minimal .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.minimal .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.minimal {
|
||||
.progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.compact {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.compact:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.compact__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.compact__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
.compact__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.compact__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
.compact__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.compact__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
max-width: 400px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 50%;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: @dark-blue;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.compact.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.compact.is-playing .compact__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
|
||||
.compact.is-playing .compact__controls {
|
||||
-ms-transform: translateY(52px) translateX(-50%);
|
||||
transform: translateY(52px) translateX(-50%);
|
||||
}
|
||||
|
||||
.compact.is-playing:hover .compact__controls {
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
}
|
||||
|
||||
.compact__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.compact .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.compact .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.compact .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.compact {
|
||||
.progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.ckin__player button {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
video::-webkit-media-controls-enclosure {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -18,6 +18,13 @@ padding-bottom:240px;
|
||||
}
|
||||
}
|
||||
|
||||
.qrcode {
|
||||
img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 0 solid black;
|
||||
}
|
||||
}
|
||||
.preview-image {
|
||||
img {
|
||||
margin: 0 auto;
|
||||
|
||||
@@ -6235,6 +6235,554 @@ footer img {
|
||||
margin-top: -50px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
/*!
|
||||
ckin v0.0.1: Custom HTML5 Video Player Skins.
|
||||
(c) 2017
|
||||
MIT License
|
||||
git+https://github.com/hunzaboy/ckin.git
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'ckin';
|
||||
src: url(data:application/font-woff;charset=utf-8;base64,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 truncated
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[class^="ckin-"],
|
||||
[class*=" ckin-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'ckin' !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.ckin-compress:before {
|
||||
content: "\f109";
|
||||
}
|
||||
.ckin-expand:before {
|
||||
content: "\f108";
|
||||
}
|
||||
.ckin-play:before {
|
||||
content: "\f101";
|
||||
}
|
||||
.ckin-pause:before {
|
||||
content: "\f103";
|
||||
}
|
||||
.ckin-stop:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
.ckin-backward:before {
|
||||
content: "\f120";
|
||||
}
|
||||
.ckin-forward:before {
|
||||
content: "\f11f";
|
||||
}
|
||||
.ckin-volume-high:before {
|
||||
content: "\f107";
|
||||
}
|
||||
.ckin-volume-medium:before {
|
||||
content: "\f106";
|
||||
}
|
||||
.ckin-volume-low:before {
|
||||
content: "\f105";
|
||||
}
|
||||
.ckin-volume-mute:before {
|
||||
content: "\f104";
|
||||
}
|
||||
body {
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
.ckin__player {
|
||||
margin-bottom: 20px;
|
||||
font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.ckin__player.audio {
|
||||
overflow: visible;
|
||||
padding-top: 52px;
|
||||
}
|
||||
.ckin__player.ckin__fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10000000;
|
||||
background: #000;
|
||||
border-radius: 0 !important;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.ckin__overlay {
|
||||
position: relative;
|
||||
}
|
||||
.ckin__overlay:before {
|
||||
background: radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
|
||||
}
|
||||
.ckin__overlay--2:before {
|
||||
background: rgba(24, 24, 24, 0.8);
|
||||
}
|
||||
.default {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.default:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.default__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
.default__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
.default__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.default__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all .2s;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
.default__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
.default__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: #36535a;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.default.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
.default.is-playing .default__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.default.is-playing .default__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
.default.is-playing:hover .default__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
.default__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.default .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.default .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.default .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.default .progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.minimal {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.minimal:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.minimal__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-style: italic;
|
||||
}
|
||||
.minimal__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
.minimal__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.minimal__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all 0.2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
.minimal__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
.minimal__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: #36535a;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.minimal.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.minimal.is-playing .minimal__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
.minimal.is-playing .minimal__controls {
|
||||
-ms-transform: translateY(52px);
|
||||
transform: translateY(52px);
|
||||
}
|
||||
.minimal.is-playing:hover .minimal__controls {
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
.minimal__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.minimal .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.minimal .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.minimal .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.minimal .progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.compact {
|
||||
border: 0 solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.compact:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: 5px;
|
||||
transition: opacity .2s;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.compact__title {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
top: 20px;
|
||||
z-index: 1;
|
||||
font-size: 24px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
.compact__button {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
max-width: 50px;
|
||||
}
|
||||
.compact__button i {
|
||||
-ms-flex-item-align: center;
|
||||
-ms-grid-row-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
.compact__button--big {
|
||||
background: none;
|
||||
border: 0;
|
||||
line-height: 1;
|
||||
color: #00CF7D;
|
||||
text-align: center;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-ms-transform: translate(-50%, -50%) scale(1);
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
font-size: 64px;
|
||||
transition: all 0.2s ease-in;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
.compact__slider {
|
||||
width: 10px;
|
||||
height: 30px;
|
||||
}
|
||||
.compact__controls {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
max-width: 400px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 50%;
|
||||
transition: all .3s;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
background-color: #36535a;
|
||||
font-size: 32px;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.compact.is-playing:before {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.compact.is-playing .compact__button--big {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-ms-transform: translate(-50%, -50%) scale(1.3);
|
||||
transform: translate(-50%, -50%) scale(1.3);
|
||||
}
|
||||
.compact.is-playing .compact__controls {
|
||||
-ms-transform: translateY(52px) translateX(-50%);
|
||||
transform: translateY(52px) translateX(-50%);
|
||||
}
|
||||
.compact.is-playing:hover .compact__controls {
|
||||
-ms-transform: translateY(-20px) translateX(-50%);
|
||||
transform: translateY(-20px) translateX(-50%);
|
||||
}
|
||||
.compact__controls > * {
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.compact .progress {
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 17px;
|
||||
margin-bottom: 0px;
|
||||
transition: height 0.3s;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.compact .progress__filled {
|
||||
width: 0%;
|
||||
background: #00CF7D;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
-ms-flex-preferred-size: 0%;
|
||||
flex-basis: 0%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.compact .progress__breaker {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
.compact .progress__time {
|
||||
font-size: small;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.ckin__player button {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
video::-webkit-media-controls-enclosure {
|
||||
display: none !important;
|
||||
}
|
||||
#reviews {
|
||||
background: #f6f8f8;
|
||||
padding: 130px 0;
|
||||
@@ -6383,6 +6931,11 @@ html {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
.qrcode img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 0 solid black;
|
||||
}
|
||||
.preview-image {
|
||||
padding: 0;
|
||||
padding: 0px;
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["/bower_components/animate.less/animate.less","/bower_components/bootstrap/less/normalize.less","/bower_components/bootstrap/less/print.less","/bower_components/bootstrap/less/scaffolding.less","/bower_components/bootstrap/less/mixins.less","/styles/config.less","/bower_components/bootstrap/less/type.less","/bower_components/bootstrap/less/grid.less","/bower_components/bootstrap/less/tables.less","/bower_components/bootstrap/less/forms.less","/bower_components/bootstrap/less/component-animations.less","/bower_components/bootstrap/less/progress-bars.less","/bower_components/bootstrap/less/utilities.less","/bower_components/bootstrap/less/responsive-utilities.less","/bower_components/animate.less/source/animated.less","/bower_components/animate.less/source/bounce.less","/bower_components/animate.less/source/bounceIn.less","/bower_components/animate.less/source/bounceInDown.less","/bower_components/animate.less/source/bounceInLeft.less","/bower_components/animate.less/source/bounceInRight.less","/bower_components/animate.less/source/bounceInUp.less","/bower_components/animate.less/source/bounceOut.less","/bower_components/animate.less/source/bounceOutDown.less","/bower_components/animate.less/source/bounceOutLeft.less","/bower_components/animate.less/source/bounceOutRight.less","/bower_components/animate.less/source/bounceOutUp.less","/bower_components/animate.less/source/fadeIn.less","/bower_components/animate.less/source/fadeInDown.less","/bower_components/animate.less/source/fadeInDownBig.less","/bower_components/animate.less/source/fadeInLeft.less","/bower_components/animate.less/source/fadeInLeftBig.less","/bower_components/animate.less/source/fadeInRight.less","/bower_components/animate.less/source/fadeInRightBig.less","/bower_components/animate.less/source/fadeInUp.less","/bower_components/animate.less/source/fadeInUpBig.less","/bower_components/animate.less/source/fadeOut.less","/bower_components/animate.less/source/fadeOutDown.less","/bower_components/animate.less/source/fadeOutDownBig.less","/bower_components/animate.less/source/fadeOutLeft.less","/bower_components/animate.less/source/fadeOutLeftBig.less","/bower_components/animate.less/source/fadeOutRight.less","/bower_components/animate.less/source/fadeOutRightBig.less","/bower_components/animate.less/source/fadeOutUp.less","/bower_components/animate.less/source/fadeOutUpBig.less","/bower_components/animate.less/source/flash.less","/bower_components/animate.less/source/flip.less","/bower_components/animate.less/source/flipInX.less","/bower_components/animate.less/source/flipInY.less","/bower_components/animate.less/source/flipOutX.less","/bower_components/animate.less/source/flipOutY.less","/bower_components/animate.less/source/hinge.less","/bower_components/animate.less/source/lightSpeedIn.less","/bower_components/animate.less/source/lightSpeedOut.less","/bower_components/animate.less/source/pulse.less","/bower_components/animate.less/source/rollIn.less","/bower_components/animate.less/source/rollOut.less","/bower_components/animate.less/source/rotateIn.less","/bower_components/animate.less/source/rotateInDownLeft.less","/bower_components/animate.less/source/rotateInDownRight.less","/bower_components/animate.less/source/rotateInUpLeft.less","/bower_components/animate.less/source/rotateInUpRight.less","/bower_components/animate.less/source/rotateOut.less","/bower_components/animate.less/source/rotateOutDownLeft.less","/bower_components/animate.less/source/rotateOutDownRight.less","/bower_components/animate.less/source/rotateOutUpLeft.less","/bower_components/animate.less/source/rotateOutUpRight.less","/bower_components/animate.less/source/shake.less","/bower_components/animate.less/source/swing.less","/bower_components/animate.less/source/tada.less","/bower_components/animate.less/source/wiggle.less","/bower_components/animate.less/source/wobble.less","/styles/includes/global.less","/styles/includes/home.less","/styles/includes/pages.less","/styles/includes/reviews.less","/styles/includes/transfersh-icons.less","/styles/includes/preview.less"],"names":[],"mappings":"AAAA,SAAS;;ACUT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,cAAA;;AAOF;AACA;AACA;EACE,qBAAA;;AAQF,KAAK,IAAI;EACP,aAAA;EACA,SAAA;;AAQF;AACA;EACE,aAAA;;AAaF;EACE,uBAAA;EACA,0BAAA;EACA,8BAAA;;AAOF;EACE,SAAA;;AAWF;EACE,uBAAA;;AAOF,CAAC;EACC,oBAAA;;AAOF,CAAC;AACD,CAAC;EACC,UAAA;;AAYF;EACE,cAAA;EACA,gBAAA;;AAOF,IAAI;EACF,yBAAA;;AAOF;AACA;EACE,iBAAA;;AAOF;EACE,kBAAA;;AAOF;EACE,4BAAA;EACA,uBAAA;EACA,SAAA;;AAOF;EACE,gBAAA;EACA,WAAA;;AAOF;AACA;AACA;AACA;EACE,6BAAA;EACA,cAAA;;AAOF;EACE,qBAAA;;AAOF;EACE,QAAQ,QAAQ,QAAQ,QAAQ,OAAhC;;AAOF;EACE,cAAA;;AAOF;AACA;EACE,cAAA;EACA,cAAA;EACA,kBAAA;EACA,wBAAA;;AAGF;EACE,WAAA;;AAGF;EACE,eAAA;;AAWF;EACE,SAAA;;AAOF,GAAG,IAAI;EACL,gBAAA;;AAWF;EACE,SAAA;;AAWF;EACE,yBAAA;EACA,aAAA;EACA,8BAAA;;AAQF;EACE,SAAA;EACA,UAAA;;AASF;AACA;AACA;AACA;EACE,oBAAA;EACA,eAAA;EACA,SAAA;;AAQF;AACA;EACE,mBAAA;;AAUF;AACA;EACE,oBAAA;;AAWF;AACA,IAAKLine truncated
|
||||
{"version":3,"sources":["/bower_components/animate.less/animate.less","/bower_components/bootstrap/less/normalize.less","/bower_components/bootstrap/less/print.less","/bower_components/bootstrap/less/scaffolding.less","/bower_components/bootstrap/less/mixins.less","/styles/config.less","/bower_components/bootstrap/less/type.less","/bower_components/bootstrap/less/grid.less","/bower_components/bootstrap/less/tables.less","/bower_components/bootstrap/less/forms.less","/bower_components/bootstrap/less/component-animations.less","/bower_components/bootstrap/less/progress-bars.less","/bower_components/bootstrap/less/utilities.less","/bower_components/bootstrap/less/responsive-utilities.less","/bower_components/animate.less/source/animated.less","/bower_components/animate.less/source/bounce.less","/bower_components/animate.less/source/bounceIn.less","/bower_components/animate.less/source/bounceInDown.less","/bower_components/animate.less/source/bounceInLeft.less","/bower_components/animate.less/source/bounceInRight.less","/bower_components/animate.less/source/bounceInUp.less","/bower_components/animate.less/source/bounceOut.less","/bower_components/animate.less/source/bounceOutDown.less","/bower_components/animate.less/source/bounceOutLeft.less","/bower_components/animate.less/source/bounceOutRight.less","/bower_components/animate.less/source/bounceOutUp.less","/bower_components/animate.less/source/fadeIn.less","/bower_components/animate.less/source/fadeInDown.less","/bower_components/animate.less/source/fadeInDownBig.less","/bower_components/animate.less/source/fadeInLeft.less","/bower_components/animate.less/source/fadeInLeftBig.less","/bower_components/animate.less/source/fadeInRight.less","/bower_components/animate.less/source/fadeInRightBig.less","/bower_components/animate.less/source/fadeInUp.less","/bower_components/animate.less/source/fadeInUpBig.less","/bower_components/animate.less/source/fadeOut.less","/bower_components/animate.less/source/fadeOutDown.less","/bower_components/animate.less/source/fadeOutDownBig.less","/bower_components/animate.less/source/fadeOutLeft.less","/bower_components/animate.less/source/fadeOutLeftBig.less","/bower_components/animate.less/source/fadeOutRight.less","/bower_components/animate.less/source/fadeOutRightBig.less","/bower_components/animate.less/source/fadeOutUp.less","/bower_components/animate.less/source/fadeOutUpBig.less","/bower_components/animate.less/source/flash.less","/bower_components/animate.less/source/flip.less","/bower_components/animate.less/source/flipInX.less","/bower_components/animate.less/source/flipInY.less","/bower_components/animate.less/source/flipOutX.less","/bower_components/animate.less/source/flipOutY.less","/bower_components/animate.less/source/hinge.less","/bower_components/animate.less/source/lightSpeedIn.less","/bower_components/animate.less/source/lightSpeedOut.less","/bower_components/animate.less/source/pulse.less","/bower_components/animate.less/source/rollIn.less","/bower_components/animate.less/source/rollOut.less","/bower_components/animate.less/source/rotateIn.less","/bower_components/animate.less/source/rotateInDownLeft.less","/bower_components/animate.less/source/rotateInDownRight.less","/bower_components/animate.less/source/rotateInUpLeft.less","/bower_components/animate.less/source/rotateInUpRight.less","/bower_components/animate.less/source/rotateOut.less","/bower_components/animate.less/source/rotateOutDownLeft.less","/bower_components/animate.less/source/rotateOutDownRight.less","/bower_components/animate.less/source/rotateOutUpLeft.less","/bower_components/animate.less/source/rotateOutUpRight.less","/bower_components/animate.less/source/shake.less","/bower_components/animate.less/source/swing.less","/bower_components/animate.less/source/tada.less","/bower_components/animate.less/source/wiggle.less","/bower_components/animate.less/source/wobble.less","/styles/includes/global.less","/styles/includes/home.less","/styles/includes/pages.less","/styles/includes/ckin.less","/styles/includes/reviews.less","/styles/includes/transfersh-icons.less","/styles/includes/preview.less"],"names":[],"mappings":"AAAA,SAAS;;ACUT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,cAAA;;AAOF;AACA;AACA;EACE,qBAAA;;AAQF,KAAK,IAAI;EACP,aAAA;EACA,SAAA;;AAQF;AACA;EACE,aAAA;;AAaF;EACE,uBAAA;EACA,0BAAA;EACA,8BAAA;;AAOF;EACE,SAAA;;AAWF;EACE,uBAAA;;AAOF,CAAC;EACC,oBAAA;;AAOF,CAAC;AACD,CAAC;EACC,UAAA;;AAYF;EACE,cAAA;EACA,gBAAA;;AAOF,IAAI;EACF,yBAAA;;AAOF;AACA;EACE,iBAAA;;AAOF;EACE,kBAAA;;AAOF;EACE,4BAAA;EACA,uBAAA;EACA,SAAA;;AAOF;EACE,gBAAA;EACA,WAAA;;AAOF;AACA;AACA;AACA;EACE,6BAAA;EACA,cAAA;;AAOF;EACE,qBAAA;;AAOF;EACE,QAAQ,QAAQ,QAAQ,QAAQ,OAAhC;;AAOF;EACE,cAAA;;AAOF;AACA;EACE,cAAA;EACA,cAAA;EACA,kBAAA;EACA,wBAAA;;AAGF;EACE,WAAA;;AAGF;EACE,eAAA;;AAWF;EACE,SAAA;;AAOF,GAAG,IAAI;EACL,gBAAA;;AAWF;EACE,SAAA;;AAWF;EACE,yBAAA;EACA,aAAA;EACA,8BAAA;;AAQF;EACE,SAAA;EACA,UAAA;;AASF;AACA;AACA;AACA;EACE,oBAAA;EACA,eAAA;EACA,SAAA;;AAQF;AACA;EACE,mBAAA;;AAUF;AALine truncated
|
||||
@@ -7,6 +7,7 @@
|
||||
@import "includes/global";
|
||||
@import "includes/home";
|
||||
@import "includes/pages";
|
||||
@import "includes/ckin";
|
||||
@import "includes/reviews";
|
||||
@import "includes/transfersh-icons";
|
||||
@import "includes/preview";
|
||||
|
||||
Reference in new issue
Block a user