jekyll-theme-artsy 0.1.0 → 0.1.1

data/js/owlcarousel/src/scss/_animate.scss

@@ -0,0 +1,28 @@
+/*
+ *  Owl Carousel - Animate Plugin
+ */
+.owl-carousel{
+	.animated {
+		animation-duration: 1000ms;
+		animation-fill-mode: both;
+	}
+	.owl-animated-in {
+		z-index: 0;
+	}
+	.owl-animated-out {
+		z-index: 1;
+	}
+	.fadeOut {
+		animation-name: fadeOut;
+	}
+}
+
+@keyframes fadeOut {
+	0% {
+		opacity: 1;
+	}
+
+	100% {
+		opacity: 0;
+	}
+}

data/js/owlcarousel/src/scss/_autoheight.scss

@@ -0,0 +1,7 @@
+/*
+ * 	Owl Carousel - Auto Height Plugin
+ */
+
+.owl-height {
+	transition: height 500ms ease-in-out;
+}

data/js/owlcarousel/src/scss/_core.scss

@@ -0,0 +1,126 @@
+/*
+ *  Owl Carousel - Core
+ */
+.owl-carousel {
+	display: none;
+	width: 100%;
+	-webkit-tap-highlight-color: transparent;
+	/* position relative and z-index fix webkit rendering fonts issue */
+	position: relative;
+	z-index: 1;
+
+	.owl-stage {
+		position: relative;
+		-ms-touch-action: pan-Y;
+		touch-action: manipulation;
+		-moz-backface-visibility: hidden; /* fix firefox animation glitch */
+	}
+
+	.owl-stage:after {
+		content: ".";
+		display: block;
+		clear: both;
+		visibility: hidden;
+		line-height: 0;
+		height: 0;
+	}
+
+	.owl-stage-outer {
+		position: relative;
+		overflow: hidden;
+		/* fix for flashing background */
+		-webkit-transform: translate3d(0px, 0px, 0px);
+	}
+
+	.owl-wrapper,
+	.owl-item{
+		-webkit-backface-visibility: hidden;
+		-moz-backface-visibility: hidden;
+		-ms-backface-visibility: hidden;
+		-webkit-transform: translate3d(0,0,0);
+		-moz-transform: translate3d(0,0,0);
+		-ms-transform: translate3d(0,0,0);
+	}
+
+	.owl-item {
+		position: relative;
+		min-height: 1px;
+		float: left;
+		-webkit-backface-visibility: hidden;
+		-webkit-tap-highlight-color: transparent;
+		-webkit-touch-callout: none;
+	}
+	.owl-item img {
+		display: block;
+		width: 100%;
+	}
+
+	.owl-nav.disabled,
+	.owl-dots.disabled {
+		display: none;
+	}
+
+	.owl-nav .owl-prev,
+	.owl-nav .owl-next,
+	.owl-dot {
+		cursor: pointer;
+		-webkit-user-select: none;
+		-khtml-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+	}
+
+	.owl-nav button.owl-prev,
+	.owl-nav button.owl-next,
+	button.owl-dot {
+		background: none;
+		color: inherit;
+		border: none;
+		padding:0!important;
+		font: inherit;
+	}
+
+	&.owl-loaded {
+		display: block;
+	}
+
+	&.owl-loading {
+		opacity: 0;
+		display: block;
+	}
+
+	&.owl-hidden {
+		opacity: 0;
+	}
+
+	&.owl-refresh .owl-item {
+		visibility: hidden;
+	}
+
+	&.owl-drag .owl-item {
+		touch-action: pan-y;
+		-webkit-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+	}
+
+	&.owl-grab {
+		cursor: move;
+		cursor: grab;
+	}
+
+	&.owl-rtl {
+		direction: rtl;
+	}
+
+	&.owl-rtl .owl-item {
+		float: right;
+	}
+}
+
+/* No Js */
+.no-js .owl-carousel {
+	display: block;
+}

data/js/owlcarousel/src/scss/_lazyload.scss

@@ -0,0 +1,25 @@
+/*
+ * 	Owl Carousel - Lazy Load Plugin
+ */
+
+.owl-carousel {
+	.owl-item {
+		.owl-lazy {
+				opacity: 0;
+				transition: opacity 400ms ease;
+		}
+
+		/**
+			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
+			calculation of the height of the owl-item that breaks page layouts
+		 */
+		.owl-lazy[src^=""], .owl-lazy:not([src]) {
+			max-height: 0;
+		}
+
+		img.owl-lazy {
+			transform-style: preserve-3d;
+		}
+	}
+}
+

data/js/owlcarousel/src/scss/_theme.default.scss

@@ -0,0 +1,30 @@
+/*
+ * 	Default theme - Owl Carousel CSS File
+ */
+
+$color-base:			#869791 !default;
+$color-white:			#FFF !default;
+$color-gray:			#D6D6D6 !default;
+
+//nav
+
+$nav-color: 			$color-white !default;
+$nav-color-hover:		$color-white !default;
+$nav-font-size: 		14px !default;
+$nav-rounded: 			3px !default;
+$nav-margin: 			5px !default;
+$nav-padding: 			4px 7px !default;
+$nav-background: 		$color-gray !default;
+$nav-background-hover:	$color-base !default;
+$nav-disabled-opacity: 	0.5 !default;
+
+//dots
+
+$dot-width:				10px !default;
+$dot-height:			10px !default;
+$dot-rounded:			30px !default;
+$dot-margin: 			5px 7px !default;
+$dot-background:		$color-gray !default;
+$dot-background-active:	$color-base !default;
+
+@import 'theme';

data/js/owlcarousel/src/scss/_theme.green.scss

@@ -0,0 +1,30 @@
+/*
+ * 	Green theme - Owl Carousel CSS File
+ */
+
+$color-base:			#4DC7A0 !default;
+$color-white:			#FFF !default;
+$color-gray:			#D6D6D6 !default;
+
+//nav
+
+$nav-color: 			$color-white !default;
+$nav-color-hover:		$color-white !default;
+$nav-font-size: 		14px !default;
+$nav-rounded: 			3px !default;
+$nav-margin: 			5px !default;
+$nav-padding: 			4px 7px !default;
+$nav-background: 		$color-gray !default;
+$nav-background-hover:	$color-base !default;
+$nav-disabled-opacity: 	0.5 !default;
+
+//dots
+
+$dot-width:				10px !default;
+$dot-height:			10px !default;
+$dot-rounded:			30px !default;
+$dot-margin: 			5px 7px !default;
+$dot-background:		$color-gray !default;
+$dot-background-active:	$color-base !default;
+
+@import 'theme';

data/js/owlcarousel/src/scss/_theme.scss

@@ -0,0 +1,64 @@
+
+.owl-theme {
+	// Styling Next and Prev buttons
+	.owl-nav {
+		margin-top: 10px;
+		text-align: center;
+		-webkit-tap-highlight-color: transparent;
+
+		[class*='owl-'] {
+			color: $nav-color;
+			font-size: $nav-font-size;
+			margin: $nav-margin;
+			padding: $nav-padding;
+			background: $nav-background;
+			display: inline-block;
+			cursor: pointer;
+			border-radius: 3px;
+
+			&:hover {
+				background: $nav-background-hover;
+				color:$nav-color-hover;
+				text-decoration: none;
+			}
+		}
+		.disabled {
+			opacity: $nav-disabled-opacity;
+			cursor: default;
+		}
+	}
+
+	// Styling dots
+	.owl-nav.disabled + .owl-dots {
+		margin-top: 10px;
+	}
+
+	.owl-dots {
+		text-align: center;
+		-webkit-tap-highlight-color: transparent;
+
+		.owl-dot {
+			display: inline-block;
+			zoom: 1;
+			*display: inline;
+
+			span {
+				width: $dot-width;
+				height: $dot-height;
+				margin: $dot-margin;
+				background: $dot-background;
+				display: block;
+				-webkit-backface-visibility: visible;
+				transition: opacity 200ms ease;
+				border-radius: $dot-rounded;
+			}
+
+			&.active,
+			&:hover {
+				span {
+					background: $dot-background-active;
+				}
+			}
+		}
+	}
+}

data/js/owlcarousel/src/scss/_video.scss

@@ -0,0 +1,53 @@
+$owl-image-path: "" !default;
+
+/*
+ * 	Owl Carousel - Video Plugin
+ */
+
+.owl-carousel{
+	.owl-video-wrapper {
+		position: relative;
+		height: 100%;
+		background: #000;
+	}
+
+	.owl-video-play-icon {
+		position: absolute;
+		height: 80px;
+		width: 80px;
+		left: 50%;
+		top: 50%;
+		margin-left: -40px;
+		margin-top: -40px;
+		background: url("#{$owl-image-path}owl.video.play.png") no-repeat;
+		cursor: pointer;
+		z-index: 1;
+		-webkit-backface-visibility: hidden;
+		transition: transform 100ms ease;
+	}
+
+	.owl-video-play-icon:hover {
+		transform: scale(1.3, 1.3);
+	}
+
+	.owl-video-playing .owl-video-tn,
+	.owl-video-playing .owl-video-play-icon {
+		display: none;
+	}
+
+	.owl-video-tn {
+		opacity: 0;
+		height: 100%;
+		background-position: center center;
+		background-repeat: no-repeat;
+		background-size: contain;
+		transition: opacity 400ms ease;
+	}
+
+	.owl-video-frame {
+		position: relative;
+		z-index: 1;
+		height: 100%;
+		width: 100%;
+	}
+}

data/js/owlcarousel/src/scss/owl.carousel.scss

@@ -0,0 +1,5 @@
+@import 'core';
+@import 'animate';
+@import 'autoheight';
+@import 'lazyload';
+@import 'video';

data/js/owlcarousel/src/scss/owl.theme.default.scss

@@ -0,0 +1 @@
+@import "theme.default";

data/js/owlcarousel/src/scss/owl.theme.green.scss

@@ -0,0 +1 @@
+@import "theme.green";

data/js/owlcarousel/test/index.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+		<title>Owl Carousel 2</title>
+
+		<link rel="stylesheet" href="../node_modules/qunitjs/qunit/qunit.css" />
+
+		<script src="../node_modules/jquery/dist/jquery.js"></script>
+		<script src="../node_modules/qunitjs/qunit/qunit.js"></script>
+		<script src="../src/js/owl.carousel.js" data-cover></script>
+		<script src="../src/js/owl.support.js" data-cover></script>
+		<script src="../src/js/owl.autoplay.js" data-cover></script>
+		<script src="unit/core.js" defer></script>
+		<script src="unit/autoplay.js" defer></script>
+	</head>
+	<body>
+		<div id="qunit"></div>
+		<div id="qunit-fixture">
+
+			<ul id="simple" class="owl-carousel">
+				<li>1</li>
+				<li>2</li>
+				<li>3</li>
+			</ul>
+
+		</div>
+	</body>
+</html>

data/js/owlcarousel/test/unit/autoplay.js

@@ -0,0 +1,86 @@
+module('Autoplay tests');
+
+function FakeClock() {
+	// Instantiate a new controllable clock which overrides the built in Date
+	// class on construction.
+	var value = 1;
+
+	this.tick = function(duration) {
+		value += duration;
+	};
+	// TODO: This is broken and has to be fixed in the near future
+	this.Date = function() {
+		this.getTime = function() {
+			return value;
+		}
+	}
+}
+
+function change_timeout(autoplay, first, second, wait) {
+	var clock = new FakeClock();
+
+	// This is a helper function to test multiple consecutive play calls with
+	// different timeout values. Four steps will be completed by this function:
+
+	// 1. The autoplay will be played in a stopped state with the first timeout.
+	autoplay.stop();
+	autoplay.play(first);
+
+	// 2. Time will be forwarded a given wait time.
+	clock.tick(wait);
+
+	// 3. The autoplay will be paused.
+	autoplay.pause();
+
+	// 4. The autoplay will be played with the second timeout.
+	autoplay.play(second);
+}
+
+// test('stopping the autoplay timer', function() {
+// 	expect(2);
+//
+// 	var clock = new FakeClock();
+//
+// 	var carousel = $('#simple').owlCarousel().data('owl.carousel');
+// 	var autoplay = carousel._plugins.autoplay;
+//
+// 	clock.tick(1);
+//
+// 	autoplay.stop();
+// 	autoplay.play();
+//
+// 	equal(autoplay.read(), 0);
+//
+// 	autoplay.pause();
+// 	autoplay.play();
+//
+// 	equal(autoplay.read(), 0);
+// });
+// TODO: See todo above, seems to be broken since a while as we are trying to assign the global const Date to a new function
+// test('changing autoplay timeout values', function() {
+// 	expect(4);
+//
+// 	var carousel = $('#simple').owlCarousel().data('owl.carousel');
+// 	var autoplay = carousel._plugins.autoplay;
+//
+// 	// Changing the timeout from 2000 to 3000 after 3000 ticks should maintain
+// 	// the elapsed time (1000) since the last transition.
+// 	change_timeout(autoplay, 2000, 3000, 3000);
+// 	equal(autoplay.read() % 3000, 1000);
+//
+// 	// Changing the timeout from 4000 to 5000 after 12000 ticks should maintain
+// 	// the elapsed time (0) since the last transition.
+// 	change_timeout(autoplay, 4000, 5000, 12000);
+// 	equal(autoplay.read() % 5000, 0);
+//
+// 	// Changing the timeout from 5000 to 4000 after 12000 ticks should maintain
+// 	// the elapsed time (2000) since the last transition.
+// 	change_timeout(autoplay, 5000, 4000, 12000);
+// 	equal(autoplay.read() % 4000, 2000);
+//
+// 	// Changing the timeout from 11000 to 6000 after 19000 ticks should reset
+// 	// the elapsed timer value (7000) since the last transition to 0, because
+// 	// it is larger than the timeout value.
+// 	change_timeout(autoplay, 11000, 6000, 19000);
+// 	equal(autoplay.read() % 6000, 0);
+// });