Skip to content

Kevin / CSS Optimizations Workshop

Go to a project
Commit 17c8912c by Kevin Van Ransbeeck
Options

Penthouse and inline critical CSS

1 parent 973dbece
Inline Side-by-side
Showing 8 changed files with 230 additions and 13 deletions
.gitignore
......@@ -2,3 +2,4 @@
/css/*
/bower_components/*
/node_modules/*
tmp-*.css
Gruntfile.js
......@@ -90,19 +90,37 @@ module.exports = function(grunt) {
}
},
criticalcss: {
custom_options: {
php2html: {
default: {
options: {
url: "http://kevin.demo/cssoptim/index.php",
width: 800,
height: 600,
outputfile: "css/critical.css",
filename: "css/style.min.css",
buffer: 800*1024
}
// relative links should be renamed from .php to .html
processLinks: true,
htmlhint: false,
},
files: [
{expand: false, cwd: './', src: ['*.php'], dest: './', ext: '.html' }
]
}
},
penthouse: {
extract : {
outfile : './css/critical.css',
css : './css/style.css',
url : 'http://kevin.demo/cssoptim/index.html',
width : 1024,
height : 980
},
},
inline: {
dist: {
options:{
cssmin: true
},
src: ['index.html'],
}
},
/**
* X :: Watch files for changes and act on them (recompile etc...).
*/
......@@ -136,6 +154,6 @@ module.exports = function(grunt) {
// Load necessairy grunt tasks based on npm modules.
require("load-grunt-tasks")(grunt);
grunt.registerTask('build', ['uglify', 'sass', 'concat_css', 'autoprefixer', 'cssmin', 'svgstore', 'criticalcss']);
grunt.registerTask('build', ['uglify', 'svgstore', 'sass', 'concat_css', 'autoprefixer', 'php2html', 'cssmin']);
grunt.registerTask('default', ['build','watch']);
}
index.html 0 → 100644
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Demo site.</title>
<link href="css/critical.css?__inline=true" rel="stylesheet" />
<link rel="stylesheet" href="css/style.min.css" />
</head>
<body>
<svg style="display: none;"><symbol viewBox="28 28.5 244 200" id="shape-facebook-thumb"><title>facebook-thumb</title> <sodipodi:namedview borderopacity="1" objecttolerance="10" gridtolerance="10" bordercolor="#666666" inkscape:cy="136.09328" inkscape:cx="219.08488" inkscape:zoom="2" guidetolerance="10" showgrid="false" pagecolor="#ffffff" id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dnamedview4" inkscape:current-layer="svg2" inkscape:window-maximized="1" inkscape:window-y="-8" inkscape:window-x="-8" inkscape:window-height="706" inkscape:window-width="1366" inkscape:pageshadow="2" inkscape:pageopacity="0"> </sodipodi:namedview> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3009" sodipodi:nodetypes="cccccssssscsccccscssc" inkscape:connector-curvature="0" fill="#455C91" stroke="#485C90" d="
M148.4,36.6l0.4,31.9c-7.6,16.4-22.6,41.5-33.5,50.8l-1.4-1.7l-74.6-0.1c-3.8-0.2-7.9,4.3-7.7,7.3l7.3,95.6c0.2,3.1,3.6,7.1,7.1,7.1
h66.5c2.6,0,6.2-2.6,6.3-5.8l0.3-8.3c2.2,3.1,8,7.6,13,7.6h89.6c11.2,0,28.5-11.9,22.8-32.1c6.4-5.1,10.2-13.9,6.4-25
c6.7-5.5,11.6-15.9,6-25.1c17.9-15,6.3-36.1-7.6-36.1h-60.3c2.3-9.9,5.8-19.9,5.6-33.2c-0.2-11.5-7.8-28.2-13.3-37.1
C179.1,28.7,158.1,21.5,148.4,36.6L148.4,36.6z"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3764" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" fill="#6E7FB3" d="M40.3,126.7h62.9l0.1,92.4h-56
L40.3,126.7z"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath2994" inkscape:connector-curvature="0" fill="#6475AB" d="M47,139.1h49.8v74.3H53.4L47,139.1z"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath2987" sodipodi:nodetypes="cssccccccccccccccccc" inkscape:connector-curvature="0" fill="#EDF5F7" d="M178.8,111.4
c2.9-11.6,5-24.4,6.4-36.8c0.3-3,0.3-5.7-0.1-8.2c-1.8-9.9-6-18.8-9.9-27.8c-3.9-3-11.4-4.3-17.1,0.4v31.4
c-9.5,18.7-20.3,36.6-33.5,53.2l-12.5,8.7v72.6l8.7,0c0,0,11.5,7,12.1,6.7c1,0.5,89.6,0.2,89.6,0.2c4.8,0.1,22.1-12.6,11.1-22.4
c-1.5-0.9-1.3-3.6,0.1-4.5c6.9-1.2,15.3-14.2,6.5-21c-1.5-1.7-0.4-4.3,1.3-4.4c5.2-2.5,14-10.8,6-20.9c-1.6-0.8-1.7-2.9-0.2-4.2
c7.8-1.1,17.6-18.7,1.3-23L178.8,111.4z"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3002" sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" fill="#DCE4E7" d="M118.3,205v-77.2l-6.4,4.3
l0,72.8L118.3,205z"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3000" sodipodi:nodetypes="ccsscccc" inkscape:connector-curvature="0" fill="#DCE4E7" d="M166.4,35.9l7.4,32.1
l-19.7,35c-2,3.6,0.4,7.3,3.4,7.4l21.4,1c3.3-14.7,7.2-32.7,6.4-43.8c-1.5-7.7-4.6-17.5-10.1-29C172,36.4,169.5,35.9,166.4,35.9z"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath2985" sodipodi:nodetypes="cccccccccsssscccc" inkscape:connector-curvature="0" fill="#DCE4E7" d="M221,111.3
c7,6.7,2.8,19.2-3.4,23.6c-1.2,0.7-1.4,2.3-0.6,3.4c6.8,7.8-2.2,20.8-5.1,22.2c-0.9,0.8-1.1,1.8-0.9,2.8c7.7,10.8-1.2,19.8-4.3,21.9
c-1,0.9-1.3,2.5-0.6,4c6.7,10.6-1.1,18.1-5.5,22.8l22,0c4.2,0.2,22-12.7,10.2-22.8c-1.3-1.1-0.5-4.1,0.4-4.2
c5.8-1,16.1-13.3,6.5-21.2c-0.7-0.5-1.2-3.2,1.3-4.4c7.9-3.5,12.9-12,6.1-20.9c-1.8-1-1.6-3.2-0.2-4.1c13.3-4,13.6-21.5,1.3-23.1
L221,111.3z"/> <g id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dg3779"> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3780" sodipodi:open="true" sodipodi:start="6.2585156" sodipodi:end="12.541589" sodipodi:type="arc" sodipodi:cx="66.21273" sodipodi:cy="237.81807" sodipodi:rx="13.828837" sodipodi:ry="13.828837" fill="#FFFFFF" d="
M93.1,204.1c0.1,3.6-2.8,6.6-6.4,6.6c-3.6,0.1-6.6-2.8-6.6-6.4c-0.1-3.6,2.8-6.6,6.4-6.6C90.1,197.6,93.1,200.5,93.1,204.1"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3782" sodipodi:open="true" sodipodi:start="6.2585156" sodipodi:end="12.541589" sodipodi:type="arc" sodipodi:cx="68.334961" sodipodi:cy="223.04004" sodipodi:rx="1.0498047" sodipodi:ry="1.0498047" d="
M86,202.8c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8C85.6,202,86,202.4,86,202.8"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3790" sodipodi:open="true" sodipodi:start="6.2585156" sodipodi:end="12.541589" sodipodi:type="arc" sodipodi:cx="68.334961" sodipodi:cy="223.04004" sodipodi:rx="1.0498047" sodipodi:ry="1.0498047" d="
M88.8,202.8c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8C88.5,202,88.8,202.4,88.8,202.8"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3792" sodipodi:open="true" sodipodi:start="6.2585156" sodipodi:end="12.541589" sodipodi:type="arc" sodipodi:cx="68.334961" sodipodi:cy="223.04004" sodipodi:rx="1.0498047" sodipodi:ry="1.0498047" d="
M88.8,205.7c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8C88.5,204.9,88.8,205.3,88.8,205.7"/> <path id="svgstoref2e9b465e046ae1f3cf6c39deb74a57dpath3794" sodipodi:open="true" sodipodi:start="6.2585156" sodipodi:end="12.541589" sodipodi:type="arc" sodipodi:cx="68.334961" sodipodi:cy="223.04004" sodipodi:rx="1.0498047" sodipodi:ry="1.0498047" d="
M86,205.7c0,0.5-0.4,0.8-0.8,0.8c-0.5,0-0.8-0.4-0.8-0.8c0-0.5,0.4-0.8,0.8-0.8C85.6,204.9,86,205.3,86,205.7"/> </g> </symbol><symbol viewBox="0 0 50 50" id="shape-facebook-up"><title>facebook-up</title> <path d="M25,3C12.9,3,3,5.3,3,25s9.9,22,22,22s22-2.3,22-22S37.1,3,25,3z M29,18.1c0,0-1.5,0-1.9,0c-0.3,0-1.1-0.3-1.1,0.5V21h3
l-0.1,3H26c0,5,0,11,0,11h-4c0,0,0-6,0-11h-2v-3h2v-2.6c0-1.7,0.8-4.4,4-4.4h3V18.1z"/> </symbol><symbol viewBox="0 0 50 50" id="shape-instagram-up"><title>instagram-up</title> <g> <path d="M28.5,22h3c0.3,0,0.5-0.2,0.5-0.5v-3c0-0.3-0.2-0.5-0.5-0.5h-3c-0.3,0-0.5,0.2-0.5,0.5v3C28,21.8,28.2,22,28.5,22z"/> <path d="M32,31.6V24h-0.9c0.1,1,0.2,0.9,0.2,1.3c0,3-2.4,5.3-5.4,5.3s-5.4-2.4-5.4-5.4c0-0.5,0.1-0.3,0.2-1.3H19v7.6
c0,0.3,0.1,0.4,0.4,0.4h12.9C32.5,32,32,31.8,32,31.6z"/> <ellipse cx="25.8" cy="25.2" rx="3.4" ry="3.4"/> <path d="M25,3C12.9,3,3,5.3,3,25s9.9,22,22,22s22-2.3,22-22S37.1,3,25,3z M34,32c0,1.2-0.2,2-1.4,2H19c-1.2,0-3-0.8-3-2V18.4
c0-1.2,1.8-2.4,3-2.4h13.6c1.2,0,1.4,1.2,1.4,2.4V32z"/> </g> </symbol><symbol viewBox="0 0 134.9 27" id="shape-kevinletterlogo"><title>kevinletterlogo</title> <g> <path d="M3.7,13.8L9.3,11v0.8l-4.7,2.4v0l4.7,2.4v0.8l-5.6-2.9V13.8z"/> <path d="M10.1,17.8l3.3-8.7h0.8l-3.4,8.7H10.1z"/> <path d="M15.1,9.3h1v3.9h0c0.2-0.3,0.4-0.6,0.6-0.9l2.5-3h1.3l-2.9,3.4l3.2,4.7h-1.2l-2.7-4l-0.8,0.9v3.1h-1V9.3z"/> <path d="M25.8,13.6h-3.1v2.9h3.5v0.9h-4.5V9.3H26v0.9h-3.3v2.6h3.1V13.6z"/> <path d="M29.4,17.4l-2.6-8.1h1.1l1.3,4c0.3,1.1,0.6,2.1,0.9,3h0c0.2-0.9,0.6-2,0.9-3l1.4-4h1.1l-2.9,8.1H29.4z"/> <path d="M35.4,9.3v8.1h-1V9.3H35.4z"/> <path d="M37.2,17.4V9.3h1.1l2.6,4.1c0.6,0.9,1.1,1.8,1.5,2.6l0,0c-0.1-1.1-0.1-2.1-0.1-3.3V9.3h1v8.1h-1.1l-2.6-4.1
c-0.6-0.9-1.1-1.8-1.5-2.7l0,0c0.1,1,0.1,2,0.1,3.3v3.5H37.2z"/> <path fill="#729AD0" d="M46.8,17.4l-2.6-8.1h1.1l1.3,4c0.3,1.1,0.6,2.1,0.9,3h0c0.2-0.9,0.6-2,0.9-3l1.4-4h1.1L48,17.4H46.8z"/> <path fill="#729AD0" d="M52.4,14.8l-0.8,2.5h-1.1l2.7-8.1h1.3l2.8,8.1h-1.1l-0.9-2.5H52.4z M55,14l-0.8-2.3c-0.2-0.5-0.3-1-0.4-1.5
h0c-0.1,0.5-0.3,1-0.4,1.5L52.6,14H55z"/> <path fill="#729AD0" d="M58.4,17.4V9.3h1.1l2.6,4.1c0.6,0.9,1.1,1.8,1.5,2.6l0,0c-0.1-1.1-0.1-2.1-0.1-3.3V9.3h1v8.1h-1.1l-2.6-4.1
c-0.6-0.9-1.1-1.8-1.5-2.7l0,0c0.1,1,0.1,2,0.1,3.3v3.5H58.4z"/> <path d="M66.3,9.4c0.5-0.1,1.3-0.2,2-0.2c1.1,0,1.8,0.2,2.3,0.7c0.4,0.4,0.6,0.9,0.6,1.5c0,1.1-0.7,1.8-1.5,2.1v0
c0.6,0.2,1,0.8,1.2,1.6c0.3,1.1,0.5,1.9,0.6,2.2h-1.1c-0.1-0.2-0.3-0.9-0.5-1.9c-0.2-1.1-0.7-1.5-1.6-1.6h-1v3.5h-1V9.4z
M67.4,13.1h1.1c1.1,0,1.8-0.6,1.8-1.5c0-1-0.8-1.5-1.9-1.5c-0.5,0-0.9,0-1,0.1V13.1z"/> <path d="M74.1,14.8l-0.8,2.5h-1.1L75,9.3h1.3l2.8,8.1h-1.1L77,14.8H74.1z M76.8,14L76,11.7c-0.2-0.5-0.3-1-0.4-1.5h0
c-0.1,0.5-0.3,1-0.4,1.5L74.4,14H76.8z"/> <path d="M80.2,17.4V9.3h1.1l2.6,4.1c0.6,0.9,1.1,1.8,1.5,2.6l0,0c-0.1-1.1-0.1-2.1-0.1-3.3V9.3h1v8.1h-1.1l-2.6-4.1
c-0.6-0.9-1.1-1.8-1.5-2.7l0,0c0.1,1,0.1,2,0.1,3.3v3.5H80.2z"/> <path d="M87.9,16.1c0.5,0.3,1.2,0.5,1.9,0.5c1.1,0,1.7-0.6,1.7-1.4c0-0.8-0.4-1.2-1.5-1.6c-1.3-0.5-2.1-1.2-2.1-2.3
c0-1.3,1-2.2,2.6-2.2c0.8,0,1.4,0.2,1.8,0.4L92,10.4c-0.3-0.1-0.8-0.4-1.5-0.4c-1.1,0-1.5,0.7-1.5,1.2c0,0.8,0.5,1.1,1.6,1.6
c1.4,0.5,2.1,1.2,2.1,2.4c0,1.2-0.9,2.3-2.8,2.3c-0.8,0-1.6-0.2-2.1-0.5L87.9,16.1z"/> <path d="M94,9.4c0.5-0.1,1.2-0.2,1.9-0.2c1,0,1.7,0.2,2.2,0.6c0.4,0.3,0.7,0.8,0.7,1.4c0,0.8-0.5,1.5-1.4,1.8v0
c0.8,0.2,1.7,0.8,1.7,2c0,0.7-0.3,1.2-0.7,1.6c-0.6,0.5-1.5,0.8-2.8,0.8c-0.7,0-1.3,0-1.6-0.1V9.4z M95,12.7H96
c1.1,0,1.8-0.6,1.8-1.4c0-0.9-0.7-1.3-1.8-1.3c-0.5,0-0.8,0-0.9,0.1V12.7z M95,16.6c0.2,0,0.5,0,0.9,0c1.1,0,2.1-0.4,2.1-1.6
c0-1.1-0.9-1.6-2.1-1.6H95V16.6z"/> <path d="M104.7,13.6h-3.1v2.9h3.5v0.9h-4.5V9.3h4.4v0.9h-3.3v2.6h3.1V13.6z"/> <path d="M110.6,13.6h-3.1v2.9h3.5v0.9h-4.5V9.3h4.4v0.9h-3.3v2.6h3.1V13.6z"/> <path d="M118,17.1c-0.4,0.2-1.2,0.4-2.1,0.4c-2.3,0-4-1.4-4-4.1c0-2.5,1.7-4.2,4.2-4.2c1,0,1.6,0.2,1.9,0.4l-0.3,0.9
c-0.4-0.2-1-0.3-1.6-0.3c-1.9,0-3.2,1.2-3.2,3.3c0,2,1.1,3.3,3.1,3.3c0.6,0,1.3-0.1,1.7-0.3L118,17.1z"/> <path d="M119.3,9.3h1v3.9h0c0.2-0.3,0.4-0.6,0.6-0.9l2.5-3h1.3l-2.9,3.4l3.2,4.7h-1.2l-2.7-4l-0.8,0.9v3.1h-1V9.3z"/> <path d="M131.2,14.5l-5.6,2.9v-0.8l4.7-2.4v0l-4.7-2.4V11l5.6,2.9V14.5z"/> </g> </symbol><symbol viewBox="156 156 200 200" id="shape-link-icon"><title>link-icon</title> <g> <path d="M260.2,270.7l-11.8,11.8l0.4,0.4c1.6,1.6,1.6,4.3,0,5.9l-49.2,49.2c-1.6,1.6-4.3,1.6-5.9,0l-19.7-19.7
c-1.6-1.6-1.6-4.3,0-5.9l49.2-49.2c1.6-1.6,4.3-1.6,5.9,0l0.4,0.4l11.8-11.8l-0.4-0.4c-8.2-8.2-21.4-8.2-29.5,0l-49.2,49.2
c-8.2,8.2-8.2,21.4,0,29.5l19.7,19.7c8.2,8.2,21.4,8.2,29.5,0l49.2-49.2c8.2-8.2,8.2-21.4,0-29.5L260.2,270.7z"/> <path d="M349.9,181.8l-19.7-19.7c-8.2-8.2-21.4-8.2-29.6,0l-49.2,49.2c-8.2,8.2-8.2,21.4,0,29.5l0.4,0.4l11.8-11.8l-0.4-0.4
c-1.6-1.6-1.6-4.3,0-5.9l49.2-49.2c1.6-1.6,4.3-1.6,5.9,0l19.7,19.7c1.6,1.6,1.6,4.3,0,5.9l-49.2,49.2c-1.6,1.6-4.3,1.6-5.9,0
l-0.4-0.4l-11.8,11.8l0.4,0.4c8.2,8.2,21.4,8.2,29.5,0l49.2-49.2C358,203.2,358,190,349.9,181.8z"/> <path d="M216.5,293.1l2.4,2.4c2.6,2.6,7.3,2.1,10.5-1.1l65-65c3.2-3.2,3.7-7.9,1.1-10.5l-2.4-2.4c-2.6-2.6-7.3-2.1-10.5,1.1l-65,65
C214.4,285.8,213.9,290.5,216.5,293.1z"/> </g> </symbol><symbol viewBox="0 0 50 50" id="shape-linkedin-up"><title>linkedin-up</title> <g> <path d="M25,3C12.9,3,3,5.3,3,25s9.9,22,22,22s22-2.3,22-22S37.1,3,25,3z M20,33h-4V21h4V33z M18,19c-2,0-2-0.7-2-1.9
c0-1.1,0-2.1,2-2.1s2,0.8,2,2S20,19,18,19z M34,33h-4v-6c0-1.6-0.3-3.2-1.8-3.2c-1.1,0-1.8,0.8-2.1,1.5c-0.1,0.3-0.1,0.6-0.1,1V33
h-4c0,0,0.1-10.9,0-12h4v1.6c0.5-0.8,1.5-2,3.6-2c2.7,0,4.4,1.7,4.4,5.4V33z"/> <path d="M26,22.6L26,22.6L26,22.6L26,22.6z"/> </g> </symbol><symbol viewBox="0 0 50 50" id="shape-pinterest-up"><title>pinterest-up</title> <path d="M25,3C12.9,3,3,5.3,3,25s9.9,22,22,22s22-2.3,22-22S37.1,3,25,3z M26.5,30.2c-1.3,0-2.4-0.6-2.8-1.4c0,0-0.7,2.3-0.9,2.8
c-0.5,1.9-2,3.7-2.1,3.9c-0.1,0.1-0.3,0.1-0.3-0.1c0-0.2-0.6-2.7-0.1-4.6c0.2-1,1.5-6.3,1.5-6.3s-0.5-0.8-0.5-1.9
c0-1.7,1.1-3.3,2.4-3.3c1.1,0,2,0.9,2,1.9c0,1.1-0.9,2.9-1.2,4.4c-0.3,1.3,0.6,2.3,1.9,2.3c2.2,0,3.7-2.9,3.7-6.3
c0-2.6-1.7-4.2-4.9-4.2c-3.6,0-5.5,2.3-5.5,5.3c0,1,0.2,1.7,0.7,2.3c0.2,0.3,0.3,0.4,0.2,0.7c-0.1,0.2-0.4,0.7-0.5,0.9
C20,27,19.7,27.1,19.4,27c-1.6-0.7-2.4-2.5-2.4-4.5c0-3.3,2.7-7.5,8.3-7.5c4.5,0,7.8,3.5,7.8,7C33.1,26.5,31,30.2,26.5,30.2z"/> </symbol><symbol viewBox="0 0 50 50" id="shape-twitter-up"><title>twitter-up</title> <path d="M25,3C12.8,3,3,5.3,3,25s9.8,22,22,22s22-2.3,22-22S37.2,3,25,3z M32.9,20.9c0,0.2,0,0.4,0,0.5c0,5.6-4.2,12-12,12
c-2.4,0-4.6-0.7-6.4-1.9c0.3,0,0.7,0.1,1,0.1c2,0,3.8-0.7,5.2-1.8c-1.8,0-3.4-1.2-3.9-2.9c0.3,0,0.5,0.1,0.8,0.1
c0.4,0,0.8-0.1,1.1-0.1c-1.9-0.4-3.4-2.1-3.4-4.1c0,0,0,0,0-0.1c0.6,0.3,1.2,0.5,1.9,0.5c-1.1-0.8-1.9-2-1.9-3.5
c0-0.8,0.2-1.5,0.6-2.1c2.1,2.5,5.2,4.2,8.7,4.4c-0.1-0.3-0.1-0.6-0.1-1c0-2.3,1.9-4.2,4.2-4.2c1.2,0,2.3,0.5,3.1,1.3
c1-0.2,1.9-0.5,2.7-1c-0.3,1-1,1.8-1.8,2.3c0.9-0.1,1.7-0.3,2.4-0.7C34.4,19.5,33.7,20.3,32.9,20.9z"/> </symbol></svg><header>
<div class="row">
<div class="large-12 columns">
<svg>
<use xlink:href="#shape-kevinletterlogo" />
</svg>
</div>
<div class="large-12 columns">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="name">
<h1><a href="#">Demo Site</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</section>
</nav>
</div>
</div>
</header>
<div class="row">
<div class="large-12 columns">
<h1>Welcome to my Demo site.</h1>
</div>
</div>
<div class="row">
<div id="owl-demo" class="owl-carousel large-12 columns">
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider1.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider2.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider3.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider4.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider5.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider6.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider7.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider8.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider9.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider10.jpg" alt="Lazy Nature Image"></div>
<div class="item"><img class="lazyOwl" data-src="assets/slider/slider11.jpg" alt="Lazy Nature Image"></div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div class="panel">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui.</p>
</div>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<div class="countdown">
<h3>Countdown to DrupalCamp Ghent <span class="strikethrough">2014</span> 2015</h3>
<div id="clock"></div>
<blockquote>
<p>Join us for a new Drupalcamp in Ghent on November 7 & 8, 2014. Our camp will be at the Campus Schoonmeersen of the Hogeschool Gent this year, walking distance from the Gent Sint-Pieters train station. We will be having multiple session tracks, codesprints and informal meetings (BoFs), which will add up to become the best Drupal event in Ghent ever!</p>
<p>Through a wide range of presentations you will learn more about all the latest in Drupal development and site building. The topics covered offer something for everyone, from novice to experienced user. They include talks about development, front end development, design & usability, community, and much more.</p>
</blockquote>
<div class="large-6 medium-6 columns push-3 drupalcamp">
<a href="http://ghent2014.drupalcamp.be" target="_blank" class="cta-drupalcamp"><span><svg><use xlink:href="#shape-link-icon" /></svg></span>Visit the DrupalCamp site</a>
<a href="https://www.facebook.com/DrupalcampBelgium" target="_blank" class="cta-facebook"><span><svg><use xlink:href="#shape-facebook-thumb" /></svg></span>Facebook page</a>
</div>
</div>
</div>
</div>
<footer>
<div class="row">
<div class="large-4 medium-4 columns social">
<a href="https://www.facebook.com/KevinVR" target="_blank">
<svg class="facebook-icon">
<use xlink:href="#shape-facebook-up" />
</svg>
</a>
<a href="https://twitter.com/kevinvransbeeck" target="_blank">
<svg class="twitter-icon">
<use xlink:href="#shape-twitter-up" />
</svg>
</a>
<a href="https://www.linkedin.com/profile/view?id=140537646" target="_blank">
<svg class="linkedin-icon">
<use xlink:href="#shape-linkedin-up" />
</svg>
</a>
<a href="http://instagram.com/kevinvanransbeeck" target="_blank">
<svg class="instagram-icon">
<use xlink:href="#shape-instagram-up" />
</svg>
</a>
<a href="http://www.pinterest.com/KevinVRansbeeck/" target="_blank">
<svg class="pinterest-icon">
<use xlink:href="#shape-pinterest-up" />
</svg>
</a>
</div>
</div>
</footer>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.min.js"></script>
</body>
</html>
<br />
<b>Warning</b>: PHP Startup: Unable to load dynamic library '/usr/local/zend/lib/php_extensions/mcrypt.so' - dlopen(/usr/local/zend/lib/php_extensions/mcrypt.so, 9): Library not loaded: /usr/lib/libltdl.7.dylib
Referenced from: /usr/local/zend/lib/php_extensions/mcrypt.so
Reason: image not found in <b>Unknown</b> on line <b>0</b><br />
index.php
......@@ -4,6 +4,9 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Demo site.</title>
<link href="css/critical.css?__inline=true" rel="stylesheet" />
<link rel="stylesheet" href="css/style.min.css" />
</head>
......@@ -77,7 +80,7 @@ require_once ('assets/svg-defs.svg');
<div class="row">
<div class="large-12 columns">
<div class="countdown">
<h3>Countdown to DrupalCamp Ghent 2014</h3>
<h3>Countdown to DrupalCamp Ghent <span class="strikethrough">2014</span> 2015</h3>
<div id="clock"></div>
<blockquote>
<p>Join us for a new Drupalcamp in Ghent on November 7 & 8, 2014. Our camp will be at the Campus Schoonmeersen of the Hogeschool Gent this year, walking distance from the Gent Sint-Pieters train station. We will be having multiple session tracks, codesprints and informal meetings (BoFs), which will add up to become the best Drupal event in Ghent ever!</p>
......
js/app.js
......@@ -8,7 +8,7 @@ $(document).ready(function() {
});
var ringer = {
countdown_to: "11/07/2014",
countdown_to: "11/07/2015",
rings: {
'DAYS': {
s: 86400000, // mseconds in a day,
......
js/app.min.js
"function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a,b,c){var d={init:function(b,c){var d=this;d.$elem=a(c),d.options=a.extend({},a.fn.owlCarousel.options,d.$elem.data(),b),d.userOptions=b,d.loadContent()},loadContent:function(){function b(a){var b,c="";if("function"==typeof d.options.jsonSuccess)d.options.jsonSuccess.apply(this,[a]);else{for(b in a.owl)a.owl.hasOwnProperty(b)&&(c+=a.owl[b].item);d.$elem.html(c)}d.logIn()}var c,d=this;"function"==typeof d.options.beforeInit&&d.options.beforeInit.apply(this,[d.$elem]),"string"==typeof d.options.jsonPath?(c=d.options.jsonPath,a.getJSON(c,b)):d.logIn()},logIn:function(){var a=this;a.$elem.data("owl-originalStyles",a.$elem.attr("style")),a.$elem.data("owl-originalClasses",a.$elem.attr("class")),a.$elem.css({opacity:0}),a.orignalItems=a.options.items,a.checkBrowser(),a.wrapperWidth=0,a.checkVisible=null,a.setVars()},setVars:function(){var a=this;return 0===a.$elem.children().length?!1:(a.baseClass(),a.eventTypes(),a.$userItems=a.$elem.children(),a.itemsAmount=a.$userItems.length,a.wrapItems(),a.$owlItems=a.$elem.find(".owl-item"),a.$owlWrapper=a.$elem.find(".owl-wrapper"),a.playDirection="next",a.prevItem=0,a.prevArr=[0],a.currentItem=0,a.customEvents(),void a.onStartup())},onStartup:function(){var a=this;a.updateItems(),a.calculateAll(),a.buildControls(),a.updateControls(),a.response(),a.moveEvents(),a.stopOnHover(),a.owlStatus(),a.options.transitionStyle!==!1&&a.transitionTypes(a.options.transitionStyle),a.options.autoPlay===!0&&(a.options.autoPlay=5e3),a.play(),a.$elem.find(".owl-wrapper").css("display","block"),a.$elem.is(":visible")?a.$elem.css("opacity",1):a.watchVisibility(),a.onstartup=!1,a.eachMoveUpdate(),"function"==typeof a.options.afterInit&&a.options.afterInit.apply(this,[a.$elem])},eachMoveUpdate:function(){var a=this;a.options.lazyLoad===!0&&a.lazyLoad(),a.options.autoHeight===!0&&a.autoHeight(),a.onVisibleItems(),"function"==typeof a.options.afterAction&&a.options.afterAction.apply(this,[a.$elem])},updateVars:function(){var a=this;"function"==typeof a.options.beforeUpdate&&a.options.beforeUpdate.apply(this,[a.$elem]),a.watchVisibility(),a.updateItems(),a.calculateAll(),a.updatePosition(),a.updateControls(),a.eachMoveUpdate(),"function"==typeof a.options.afterUpdate&&a.options.afterUpdate.apply(this,[a.$elem])},reload:function(){var a=this;b.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;return a.$elem.is(":visible")!==!1?!1:(a.$elem.css({opacity:0}),b.clearInterval(a.autoPlayInterval),b.clearInterval(a.checkVisible),void(a.checkVisible=b.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),b.clearInterval(a.checkVisible))},500)))},wrapItems:function(){var a=this;a.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>'),a.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">'),a.wrapperOuter=a.$elem.find(".owl-wrapper-outer"),a.$elem.css("display","block")},baseClass:function(){var a=this,b=a.$elem.hasClass(a.options.baseClass),c=a.$elem.hasClass(a.options.theme);b||a.$elem.addClass(a.options.baseClass),c||a.$elem.addClass(a.options.theme)},updateItems:function(){var b,c,d=this;if(d.options.responsive===!1)return!1;if(d.options.singleItem===!0)return d.options.items=d.orignalItems=1,d.options.itemsCustom=!1,d.options.itemsDesktop=!1,d.options.itemsDesktopSmall=!1,d.options.itemsTablet=!1,d.options.itemsTabletSmall=!1,d.options.itemsMobile=!1,!1;if(b=a(d.options.responsiveBaseWidth).width(),b>(d.options.itemsDesktop[0]||d.orignalItems)&&(d.options.items=d.orignalItems),d.options.itemsCustom!==!1)for(d.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),c=0;c<d.options.itemsCustom.length;c+=1)d.options.itemsCustom[c][0]<=b&&(d.options.items=d.options.itemsCustom[c][1]);else b<=d.options.itemsDesktop[0]&&d.options.itemsDesktop!==!1&&(d.options.items=d.options.itemsDesktop[1]),b<=d.options.itemsDesktopSmall[0]&&d.options.itemsDesktopSmall!==!1&&(d.options.items=d.options.itemsDesktopSmall[1]),b<=d.options.itemsTablet[0]&&d.options.itemsTablet!==!1&&(d.options.items=d.options.itemsTablet[1]),b<=d.options.itemsTabletSmall[0]&&d.options.itemsTabletSmall!==!1&&(d.options.items=d.options.itemsTabletSmall[1]),b<=d.options.itemsMobile[0]&&d.options.itemsMobile!==!1&&(d.options.items=d.options.itemsMobile[1]);d.options.items>d.itemsAmount&&d.options.itemsScaleUp===!0&&(d.options.items=d.itemsAmount)},response:function(){var c,d,e=this;return e.options.responsive!==!0?!1:(d=a(b).width(),e.resizer=function(){a(b).width()!==d&&(e.options.autoPlay!==!1&&b.clearInterval(e.autoPlayInterval),b.clearTimeout(c),c=b.setTimeout(function(){d=a(b).width(),e.updateVars()},e.options.responsiveRefreshRate))},void a(b).resize(e.resizer))},updatePosition:function(){var a=this;a.jumpTo(a.currentItem),a.options.autoPlay!==!1&&a.checkAp()},appendItemsSizes:function(){var b=this,c=0,d=b.itemsAmount-b.options.items;b.$owlItems.each(function(e){var f=a(this);f.css({width:b.itemWidth}).data("owl-item",Number(e)),(e%b.options.items===0||e===d)&&(e>d||(c+=1)),f.data("owl-roundPages",c)})},appendWrapperSizes:function(){var a=this,b=a.$owlItems.length*a.itemWidth;a.$owlWrapper.css({width:2*b,left:0}),a.appendItemsSizes()},calculateAll:function(){var a=this;a.calculateWidth(),a.appendWrapperSizes(),a.loops(),a.max()},calculateWidth:function(){var a=this;a.itemWidth=Math.round(a.$elem.width()/a.options.items)},max:function(){var a=this,b=-1*(a.itemsAmount*a.itemWidth-a.options.items*a.itemWidth);return a.options.items>a.itemsAmount?(a.maximumItem=0,b=0,a.maximumPixels=0):(a.maximumItem=a.itemsAmount-a.options.items,a.maximumPixels=b),b},min:function(){return 0},loops:function(){var b,c,d,e=this,f=0,g=0;for(e.positionsInArray=[0],e.pagesInArray=[],b=0;b<e.itemsAmount;b+=1)g+=e.itemWidth,e.positionsInArray.push(-g),e.options.scrollPerPage===!0&&(c=a(e.$owlItems[b]),d=c.data("owl-roundPages"),d!==f&&(e.pagesInArray[f]=e.positionsInArray[b],f=d))},buildControls:function(){var b=this;(b.options.navigation===!0||b.options.pagination===!0)&&(b.owlControls=a('<div class="owl-controls"/>').toggleClass("clickable",!b.browser.isTouch).appendTo(b.$elem)),b.options.pagination===!0&&b.buildPagination(),b.options.navigation===!0&&b.buildButtons()},buildButtons:function(){var b=this,c=a('<div class="owl-buttons"/>');b.owlControls.append(c),b.buttonPrev=a("<div/>",{"class":"owl-prev",html:b.options.navigationText[0]||""}),b.buttonNext=a("<div/>",{"class":"owl-next",html:b.options.navigationText[1]||""}),c.append(b.buttonPrev).append(b.buttonNext),c.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()}),c.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(c){c.preventDefault(),a(this).hasClass("owl-next")?b.next():b.prev()})},buildPagination:function(){var b=this;b.paginationWrapper=a('<div class="owl-pagination"/>'),b.owlControls.append(b.paginationWrapper),b.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(c){c.preventDefault(),Number(a(this).data("owl-page"))!==b.currentItem&&b.goTo(Number(a(this).data("owl-page")),!0)})},updatePagination:function(){var b,c,d,e,f,g,h=this;if(h.options.pagination===!1)return!1;for(h.paginationWrapper.html(""),b=0,c=h.itemsAmount-h.itemsAmount%h.options.items,e=0;e<h.itemsAmount;e+=1)e%h.options.items===0&&(b+=1,c===e&&(d=h.itemsAmount-h.options.items),f=a("<div/>",{"class":"owl-page"}),g=a("<span></span>",{text:h.options.paginationNumbers===!0?b:"","class":h.options.paginationNumbers===!0?"owl-numbers":""}),f.append(g),f.data("owl-page",c===e?d:e),f.data("owl-roundPages",b),h.paginationWrapper.append(f));h.checkPagination()},checkPagination:function(){var b=this;return b.options.pagination===!1?!1:void b.paginationWrapper.find(".owl-page").each(function(){a(this).data("owl-roundPages")===a(b.$owlItems[b.currentItem]).data("owl-roundPages")&&(b.paginationWrapper.find(".owl-page").removeClass("active"),a(this).addClass("active"))})},checkNavigation:function(){var a=this;return a.options.navigation===!1?!1:void(a.options.rewindNav===!1&&(0===a.currentItem&&0===a.maximumItem?(a.buttonPrev.addClass("disabled"),a.buttonNext.addClass("disabled")):0===a.currentItem&&0!==a.maximumItem?(a.buttonPrev.addClass("disabled"),a.buttonNext.removeClass("disabled")):a.currentItem===a.maximumItem?(a.buttonPrev.removeClass("disabled"),a.buttonNext.addClass("disabled")):0!==a.currentItem&&a.currentItem!==a.maximumItem&&(a.buttonPrev.removeClass("disabled"),a.buttonNext.removeClass("disabled"))))},updateControls:function(){var a=this;a.updatePagination(),a.checkNavigation(),a.owlControls&&(a.options.items>=a.itemsAmount?a.owlControls.hide():a.owlControls.show())},destroyControls:function(){var a=this;a.owlControls&&a.owlControls.remove()},next:function(a){var b=this;if(b.isTransition)return!1;if(b.currentItem+=b.options.scrollPerPage===!0?b.options.items:1,b.currentItem>b.maximumItem+(b.options.scrollPerPage===!0?b.options.items-1:0)){if(b.options.rewindNav!==!0)return b.currentItem=b.maximumItem,!1;b.currentItem=0,a="rewind"}b.goTo(b.currentItem,a)},prev:function(a){var b=this;if(b.isTransition)return!1;if(b.options.scrollPerPage===!0&&b.currentItem>0&&b.currentItem<b.options.items?b.currentItem=0:b.currentItem-=b.options.scrollPerPage===!0?b.options.items:1,b.currentItem<0){if(b.options.rewindNav!==!0)return b.currentItem=0,!1;b.currentItem=b.maximumItem,a="rewind"}b.goTo(b.currentItem,a)},goTo:function(a,c,d){var e,f=this;return f.isTransition?!1:("function"==typeof f.options.beforeMove&&f.options.beforeMove.apply(this,[f.$elem]),a>=f.maximumItem?a=f.maximumItem:0>=a&&(a=0),f.currentItem=f.owl.currentItem=a,f.options.transitionStyle!==!1&&"drag"!==d&&1===f.options.items&&f.browser.support3d===!0?(f.swapSpeed(0),f.browser.support3d===!0?f.transition3d(f.positionsInArray[a]):f.css2slide(f.positionsInArray[a],1),f.afterGo(),f.singleItemTransition(),!1):(e=f.positionsInArray[a],f.browser.support3d===!0?(f.isCss3Finish=!1,c===!0?(f.swapSpeed("paginationSpeed"),b.setTimeout(function(){f.isCss3Finish=!0},f.options.paginationSpeed)):"rewind"===c?(f.swapSpeed(f.options.rewindSpeed),b.setTimeout(function(){f.isCss3Finish=!0},f.options.rewindSpeed)):(f.swapSpeed("slideSpeed"),b.setTimeout(function(){f.isCss3Finish=!0},f.options.slideSpeed)),f.transition3d(e)):c===!0?f.css2slide(e,f.options.paginationSpeed):"rewind"===c?f.css2slide(e,f.options.rewindSpeed):f.css2slide(e,f.options.slideSpeed),void f.afterGo()))},jumpTo:function(a){var b=this;"function"==typeof b.options.beforeMove&&b.options.beforeMove.apply(this,[b.$elem]),a>=b.maximumItem||-1===a?a=b.maximumItem:0>=a&&(a=0),b.swapSpeed(0),b.browser.support3d===!0?b.transition3d(b.positionsInArray[a]):b.css2slide(b.positionsInArray[a],1),b.currentItem=b.owl.currentItem=a,b.afterGo()},afterGo:function(){var a=this;a.prevArr.push(a.currentItem),a.prevItem=a.owl.prevItem=a.prevArr[a.prevArr.length-2],a.prevArr.shift(0),a.prevItem!==a.currentItem&&(a.checkPagination(),a.checkNavigation(),a.eachMoveUpdate(),a.options.autoPlay!==!1&&a.checkAp()),"function"==typeof a.options.afterMove&&a.prevItem!==a.currentItem&&a.options.afterMove.apply(this,[a.$elem])},stop:function(){var a=this;a.apStatus="stop",b.clearInterval(a.autoPlayInterval)},checkAp:function(){var a=this;"stop"!==a.apStatus&&a.play()},play:function(){var a=this;return a.apStatus="play",a.options.autoPlay===!1?!1:(b.clearInterval(a.autoPlayInterval),void(a.autoPlayInterval=b.setInterval(function(){a.next(!0)},a.options.autoPlay)))},swapSpeed:function(a){var b=this;"slideSpeed"===a?b.$owlWrapper.css(b.addCssSpeed(b.options.slideSpeed)):"paginationSpeed"===a?b.$owlWrapper.css(b.addCssSpeed(b.options.paginationSpeed)):"string"!=typeof a&&b.$owlWrapper.css(b.addCssSpeed(a))},addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){var b=this;b.$owlWrapper.css(b.doTranslate(a))},css2move:function(a){var b=this;b.$owlWrapper.css({left:a})},css2slide:function(a,b){var c=this;c.isCssFinish=!1,c.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||c.options.slideSpeed,complete:function(){c.isCssFinish=!0}})},checkBrowser:function(){var a,d,e,f,g=this,h="translate3d(0px, 0px, 0px)",i=c.createElement("div");i.style.cssText=" -moz-transform:"+h+"; -ms-transform:"+h+"; -o-transform:"+h+"; -webkit-transform:"+h+"; transform:"+h,a=/translate3d\(0px, 0px, 0px\)/g,d=i.style.cssText.match(a),e=null!==d&&1===d.length,f="ontouchstart"in b||b.navigator.msMaxTouchPoints,g.browser={support3d:e,isTouch:f}},moveEvents:function(){var a=this;(a.options.mouseDrag!==!1||a.options.touchDrag!==!1)&&(a.gestures(),a.disabledEvents())},eventTypes:function(){var a=this,b=["s","e","x"];a.ev_types={},a.options.mouseDrag===!0&&a.options.touchDrag===!0?b=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:a.options.mouseDrag===!1&&a.options.touchDrag===!0?b=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:a.options.mouseDrag===!0&&a.options.touchDrag===!1&&(b=["mousedown.owl","mousemove.owl","mouseup.owl"]),a.ev_types.start=b[0],a.ev_types.move=b[1],a.ev_types.end=b[2]},disabledEvents:function(){var b=this;b.$elem.on("dragstart.owl",function(a){a.preventDefault()}),b.$elem.on("mousedown.disableTextSelect",function(b){return a(b.target).is("input, textarea, select, option")})},gestures:function(){function d(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function e(b){"on"===b?(a(c).on(i.ev_types.move,g),a(c).on(i.ev_types.end,h)):"off"===b&&(a(c).off(i.ev_types.move),a(c).off(i.ev_types.end))}function f(c){var f,g=c.originalEvent||c||b.event;if(3===g.which)return!1;if(!(i.itemsAmount<=i.options.items)){if(i.isCssFinish===!1&&!i.options.dragBeforeAnimFinish)return!1;if(i.isCss3Finish===!1&&!i.options.dragBeforeAnimFinish)return!1;i.options.autoPlay!==!1&&b.clearInterval(i.autoPlayInterval),i.browser.isTouch===!0||i.$owlWrapper.hasClass("grabbing")||i.$owlWrapper.addClass("grabbing"),i.newPosX=0,i.newRelativeX=0,a(this).css(i.removeTransition()),f=a(this).position(),j.relativePos=f.left,j.offsetX=d(g).x-f.left,j.offsetY=d(g).y-f.top,e("on"),j.sliding=!1,j.targetElement=g.target||g.srcElement}}function g(e){var f,g,h=e.originalEvent||e||b.event;i.newPosX=d(h).x-j.offsetX,i.newPosY=d(h).y-j.offsetY,i.newRelativeX=i.newPosX-j.relativePos,"function"==typeof i.options.startDragging&&j.dragging!==!0&&0!==i.newRelativeX&&(j.dragging=!0,i.options.startDragging.apply(i,[i.$elem])),(i.newRelativeX>8||i.newRelativeX<-8)&&i.browser.isTouch===!0&&(void 0!==h.preventDefault?h.preventDefault():h.returnValue=!1,j.sliding=!0),(i.newPosY>10||i.newPosY<-10)&&j.sliding===!1&&a(c).off("touchmove.owl"),f=function(){return i.newRelativeX/5},g=function(){return i.maximumPixels+i.newRelativeX/5},i.newPosX=Math.max(Math.min(i.newPosX,f()),g()),i.browser.support3d===!0?i.transition3d(i.newPosX):i.css2move(i.newPosX)}function h(c){var d,f,g,h=c.originalEvent||c||b.event;h.target=h.target||h.srcElement,j.dragging=!1,i.browser.isTouch!==!0&&i.$owlWrapper.removeClass("grabbing"),i.dragDirection=i.owl.dragDirection=i.newRelativeX<0?"left":"right",0!==i.newRelativeX&&(d=i.getNewPosition(),i.goTo(d,!1,"drag"),j.targetElement===h.target&&i.browser.isTouch!==!0&&(a(h.target).on("click.disable",function(b){b.stopImmediatePropagation(),b.stopPropagation(),b.preventDefault(),a(b.target).off("click.disable")}),f=a._data(h.target,"events").click,g=f.pop(),f.splice(0,0,g))),e("off")}var i=this,j={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};i.isCssFinish=!0,i.$elem.on(i.ev_types.start,".owl-wrapper",f)},getNewPosition:function(){var a=this,b=a.closestItem();return b>a.maximumItem?(a.currentItem=a.maximumItem,b=a.maximumItem):a.newPosX>=0&&(b=0,a.currentItem=0),b},closestItem:function(){var b=this,c=b.options.scrollPerPage===!0?b.pagesInArray:b.positionsInArray,d=b.newPosX,e=null;return a.each(c,function(f,g){d-b.itemWidth/20>c[f+1]&&d-b.itemWidth/20<g&&"left"===b.moveDirection()?(e=g,b.currentItem=b.options.scrollPerPage===!0?a.inArray(e,b.positionsInArray):f):d+b.itemWidth/20<g&&d+b.itemWidth/20>(c[f+1]||c[f]-b.itemWidth)&&"right"===b.moveDirection()&&(b.options.scrollPerPage===!0?(e=c[f+1]||c[c.length-1],b.currentItem=a.inArray(e,b.positionsInArray)):(e=c[f+1],b.currentItem=f+1))}),b.currentItem},moveDirection:function(){var a,b=this;return b.newRelativeX<0?(a="right",b.playDirection="next"):(a="left",b.playDirection="prev"),a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()}),a.$elem.on("owl.prev",function(){a.prev()}),a.$elem.on("owl.play",function(b,c){a.options.autoPlay=c,a.play(),a.hoverStatus="play"}),a.$elem.on("owl.stop",function(){a.stop(),a.hoverStatus="stop"}),a.$elem.on("owl.goTo",function(b,c){a.goTo(c)}),a.$elem.on("owl.jumpTo",function(b,c){a.jumpTo(c)})},stopOnHover:function(){var a=this;a.options.stopOnHover===!0&&a.browser.isTouch!==!0&&a.options.autoPlay!==!1&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var b,c,d,e,f,g=this;if(g.options.lazyLoad===!1)return!1;for(b=0;b<g.itemsAmount;b+=1)c=a(g.$owlItems[b]),"loaded"!==c.data("owl-loaded")&&(d=c.data("owl-item"),e=c.find(".lazyOwl"),"string"==typeof e.data("src")?(void 0===c.data("owl-loaded")&&(e.hide(),c.addClass("loading").data("owl-loaded","checked")),f=g.options.lazyFollow===!0?d>=g.currentItem:!0,f&&d<g.currentItem+g.options.items&&e.length&&g.lazyPreload(c,e)):c.data("owl-loaded","loaded"))},lazyPreload:function(a,c){function d(){a.data("owl-loaded","loaded").removeClass("loading"),c.removeAttr("data-src"),"fade"===g.options.lazyEffect?c.fadeIn(400):c.show(),"function"==typeof g.options.afterLazyLoad&&g.options.afterLazyLoad.apply(this,[g.$elem])}function e(){h+=1,g.completeImg(c.get(0))||f===!0?d():100>=h?b.setTimeout(e,100):d()}var f,g=this,h=0;"DIV"===c.prop("tagName")?(c.css("background-image","url("+c.data("src")+")"),f=!0):c[0].src=c.data("src"),e()},autoHeight:function(){function c(){var c=a(f.$owlItems[f.currentItem]).height();f.wrapperOuter.css("height",c+"px"),f.wrapperOuter.hasClass("autoHeight")||b.setTimeout(function(){f.wrapperOuter.addClass("autoHeight")},0)}function d(){e+=1,f.completeImg(g.get(0))?c():100>=e?b.setTimeout(d,100):f.wrapperOuter.css("height","")}var e,f=this,g=a(f.$owlItems[f.currentItem]).find("img");void 0!==g.get(0)?(e=0,d()):c()},completeImg:function(a){var b;return a.complete?(b=typeof a.naturalWidth,"undefined"!==b&&0===a.naturalWidth?!1:!0):!1},onVisibleItems:function(){var b,c=this;for(c.options.addClassActive===!0&&c.$owlItems.removeClass("active"),c.visibleItems=[],b=c.currentItem;b<c.currentItem+c.options.items;b+=1)c.visibleItems.push(b),c.options.addClassActive===!0&&a(c.$owlItems[b]).addClass("active");c.owl.visibleItems=c.visibleItems},transitionTypes:function(a){var b=this;b.outClass="owl-"+a+"-out",b.inClass="owl-"+a+"-in"},singleItemTransition:function(){function a(a){return{position:"relative",left:a+"px"}}var b=this,c=b.outClass,d=b.inClass,e=b.$owlItems.eq(b.currentItem),f=b.$owlItems.eq(b.prevItem),g=Math.abs(b.positionsInArray[b.currentItem])+b.positionsInArray[b.prevItem],h=Math.abs(b.positionsInArray[b.currentItem])+b.itemWidth/2,i="webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend";b.isTransition=!0,b.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":h+"px","-moz-perspective-origin":h+"px","perspective-origin":h+"px"}),f.css(a(g,10)).addClass(c).on(i,function(){b.endPrev=!0,f.off(i),b.clearTransStyle(f,c)}),e.addClass(d).on(i,function(){b.endCurrent=!0,e.off(i),b.clearTransStyle(e,d)})},clearTransStyle:function(a,b){var c=this;a.css({position:"",left:""}).removeClass(b),c.endPrev&&c.endCurrent&&(c.$owlWrapper.removeClass("owl-origin"),c.endPrev=!1,c.endCurrent=!1,c.isTransition=!1)},owlStatus:function(){var a=this;a.owl={userOptions:a.userOptions,baseElement:a.$elem,userItems:a.$userItems,owlItems:a.$owlItems,currentItem:a.currentItem,prevItem:a.prevItem,visibleItems:a.visibleItems,isTouch:a.browser.isTouch,browser:a.browser,dragDirection:a.dragDirection}},clearEvents:function(){var d=this;d.$elem.off(".owl owl mousedown.disableTextSelect"),a(c).off(".owl owl"),a(b).off("resize",d.resizer)},unWrap:function(){var a=this;0!==a.$elem.children().length&&(a.$owlWrapper.unwrap(),a.$userItems.unwrap().unwrap(),a.owlControls&&a.owlControls.remove()),a.clearEvents(),a.$elem.attr("style",a.$elem.data("owl-originalStyles")||"").attr("class",a.$elem.data("owl-originalClasses"))},destroy:function(){var a=this;a.stop(),b.clearInterval(a.checkVisible),a.unWrap(),a.$elem.removeData()},reinit:function(b){var c=this,d=a.extend({},c.userOptions,b);c.unWrap(),c.init(d,c.$elem)},addItem:function(a,b){var c,d=this;return a?0===d.$elem.children().length?(d.$elem.append(a),d.setVars(),!1):(d.unWrap(),c=void 0===b||-1===b?-1:b,c>=d.$userItems.length||-1===c?d.$userItems.eq(-1).after(a):d.$userItems.eq(c).before(a),void d.setVars()):!1},removeItem:function(a){var b,c=this;return 0===c.$elem.children().length?!1:(b=void 0===a||-1===a?-1:a,c.unWrap(),c.$userItems.eq(b).remove(),void c.setVars())}};a.fn.owlCarousel=function(b){return this.each(function(){if(a(this).data("owl-init")===!0)return!1;a(this).data("owl-init",!0);var c=Object.create(d);c.init(b,this),a.data(this,"owlCarousel",c)})},a.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1e3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:b,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}}(jQuery,window,document),$(document).foundation(),$(document).ready(function(){$("#owl-demo").owlCarousel({singleItem:!0,lazyLoad:!0,navigation:!0});var a={countdown_to:"11/07/2014",rings:{DAYS:{s:864e5,max:365},HOURS:{s:36e5,max:24},MINUTES:{s:6e4,max:60},SECONDS:{s:1e3,max:60}},r_count:4,r_spacing:10,r_size:75,r_thickness:2,update_interval:11,init:function(){$r=a,$r.cvs=document.createElement("canvas"),$r.size={w:($r.r_size+$r.r_thickness)*$r.r_count+$r.r_spacing*($r.r_count-1),h:$r.r_size+$r.r_thickness},$r.cvs.setAttribute("width",$r.size.w),$r.cvs.setAttribute("height",$r.size.h),$r.ctx=$r.cvs.getContext("2d"),$("#clock").html($r.cvs),$r.cvs=$($r.cvs),$r.ctx.textAlign="center",$r.actual_size=$r.r_size+$r.r_thickness,$r.countdown_to_time=new Date($r.countdown_to).getTime(),$r.cvs.css({width:$r.size.w+"px",height:$r.size.h+"px"}),$r.go()},ctx:null,go:function(){var a=0;$r.time=(new Date).getTime()-$r.countdown_to_time;for(var b in $r.rings)$r.unit(a++,b,$r.rings[b]);setTimeout($r.go,$r.update_interval)},unit:function(a,b,c){var d,e,f,g=c.s;f=parseFloat($r.time/g),$r.time-=Math.round(parseInt(f))*g,f=Math.abs(f),d=.5*$r.r_size+.5*$r.r_thickness,d+=+(a*($r.r_size+$r.r_spacing+$r.r_thickness)),e=.5*$r.r_size,e+=.5*$r.r_thickness;var h=360-f/c.max*360,i=h*(Math.PI/180);$r.ctx.save(),$r.ctx.translate(d,e),$r.ctx.clearRect($r.actual_size*-.5,$r.actual_size*-.5,$r.actual_size,$r.actual_size),$r.ctx.strokeStyle="rgba(128,128,128,0.2)",$r.ctx.beginPath(),$r.ctx.arc(0,0,$r.r_size/2,0,2*Math.PI,2),$r.ctx.lineWidth=$r.r_thickness,$r.ctx.stroke(),$r.ctx.strokeStyle="rgba(253, 128, 1, 0.9)",$r.ctx.beginPath(),$r.ctx.arc(0,0,$r.r_size/2,0,i,1),$r.ctx.lineWidth=$r.r_thickness,$r.ctx.stroke(),$r.ctx.fillStyle="#ffffff",$r.ctx.font="10px Helvetica",$r.ctx.fillStyle="#CCC",$r.ctx.fillText(b,0,23),$r.ctx.fillText(b,0,23),$r.ctx.font="bold 30px Helvetica",$r.ctx.fillText(Math.floor(f),0,5),$r.ctx.restore()}};a.init()});
\ No newline at end of file
"function"!=typeof Object.create&&(Object.create=function(a){function b(){}return b.prototype=a,new b}),function(a,b,c){var d={init:function(b,c){var d=this;d.$elem=a(c),d.options=a.extend({},a.fn.owlCarousel.options,d.$elem.data(),b),d.userOptions=b,d.loadContent()},loadContent:function(){function b(a){var b,c="";if("function"==typeof d.options.jsonSuccess)d.options.jsonSuccess.apply(this,[a]);else{for(b in a.owl)a.owl.hasOwnProperty(b)&&(c+=a.owl[b].item);d.$elem.html(c)}d.logIn()}var c,d=this;"function"==typeof d.options.beforeInit&&d.options.beforeInit.apply(this,[d.$elem]),"string"==typeof d.options.jsonPath?(c=d.options.jsonPath,a.getJSON(c,b)):d.logIn()},logIn:function(){var a=this;a.$elem.data("owl-originalStyles",a.$elem.attr("style")),a.$elem.data("owl-originalClasses",a.$elem.attr("class")),a.$elem.css({opacity:0}),a.orignalItems=a.options.items,a.checkBrowser(),a.wrapperWidth=0,a.checkVisible=null,a.setVars()},setVars:function(){var a=this;return 0===a.$elem.children().length?!1:(a.baseClass(),a.eventTypes(),a.$userItems=a.$elem.children(),a.itemsAmount=a.$userItems.length,a.wrapItems(),a.$owlItems=a.$elem.find(".owl-item"),a.$owlWrapper=a.$elem.find(".owl-wrapper"),a.playDirection="next",a.prevItem=0,a.prevArr=[0],a.currentItem=0,a.customEvents(),void a.onStartup())},onStartup:function(){var a=this;a.updateItems(),a.calculateAll(),a.buildControls(),a.updateControls(),a.response(),a.moveEvents(),a.stopOnHover(),a.owlStatus(),a.options.transitionStyle!==!1&&a.transitionTypes(a.options.transitionStyle),a.options.autoPlay===!0&&(a.options.autoPlay=5e3),a.play(),a.$elem.find(".owl-wrapper").css("display","block"),a.$elem.is(":visible")?a.$elem.css("opacity",1):a.watchVisibility(),a.onstartup=!1,a.eachMoveUpdate(),"function"==typeof a.options.afterInit&&a.options.afterInit.apply(this,[a.$elem])},eachMoveUpdate:function(){var a=this;a.options.lazyLoad===!0&&a.lazyLoad(),a.options.autoHeight===!0&&a.autoHeight(),a.onVisibleItems(),"function"==typeof a.options.afterAction&&a.options.afterAction.apply(this,[a.$elem])},updateVars:function(){var a=this;"function"==typeof a.options.beforeUpdate&&a.options.beforeUpdate.apply(this,[a.$elem]),a.watchVisibility(),a.updateItems(),a.calculateAll(),a.updatePosition(),a.updateControls(),a.eachMoveUpdate(),"function"==typeof a.options.afterUpdate&&a.options.afterUpdate.apply(this,[a.$elem])},reload:function(){var a=this;b.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;return a.$elem.is(":visible")!==!1?!1:(a.$elem.css({opacity:0}),b.clearInterval(a.autoPlayInterval),b.clearInterval(a.checkVisible),void(a.checkVisible=b.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),b.clearInterval(a.checkVisible))},500)))},wrapItems:function(){var a=this;a.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>'),a.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">'),a.wrapperOuter=a.$elem.find(".owl-wrapper-outer"),a.$elem.css("display","block")},baseClass:function(){var a=this,b=a.$elem.hasClass(a.options.baseClass),c=a.$elem.hasClass(a.options.theme);b||a.$elem.addClass(a.options.baseClass),c||a.$elem.addClass(a.options.theme)},updateItems:function(){var b,c,d=this;if(d.options.responsive===!1)return!1;if(d.options.singleItem===!0)return d.options.items=d.orignalItems=1,d.options.itemsCustom=!1,d.options.itemsDesktop=!1,d.options.itemsDesktopSmall=!1,d.options.itemsTablet=!1,d.options.itemsTabletSmall=!1,d.options.itemsMobile=!1,!1;if(b=a(d.options.responsiveBaseWidth).width(),b>(d.options.itemsDesktop[0]||d.orignalItems)&&(d.options.items=d.orignalItems),d.options.itemsCustom!==!1)for(d.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),c=0;c<d.options.itemsCustom.length;c+=1)d.options.itemsCustom[c][0]<=b&&(d.options.items=d.options.itemsCustom[c][1]);else b<=d.options.itemsDesktop[0]&&d.options.itemsDesktop!==!1&&(d.options.items=d.options.itemsDesktop[1]),b<=d.options.itemsDesktopSmall[0]&&d.options.itemsDesktopSmall!==!1&&(d.options.items=d.options.itemsDesktopSmall[1]),b<=d.options.itemsTablet[0]&&d.options.itemsTablet!==!1&&(d.options.items=d.options.itemsTablet[1]),b<=d.options.itemsTabletSmall[0]&&d.options.itemsTabletSmall!==!1&&(d.options.items=d.options.itemsTabletSmall[1]),b<=d.options.itemsMobile[0]&&d.options.itemsMobile!==!1&&(d.options.items=d.options.itemsMobile[1]);d.options.items>d.itemsAmount&&d.options.itemsScaleUp===!0&&(d.options.items=d.itemsAmount)},response:function(){var c,d,e=this;return e.options.responsive!==!0?!1:(d=a(b).width(),e.resizer=function(){a(b).width()!==d&&(e.options.autoPlay!==!1&&b.clearInterval(e.autoPlayInterval),b.clearTimeout(c),c=b.setTimeout(function(){d=a(b).width(),e.updateVars()},e.options.responsiveRefreshRate))},void a(b).resize(e.resizer))},updatePosition:function(){var a=this;a.jumpTo(a.currentItem),a.options.autoPlay!==!1&&a.checkAp()},appendItemsSizes:function(){var b=this,c=0,d=b.itemsAmount-b.options.items;b.$owlItems.each(function(e){var f=a(this);f.css({width:b.itemWidth}).data("owl-item",Number(e)),(e%b.options.items===0||e===d)&&(e>d||(c+=1)),f.data("owl-roundPages",c)})},appendWrapperSizes:function(){var a=this,b=a.$owlItems.length*a.itemWidth;a.$owlWrapper.css({width:2*b,left:0}),a.appendItemsSizes()},calculateAll:function(){var a=this;a.calculateWidth(),a.appendWrapperSizes(),a.loops(),a.max()},calculateWidth:function(){var a=this;a.itemWidth=Math.round(a.$elem.width()/a.options.items)},max:function(){var a=this,b=-1*(a.itemsAmount*a.itemWidth-a.options.items*a.itemWidth);return a.options.items>a.itemsAmount?(a.maximumItem=0,b=0,a.maximumPixels=0):(a.maximumItem=a.itemsAmount-a.options.items,a.maximumPixels=b),b},min:function(){return 0},loops:function(){var b,c,d,e=this,f=0,g=0;for(e.positionsInArray=[0],e.pagesInArray=[],b=0;b<e.itemsAmount;b+=1)g+=e.itemWidth,e.positionsInArray.push(-g),e.options.scrollPerPage===!0&&(c=a(e.$owlItems[b]),d=c.data("owl-roundPages"),d!==f&&(e.pagesInArray[f]=e.positionsInArray[b],f=d))},buildControls:function(){var b=this;(b.options.navigation===!0||b.options.pagination===!0)&&(b.owlControls=a('<div class="owl-controls"/>').toggleClass("clickable",!b.browser.isTouch).appendTo(b.$elem)),b.options.pagination===!0&&b.buildPagination(),b.options.navigation===!0&&b.buildButtons()},buildButtons:function(){var b=this,c=a('<div class="owl-buttons"/>');b.owlControls.append(c),b.buttonPrev=a("<div/>",{"class":"owl-prev",html:b.options.navigationText[0]||""}),b.buttonNext=a("<div/>",{"class":"owl-next",html:b.options.navigationText[1]||""}),c.append(b.buttonPrev).append(b.buttonNext),c.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()}),c.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(c){c.preventDefault(),a(this).hasClass("owl-next")?b.next():b.prev()})},buildPagination:function(){var b=this;b.paginationWrapper=a('<div class="owl-pagination"/>'),b.owlControls.append(b.paginationWrapper),b.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(c){c.preventDefault(),Number(a(this).data("owl-page"))!==b.currentItem&&b.goTo(Number(a(this).data("owl-page")),!0)})},updatePagination:function(){var b,c,d,e,f,g,h=this;if(h.options.pagination===!1)return!1;for(h.paginationWrapper.html(""),b=0,c=h.itemsAmount-h.itemsAmount%h.options.items,e=0;e<h.itemsAmount;e+=1)e%h.options.items===0&&(b+=1,c===e&&(d=h.itemsAmount-h.options.items),f=a("<div/>",{"class":"owl-page"}),g=a("<span></span>",{text:h.options.paginationNumbers===!0?b:"","class":h.options.paginationNumbers===!0?"owl-numbers":""}),f.append(g),f.data("owl-page",c===e?d:e),f.data("owl-roundPages",b),h.paginationWrapper.append(f));h.checkPagination()},checkPagination:function(){var b=this;return b.options.pagination===!1?!1:void b.paginationWrapper.find(".owl-page").each(function(){a(this).data("owl-roundPages")===a(b.$owlItems[b.currentItem]).data("owl-roundPages")&&(b.paginationWrapper.find(".owl-page").removeClass("active"),a(this).addClass("active"))})},checkNavigation:function(){var a=this;return a.options.navigation===!1?!1:void(a.options.rewindNav===!1&&(0===a.currentItem&&0===a.maximumItem?(a.buttonPrev.addClass("disabled"),a.buttonNext.addClass("disabled")):0===a.currentItem&&0!==a.maximumItem?(a.buttonPrev.addClass("disabled"),a.buttonNext.removeClass("disabled")):a.currentItem===a.maximumItem?(a.buttonPrev.removeClass("disabled"),a.buttonNext.addClass("disabled")):0!==a.currentItem&&a.currentItem!==a.maximumItem&&(a.buttonPrev.removeClass("disabled"),a.buttonNext.removeClass("disabled"))))},updateControls:function(){var a=this;a.updatePagination(),a.checkNavigation(),a.owlControls&&(a.options.items>=a.itemsAmount?a.owlControls.hide():a.owlControls.show())},destroyControls:function(){var a=this;a.owlControls&&a.owlControls.remove()},next:function(a){var b=this;if(b.isTransition)return!1;if(b.currentItem+=b.options.scrollPerPage===!0?b.options.items:1,b.currentItem>b.maximumItem+(b.options.scrollPerPage===!0?b.options.items-1:0)){if(b.options.rewindNav!==!0)return b.currentItem=b.maximumItem,!1;b.currentItem=0,a="rewind"}b.goTo(b.currentItem,a)},prev:function(a){var b=this;if(b.isTransition)return!1;if(b.options.scrollPerPage===!0&&b.currentItem>0&&b.currentItem<b.options.items?b.currentItem=0:b.currentItem-=b.options.scrollPerPage===!0?b.options.items:1,b.currentItem<0){if(b.options.rewindNav!==!0)return b.currentItem=0,!1;b.currentItem=b.maximumItem,a="rewind"}b.goTo(b.currentItem,a)},goTo:function(a,c,d){var e,f=this;return f.isTransition?!1:("function"==typeof f.options.beforeMove&&f.options.beforeMove.apply(this,[f.$elem]),a>=f.maximumItem?a=f.maximumItem:0>=a&&(a=0),f.currentItem=f.owl.currentItem=a,f.options.transitionStyle!==!1&&"drag"!==d&&1===f.options.items&&f.browser.support3d===!0?(f.swapSpeed(0),f.browser.support3d===!0?f.transition3d(f.positionsInArray[a]):f.css2slide(f.positionsInArray[a],1),f.afterGo(),f.singleItemTransition(),!1):(e=f.positionsInArray[a],f.browser.support3d===!0?(f.isCss3Finish=!1,c===!0?(f.swapSpeed("paginationSpeed"),b.setTimeout(function(){f.isCss3Finish=!0},f.options.paginationSpeed)):"rewind"===c?(f.swapSpeed(f.options.rewindSpeed),b.setTimeout(function(){f.isCss3Finish=!0},f.options.rewindSpeed)):(f.swapSpeed("slideSpeed"),b.setTimeout(function(){f.isCss3Finish=!0},f.options.slideSpeed)),f.transition3d(e)):c===!0?f.css2slide(e,f.options.paginationSpeed):"rewind"===c?f.css2slide(e,f.options.rewindSpeed):f.css2slide(e,f.options.slideSpeed),void f.afterGo()))},jumpTo:function(a){var b=this;"function"==typeof b.options.beforeMove&&b.options.beforeMove.apply(this,[b.$elem]),a>=b.maximumItem||-1===a?a=b.maximumItem:0>=a&&(a=0),b.swapSpeed(0),b.browser.support3d===!0?b.transition3d(b.positionsInArray[a]):b.css2slide(b.positionsInArray[a],1),b.currentItem=b.owl.currentItem=a,b.afterGo()},afterGo:function(){var a=this;a.prevArr.push(a.currentItem),a.prevItem=a.owl.prevItem=a.prevArr[a.prevArr.length-2],a.prevArr.shift(0),a.prevItem!==a.currentItem&&(a.checkPagination(),a.checkNavigation(),a.eachMoveUpdate(),a.options.autoPlay!==!1&&a.checkAp()),"function"==typeof a.options.afterMove&&a.prevItem!==a.currentItem&&a.options.afterMove.apply(this,[a.$elem])},stop:function(){var a=this;a.apStatus="stop",b.clearInterval(a.autoPlayInterval)},checkAp:function(){var a=this;"stop"!==a.apStatus&&a.play()},play:function(){var a=this;return a.apStatus="play",a.options.autoPlay===!1?!1:(b.clearInterval(a.autoPlayInterval),void(a.autoPlayInterval=b.setInterval(function(){a.next(!0)},a.options.autoPlay)))},swapSpeed:function(a){var b=this;"slideSpeed"===a?b.$owlWrapper.css(b.addCssSpeed(b.options.slideSpeed)):"paginationSpeed"===a?b.$owlWrapper.css(b.addCssSpeed(b.options.paginationSpeed)):"string"!=typeof a&&b.$owlWrapper.css(b.addCssSpeed(a))},addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){var b=this;b.$owlWrapper.css(b.doTranslate(a))},css2move:function(a){var b=this;b.$owlWrapper.css({left:a})},css2slide:function(a,b){var c=this;c.isCssFinish=!1,c.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||c.options.slideSpeed,complete:function(){c.isCssFinish=!0}})},checkBrowser:function(){var a,d,e,f,g=this,h="translate3d(0px, 0px, 0px)",i=c.createElement("div");i.style.cssText=" -moz-transform:"+h+"; -ms-transform:"+h+"; -o-transform:"+h+"; -webkit-transform:"+h+"; transform:"+h,a=/translate3d\(0px, 0px, 0px\)/g,d=i.style.cssText.match(a),e=null!==d&&1===d.length,f="ontouchstart"in b||b.navigator.msMaxTouchPoints,g.browser={support3d:e,isTouch:f}},moveEvents:function(){var a=this;(a.options.mouseDrag!==!1||a.options.touchDrag!==!1)&&(a.gestures(),a.disabledEvents())},eventTypes:function(){var a=this,b=["s","e","x"];a.ev_types={},a.options.mouseDrag===!0&&a.options.touchDrag===!0?b=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:a.options.mouseDrag===!1&&a.options.touchDrag===!0?b=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:a.options.mouseDrag===!0&&a.options.touchDrag===!1&&(b=["mousedown.owl","mousemove.owl","mouseup.owl"]),a.ev_types.start=b[0],a.ev_types.move=b[1],a.ev_types.end=b[2]},disabledEvents:function(){var b=this;b.$elem.on("dragstart.owl",function(a){a.preventDefault()}),b.$elem.on("mousedown.disableTextSelect",function(b){return a(b.target).is("input, textarea, select, option")})},gestures:function(){function d(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function e(b){"on"===b?(a(c).on(i.ev_types.move,g),a(c).on(i.ev_types.end,h)):"off"===b&&(a(c).off(i.ev_types.move),a(c).off(i.ev_types.end))}function f(c){var f,g=c.originalEvent||c||b.event;if(3===g.which)return!1;if(!(i.itemsAmount<=i.options.items)){if(i.isCssFinish===!1&&!i.options.dragBeforeAnimFinish)return!1;if(i.isCss3Finish===!1&&!i.options.dragBeforeAnimFinish)return!1;i.options.autoPlay!==!1&&b.clearInterval(i.autoPlayInterval),i.browser.isTouch===!0||i.$owlWrapper.hasClass("grabbing")||i.$owlWrapper.addClass("grabbing"),i.newPosX=0,i.newRelativeX=0,a(this).css(i.removeTransition()),f=a(this).position(),j.relativePos=f.left,j.offsetX=d(g).x-f.left,j.offsetY=d(g).y-f.top,e("on"),j.sliding=!1,j.targetElement=g.target||g.srcElement}}function g(e){var f,g,h=e.originalEvent||e||b.event;i.newPosX=d(h).x-j.offsetX,i.newPosY=d(h).y-j.offsetY,i.newRelativeX=i.newPosX-j.relativePos,"function"==typeof i.options.startDragging&&j.dragging!==!0&&0!==i.newRelativeX&&(j.dragging=!0,i.options.startDragging.apply(i,[i.$elem])),(i.newRelativeX>8||i.newRelativeX<-8)&&i.browser.isTouch===!0&&(void 0!==h.preventDefault?h.preventDefault():h.returnValue=!1,j.sliding=!0),(i.newPosY>10||i.newPosY<-10)&&j.sliding===!1&&a(c).off("touchmove.owl"),f=function(){return i.newRelativeX/5},g=function(){return i.maximumPixels+i.newRelativeX/5},i.newPosX=Math.max(Math.min(i.newPosX,f()),g()),i.browser.support3d===!0?i.transition3d(i.newPosX):i.css2move(i.newPosX)}function h(c){var d,f,g,h=c.originalEvent||c||b.event;h.target=h.target||h.srcElement,j.dragging=!1,i.browser.isTouch!==!0&&i.$owlWrapper.removeClass("grabbing"),i.dragDirection=i.owl.dragDirection=i.newRelativeX<0?"left":"right",0!==i.newRelativeX&&(d=i.getNewPosition(),i.goTo(d,!1,"drag"),j.targetElement===h.target&&i.browser.isTouch!==!0&&(a(h.target).on("click.disable",function(b){b.stopImmediatePropagation(),b.stopPropagation(),b.preventDefault(),a(b.target).off("click.disable")}),f=a._data(h.target,"events").click,g=f.pop(),f.splice(0,0,g))),e("off")}var i=this,j={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};i.isCssFinish=!0,i.$elem.on(i.ev_types.start,".owl-wrapper",f)},getNewPosition:function(){var a=this,b=a.closestItem();return b>a.maximumItem?(a.currentItem=a.maximumItem,b=a.maximumItem):a.newPosX>=0&&(b=0,a.currentItem=0),b},closestItem:function(){var b=this,c=b.options.scrollPerPage===!0?b.pagesInArray:b.positionsInArray,d=b.newPosX,e=null;return a.each(c,function(f,g){d-b.itemWidth/20>c[f+1]&&d-b.itemWidth/20<g&&"left"===b.moveDirection()?(e=g,b.currentItem=b.options.scrollPerPage===!0?a.inArray(e,b.positionsInArray):f):d+b.itemWidth/20<g&&d+b.itemWidth/20>(c[f+1]||c[f]-b.itemWidth)&&"right"===b.moveDirection()&&(b.options.scrollPerPage===!0?(e=c[f+1]||c[c.length-1],b.currentItem=a.inArray(e,b.positionsInArray)):(e=c[f+1],b.currentItem=f+1))}),b.currentItem},moveDirection:function(){var a,b=this;return b.newRelativeX<0?(a="right",b.playDirection="next"):(a="left",b.playDirection="prev"),a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()}),a.$elem.on("owl.prev",function(){a.prev()}),a.$elem.on("owl.play",function(b,c){a.options.autoPlay=c,a.play(),a.hoverStatus="play"}),a.$elem.on("owl.stop",function(){a.stop(),a.hoverStatus="stop"}),a.$elem.on("owl.goTo",function(b,c){a.goTo(c)}),a.$elem.on("owl.jumpTo",function(b,c){a.jumpTo(c)})},stopOnHover:function(){var a=this;a.options.stopOnHover===!0&&a.browser.isTouch!==!0&&a.options.autoPlay!==!1&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var b,c,d,e,f,g=this;if(g.options.lazyLoad===!1)return!1;for(b=0;b<g.itemsAmount;b+=1)c=a(g.$owlItems[b]),"loaded"!==c.data("owl-loaded")&&(d=c.data("owl-item"),e=c.find(".lazyOwl"),"string"==typeof e.data("src")?(void 0===c.data("owl-loaded")&&(e.hide(),c.addClass("loading").data("owl-loaded","checked")),f=g.options.lazyFollow===!0?d>=g.currentItem:!0,f&&d<g.currentItem+g.options.items&&e.length&&g.lazyPreload(c,e)):c.data("owl-loaded","loaded"))},lazyPreload:function(a,c){function d(){a.data("owl-loaded","loaded").removeClass("loading"),c.removeAttr("data-src"),"fade"===g.options.lazyEffect?c.fadeIn(400):c.show(),"function"==typeof g.options.afterLazyLoad&&g.options.afterLazyLoad.apply(this,[g.$elem])}function e(){h+=1,g.completeImg(c.get(0))||f===!0?d():100>=h?b.setTimeout(e,100):d()}var f,g=this,h=0;"DIV"===c.prop("tagName")?(c.css("background-image","url("+c.data("src")+")"),f=!0):c[0].src=c.data("src"),e()},autoHeight:function(){function c(){var c=a(f.$owlItems[f.currentItem]).height();f.wrapperOuter.css("height",c+"px"),f.wrapperOuter.hasClass("autoHeight")||b.setTimeout(function(){f.wrapperOuter.addClass("autoHeight")},0)}function d(){e+=1,f.completeImg(g.get(0))?c():100>=e?b.setTimeout(d,100):f.wrapperOuter.css("height","")}var e,f=this,g=a(f.$owlItems[f.currentItem]).find("img");void 0!==g.get(0)?(e=0,d()):c()},completeImg:function(a){var b;return a.complete?(b=typeof a.naturalWidth,"undefined"!==b&&0===a.naturalWidth?!1:!0):!1},onVisibleItems:function(){var b,c=this;for(c.options.addClassActive===!0&&c.$owlItems.removeClass("active"),c.visibleItems=[],b=c.currentItem;b<c.currentItem+c.options.items;b+=1)c.visibleItems.push(b),c.options.addClassActive===!0&&a(c.$owlItems[b]).addClass("active");c.owl.visibleItems=c.visibleItems},transitionTypes:function(a){var b=this;b.outClass="owl-"+a+"-out",b.inClass="owl-"+a+"-in"},singleItemTransition:function(){function a(a){return{position:"relative",left:a+"px"}}var b=this,c=b.outClass,d=b.inClass,e=b.$owlItems.eq(b.currentItem),f=b.$owlItems.eq(b.prevItem),g=Math.abs(b.positionsInArray[b.currentItem])+b.positionsInArray[b.prevItem],h=Math.abs(b.positionsInArray[b.currentItem])+b.itemWidth/2,i="webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend";b.isTransition=!0,b.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":h+"px","-moz-perspective-origin":h+"px","perspective-origin":h+"px"}),f.css(a(g,10)).addClass(c).on(i,function(){b.endPrev=!0,f.off(i),b.clearTransStyle(f,c)}),e.addClass(d).on(i,function(){b.endCurrent=!0,e.off(i),b.clearTransStyle(e,d)})},clearTransStyle:function(a,b){var c=this;a.css({position:"",left:""}).removeClass(b),c.endPrev&&c.endCurrent&&(c.$owlWrapper.removeClass("owl-origin"),c.endPrev=!1,c.endCurrent=!1,c.isTransition=!1)},owlStatus:function(){var a=this;a.owl={userOptions:a.userOptions,baseElement:a.$elem,userItems:a.$userItems,owlItems:a.$owlItems,currentItem:a.currentItem,prevItem:a.prevItem,visibleItems:a.visibleItems,isTouch:a.browser.isTouch,browser:a.browser,dragDirection:a.dragDirection}},clearEvents:function(){var d=this;d.$elem.off(".owl owl mousedown.disableTextSelect"),a(c).off(".owl owl"),a(b).off("resize",d.resizer)},unWrap:function(){var a=this;0!==a.$elem.children().length&&(a.$owlWrapper.unwrap(),a.$userItems.unwrap().unwrap(),a.owlControls&&a.owlControls.remove()),a.clearEvents(),a.$elem.attr("style",a.$elem.data("owl-originalStyles")||"").attr("class",a.$elem.data("owl-originalClasses"))},destroy:function(){var a=this;a.stop(),b.clearInterval(a.checkVisible),a.unWrap(),a.$elem.removeData()},reinit:function(b){var c=this,d=a.extend({},c.userOptions,b);c.unWrap(),c.init(d,c.$elem)},addItem:function(a,b){var c,d=this;return a?0===d.$elem.children().length?(d.$elem.append(a),d.setVars(),!1):(d.unWrap(),c=void 0===b||-1===b?-1:b,c>=d.$userItems.length||-1===c?d.$userItems.eq(-1).after(a):d.$userItems.eq(c).before(a),void d.setVars()):!1},removeItem:function(a){var b,c=this;return 0===c.$elem.children().length?!1:(b=void 0===a||-1===a?-1:a,c.unWrap(),c.$userItems.eq(b).remove(),void c.setVars())}};a.fn.owlCarousel=function(b){return this.each(function(){if(a(this).data("owl-init")===!0)return!1;a(this).data("owl-init",!0);var c=Object.create(d);c.init(b,this),a.data(this,"owlCarousel",c)})},a.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1e3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:b,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}}(jQuery,window,document),$(document).foundation(),$(document).ready(function(){$("#owl-demo").owlCarousel({singleItem:!0,lazyLoad:!0,navigation:!0});var a={countdown_to:"11/07/2015",rings:{DAYS:{s:864e5,max:365},HOURS:{s:36e5,max:24},MINUTES:{s:6e4,max:60},SECONDS:{s:1e3,max:60}},r_count:4,r_spacing:10,r_size:75,r_thickness:2,update_interval:11,init:function(){$r=a,$r.cvs=document.createElement("canvas"),$r.size={w:($r.r_size+$r.r_thickness)*$r.r_count+$r.r_spacing*($r.r_count-1),h:$r.r_size+$r.r_thickness},$r.cvs.setAttribute("width",$r.size.w),$r.cvs.setAttribute("height",$r.size.h),$r.ctx=$r.cvs.getContext("2d"),$("#clock").html($r.cvs),$r.cvs=$($r.cvs),$r.ctx.textAlign="center",$r.actual_size=$r.r_size+$r.r_thickness,$r.countdown_to_time=new Date($r.countdown_to).getTime(),$r.cvs.css({width:$r.size.w+"px",height:$r.size.h+"px"}),$r.go()},ctx:null,go:function(){var a=0;$r.time=(new Date).getTime()-$r.countdown_to_time;for(var b in $r.rings)$r.unit(a++,b,$r.rings[b]);setTimeout($r.go,$r.update_interval)},unit:function(a,b,c){var d,e,f,g=c.s;f=parseFloat($r.time/g),$r.time-=Math.round(parseInt(f))*g,f=Math.abs(f),d=.5*$r.r_size+.5*$r.r_thickness,d+=+(a*($r.r_size+$r.r_spacing+$r.r_thickness)),e=.5*$r.r_size,e+=.5*$r.r_thickness;var h=360-f/c.max*360,i=h*(Math.PI/180);$r.ctx.save(),$r.ctx.translate(d,e),$r.ctx.clearRect($r.actual_size*-.5,$r.actual_size*-.5,$r.actual_size,$r.actual_size),$r.ctx.strokeStyle="rgba(128,128,128,0.2)",$r.ctx.beginPath(),$r.ctx.arc(0,0,$r.r_size/2,0,2*Math.PI,2),$r.ctx.lineWidth=$r.r_thickness,$r.ctx.stroke(),$r.ctx.strokeStyle="rgba(253, 128, 1, 0.9)",$r.ctx.beginPath(),$r.ctx.arc(0,0,$r.r_size/2,0,i,1),$r.ctx.lineWidth=$r.r_thickness,$r.ctx.stroke(),$r.ctx.fillStyle="#ffffff",$r.ctx.font="10px Helvetica",$r.ctx.fillStyle="#CCC",$r.ctx.fillText(b,0,23),$r.ctx.fillText(b,0,23),$r.ctx.font="bold 30px Helvetica",$r.ctx.fillText(Math.floor(f),0,5),$r.ctx.restore()}};a.init()});
\ No newline at end of file
package.json
......@@ -2,13 +2,18 @@
"name": "example-grunt-css-project",
"version": "0.0.1",
"devDependencies": {
"criticalcss": "^0.4.5",
"grunt": "~0.4.1",
"grunt-autoprefixer": "^1.0.1",
"grunt-concat-css": "^0.3.1",
"grunt-contrib-cssmin": "^0.10.0",
"grunt-contrib-uglify": "^0.6.0",
"grunt-contrib-watch": "~0.5.3",
"grunt-critical": "0.0.4",
"grunt-criticalcss": "^0.4.1",
"grunt-inline": "^0.3.2",
"grunt-penthouse": "^0.1.2",
"grunt-php2html": "^0.1.17",
"grunt-sass": "~0.8.1",
"grunt-svgstore": "^0.3.5",
"load-grunt-tasks": "^0.6.0",
......
scss/_typography.scss
h1, h2, h3 {
text-align: center;
}
.strikethrough {
text-decoration: line-through;
}
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!