diff --git a/_includes/screenshots-head.html b/_includes/screenshots-head.html
new file mode 100644
index 0000000..0765b61
--- /dev/null
+++ b/_includes/screenshots-head.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+ {% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_layouts/screenshots.html b/_layouts/screenshots.html
new file mode 100644
index 0000000..8fb2620
--- /dev/null
+++ b/_layouts/screenshots.html
@@ -0,0 +1,73 @@
+
+
+
+ {% include screenshots-head.html %}
+
+
+
+ {% include header.html %}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{content}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
';
+ } else {
+ pagers += '' + (i + 1) + '';
+ }
+ if (settings.mode === 'slide') {
+ if ((v) >= w - elSize - settings.slideMargin) {
+ i = i + 1;
+ var minPgr = 2;
+ if (settings.autoWidth) {
+ pagers += '' + (i + 1) + '';
+ minPgr = 1;
+ }
+ if (i < minPgr) {
+ pagers = null;
+ $slide.parent().addClass('noPager');
+ } else {
+ $slide.parent().removeClass('noPager');
+ }
+ break;
+ }
+ }
+ }
+ var $cSouter = $slide.parent();
+ $cSouter.find('.lSPager').html(pagers);
+ if (settings.gallery === true) {
+ if (settings.vertical === true) {
+ // set Gallery thumbnail width
+ $cSouter.find('.lSPager').css('width', settings.vThumbWidth + 'px');
+ }
+ pagerWidth = (i * (settings.thumbMargin + thumbWidth)) + 0.5;
+ $cSouter.find('.lSPager').css({
+ property: pagerWidth + 'px',
+ 'transition-duration': settings.speed + 'ms'
+ });
+ if (settings.vertical === true) {
+ $slide.parent().css('padding-right', (settings.vThumbWidth + settings.galleryMargin) + 'px');
+ }
+ $cSouter.find('.lSPager').css(property, pagerWidth + 'px');
+ }
+ var $pager = $cSouter.find('.lSPager').find('li');
+ $pager.first().addClass('active');
+ $pager.on('click', function () {
+ if (settings.loop === true && settings.mode === 'slide') {
+ scene = scene + ($pager.index(this) - $cSouter.find('.lSPager').find('li.active').index());
+ } else {
+ scene = $pager.index(this);
+ }
+ $el.mode(false);
+ if (settings.gallery === true) {
+ $this.slideThumb();
+ }
+ return false;
+ });
+ };
+ if (settings.pager) {
+ var cl = 'lSpg';
+ if (settings.gallery) {
+ cl = 'lSGallery';
+ }
+ $slide.after('');
+ var gMargin = (settings.vertical) ? 'margin-left' : 'margin-top';
+ $slide.parent().find('.lSPager').css(gMargin, settings.galleryMargin + 'px');
+ refresh.createPager();
+ }
+
+ setTimeout(function () {
+ refresh.init();
+ }, 0);
+ },
+ setHeight: function (ob, fade) {
+ var obj = null,
+ $this = this;
+ if (settings.loop) {
+ obj = ob.children('.lslide ').first();
+ } else {
+ obj = ob.children().first();
+ }
+ var setCss = function () {
+ var tH = obj.outerHeight(),
+ tP = 0,
+ tHT = tH;
+ if (fade) {
+ tH = 0;
+ tP = ((tHT) * 100) / elSize;
+ }
+ ob.css({
+ 'height': tH + 'px',
+ 'padding-bottom': tP + '%'
+ });
+ };
+ setCss();
+ if (obj.find('img').length) {
+ if ( obj.find('img')[0].complete) {
+ setCss();
+ if (!interval) {
+ $this.auto();
+ }
+ }else{
+ obj.find('img').on('load', function () {
+ setTimeout(function () {
+ setCss();
+ if (!interval) {
+ $this.auto();
+ }
+ }, 100);
+ });
+ }
+ }else{
+ if (!interval) {
+ $this.auto();
+ }
+ }
+ },
+ active: function (ob, t) {
+ if (this.doCss() && settings.mode === 'fade') {
+ $slide.addClass('on');
+ }
+ var sc = 0;
+ if (scene * settings.slideMove < length) {
+ ob.removeClass('active');
+ if (!this.doCss() && settings.mode === 'fade' && t === false) {
+ ob.fadeOut(settings.speed);
+ }
+ if (t === true) {
+ sc = scene;
+ } else {
+ sc = scene * settings.slideMove;
+ }
+ //t === true ? sc = scene : sc = scene * settings.slideMove;
+ var l, nl;
+ if (t === true) {
+ l = ob.length;
+ nl = l - 1;
+ if (sc + 1 >= l) {
+ sc = nl;
+ }
+ }
+ if (settings.loop === true && settings.mode === 'slide') {
+ //t === true ? sc = scene - $el.find('.clone.left').length : sc = scene * settings.slideMove;
+ if (t === true) {
+ sc = scene - $el.find('.clone.left').length;
+ } else {
+ sc = scene * settings.slideMove;
+ }
+ if (t === true) {
+ l = ob.length;
+ nl = l - 1;
+ if (sc + 1 === l) {
+ sc = nl;
+ } else if (sc + 1 > l) {
+ sc = 0;
+ }
+ }
+ }
+
+ if (!this.doCss() && settings.mode === 'fade' && t === false) {
+ ob.eq(sc).fadeIn(settings.speed);
+ }
+ ob.eq(sc).addClass('active');
+ } else {
+ ob.removeClass('active');
+ ob.eq(ob.length - 1).addClass('active');
+ if (!this.doCss() && settings.mode === 'fade' && t === false) {
+ ob.fadeOut(settings.speed);
+ ob.eq(sc).fadeIn(settings.speed);
+ }
+ }
+ },
+ move: function (ob, v) {
+ if (settings.rtl === true) {
+ v = -v;
+ }
+ if (this.doCss()) {
+ if (settings.vertical === true) {
+ ob.css({
+ 'transform': 'translate3d(0px, ' + (-v) + 'px, 0px)',
+ '-webkit-transform': 'translate3d(0px, ' + (-v) + 'px, 0px)'
+ });
+ } else {
+ ob.css({
+ 'transform': 'translate3d(' + (-v) + 'px, 0px, 0px)',
+ '-webkit-transform': 'translate3d(' + (-v) + 'px, 0px, 0px)',
+ });
+ }
+ } else {
+ if (settings.vertical === true) {
+ ob.css('position', 'relative').animate({
+ top: -v + 'px'
+ }, settings.speed, settings.easing);
+ } else {
+ ob.css('position', 'relative').animate({
+ left: -v + 'px'
+ }, settings.speed, settings.easing);
+ }
+ }
+ var $thumb = $slide.parent().find('.lSPager').find('li');
+ this.active($thumb, true);
+ },
+ fade: function () {
+ this.active($children, false);
+ var $thumb = $slide.parent().find('.lSPager').find('li');
+ this.active($thumb, true);
+ },
+ slide: function () {
+ var $this = this;
+ refresh.calSlide = function () {
+ if (w > elSize) {
+ slideValue = $this.slideValue();
+ $this.active($children, false);
+ if ((slideValue) > w - elSize - settings.slideMargin) {
+ slideValue = w - elSize - settings.slideMargin;
+ } else if (slideValue < 0) {
+ slideValue = 0;
+ }
+ $this.move($el, slideValue);
+ if (settings.loop === true && settings.mode === 'slide') {
+ if (scene >= (length - ($el.find('.clone.left').length / settings.slideMove))) {
+ $this.resetSlide($el.find('.clone.left').length);
+ }
+ if (scene === 0) {
+ $this.resetSlide($slide.find('.lslide').length);
+ }
+ }
+ }
+ };
+ refresh.calSlide();
+ },
+ resetSlide: function (s) {
+ var $this = this;
+ $slide.find('.lSAction a').addClass('disabled');
+ setTimeout(function () {
+ scene = s;
+ $slide.css('transition-duration', '0ms');
+ slideValue = $this.slideValue();
+ $this.active($children, false);
+ plugin.move($el, slideValue);
+ setTimeout(function () {
+ $slide.css('transition-duration', settings.speed + 'ms');
+ $slide.find('.lSAction a').removeClass('disabled');
+ }, 50);
+ }, settings.speed + 100);
+ },
+ slideValue: function () {
+ var _sV = 0;
+ if (settings.autoWidth === false) {
+ _sV = scene * ((slideWidth + settings.slideMargin) * settings.slideMove);
+ } else {
+ _sV = 0;
+ for (var i = 0; i < scene; i++) {
+ _sV += (parseInt($children.eq(i).width()) + settings.slideMargin);
+ }
+ }
+ return _sV;
+ },
+ slideThumb: function () {
+ var position;
+ switch (settings.currentPagerPosition) {
+ case 'left':
+ position = 0;
+ break;
+ case 'middle':
+ position = (elSize / 2) - (thumbWidth / 2);
+ break;
+ case 'right':
+ position = elSize - thumbWidth;
+ }
+ var sc = scene - $el.find('.clone.left').length;
+ var $pager = $slide.parent().find('.lSPager');
+ if (settings.mode === 'slide' && settings.loop === true) {
+ if (sc >= $pager.children().length) {
+ sc = 0;
+ } else if (sc < 0) {
+ sc = $pager.children().length;
+ }
+ }
+ var thumbSlide = sc * ((thumbWidth + settings.thumbMargin)) - (position);
+ if ((thumbSlide + elSize) > pagerWidth) {
+ thumbSlide = pagerWidth - elSize - settings.thumbMargin;
+ }
+ if (thumbSlide < 0) {
+ thumbSlide = 0;
+ }
+ this.move($pager, thumbSlide);
+ },
+ auto: function () {
+ if (settings.auto) {
+ clearInterval(interval);
+ interval = setInterval(function () {
+ $el.goToNextSlide();
+ }, settings.pause);
+ }
+ },
+ pauseOnHover: function(){
+ var $this = this;
+ if (settings.auto && settings.pauseOnHover) {
+ $slide.on('mouseenter', function(){
+ $(this).addClass('ls-hover');
+ $el.pause();
+ settings.auto = true;
+ });
+ $slide.on('mouseleave',function(){
+ $(this).removeClass('ls-hover');
+ if (!$slide.find('.lightSlider').hasClass('lsGrabbing')) {
+ $this.auto();
+ }
+ });
+ }
+ },
+ touchMove: function (endCoords, startCoords) {
+ $slide.css('transition-duration', '0ms');
+ if (settings.mode === 'slide') {
+ var distance = endCoords - startCoords;
+ var swipeVal = slideValue - distance;
+ if ((swipeVal) >= w - elSize - settings.slideMargin) {
+ if (settings.freeMove === false) {
+ swipeVal = w - elSize - settings.slideMargin;
+ } else {
+ var swipeValT = w - elSize - settings.slideMargin;
+ swipeVal = swipeValT + ((swipeVal - swipeValT) / 5);
+
+ }
+ } else if (swipeVal < 0) {
+ if (settings.freeMove === false) {
+ swipeVal = 0;
+ } else {
+ swipeVal = swipeVal / 5;
+ }
+ }
+ this.move($el, swipeVal);
+ }
+ },
+
+ touchEnd: function (distance) {
+ $slide.css('transition-duration', settings.speed + 'ms');
+ if (settings.mode === 'slide') {
+ var mxVal = false;
+ var _next = true;
+ slideValue = slideValue - distance;
+ if ((slideValue) > w - elSize - settings.slideMargin) {
+ slideValue = w - elSize - settings.slideMargin;
+ if (settings.autoWidth === false) {
+ mxVal = true;
+ }
+ } else if (slideValue < 0) {
+ slideValue = 0;
+ }
+ var gC = function (next) {
+ var ad = 0;
+ if (!mxVal) {
+ if (next) {
+ ad = 1;
+ }
+ }
+ if (!settings.autoWidth) {
+ var num = slideValue / ((slideWidth + settings.slideMargin) * settings.slideMove);
+ scene = parseInt(num) + ad;
+ if (slideValue >= (w - elSize - settings.slideMargin)) {
+ if (num % 1 !== 0) {
+ scene++;
+ }
+ }
+ } else {
+ var tW = 0;
+ for (var i = 0; i < $children.length; i++) {
+ tW += (parseInt($children.eq(i).width()) + settings.slideMargin);
+ scene = i + ad;
+ if (tW >= slideValue) {
+ break;
+ }
+ }
+ }
+ };
+ if (distance >= settings.swipeThreshold) {
+ gC(false);
+ _next = false;
+ } else if (distance <= -settings.swipeThreshold) {
+ gC(true);
+ _next = false;
+ }
+ $el.mode(_next);
+ this.slideThumb();
+ } else {
+ if (distance >= settings.swipeThreshold) {
+ $el.goToPrevSlide();
+ } else if (distance <= -settings.swipeThreshold) {
+ $el.goToNextSlide();
+ }
+ }
+ },
+
+
+
+ enableDrag: function () {
+ var $this = this;
+ if (!isTouch) {
+ var startCoords = 0,
+ endCoords = 0,
+ isDraging = false;
+ $slide.find('.lightSlider').addClass('lsGrab');
+ $slide.on('mousedown', function (e) {
+ if (w < elSize) {
+ if (w !== 0) {
+ return false;
+ }
+ }
+ if ($(e.target).attr('class') !== ('lSPrev') && $(e.target).attr('class') !== ('lSNext')) {
+ startCoords = (settings.vertical === true) ? e.pageY : e.pageX;
+ isDraging = true;
+ if (e.preventDefault) {
+ e.preventDefault();
+ } else {
+ e.returnValue = false;
+ }
+ // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
+ $slide.scrollLeft += 1;
+ $slide.scrollLeft -= 1;
+ // *
+ $slide.find('.lightSlider').removeClass('lsGrab').addClass('lsGrabbing');
+ clearInterval(interval);
+ }
+ });
+ $(window).on('mousemove', function (e) {
+ if (isDraging) {
+ endCoords = (settings.vertical === true) ? e.pageY : e.pageX;
+ $this.touchMove(endCoords, startCoords);
+ }
+ });
+ $(window).on('mouseup', function (e) {
+ if (isDraging) {
+ $slide.find('.lightSlider').removeClass('lsGrabbing').addClass('lsGrab');
+ isDraging = false;
+ endCoords = (settings.vertical === true) ? e.pageY : e.pageX;
+ var distance = endCoords - startCoords;
+ if (Math.abs(distance) >= settings.swipeThreshold) {
+ $(window).on('click.ls', function (e) {
+ if (e.preventDefault) {
+ e.preventDefault();
+ } else {
+ e.returnValue = false;
+ }
+ e.stopImmediatePropagation();
+ e.stopPropagation();
+ $(window).off('click.ls');
+ });
+ }
+
+ $this.touchEnd(distance);
+
+ }
+ });
+ }
+ },
+
+
+
+
+ enableTouch: function () {
+ var $this = this;
+ if (isTouch) {
+ var startCoords = {},
+ endCoords = {};
+ $slide.on('touchstart', function (e) {
+ endCoords = e.originalEvent.targetTouches[0];
+ startCoords.pageX = e.originalEvent.targetTouches[0].pageX;
+ startCoords.pageY = e.originalEvent.targetTouches[0].pageY;
+ clearInterval(interval);
+ });
+ $slide.on('touchmove', function (e) {
+ if (w < elSize) {
+ if (w !== 0) {
+ return false;
+ }
+ }
+ var orig = e.originalEvent;
+ endCoords = orig.targetTouches[0];
+ var xMovement = Math.abs(endCoords.pageX - startCoords.pageX);
+ var yMovement = Math.abs(endCoords.pageY - startCoords.pageY);
+ if (settings.vertical === true) {
+ if ((yMovement * 3) > xMovement) {
+ e.preventDefault();
+ }
+ $this.touchMove(endCoords.pageY, startCoords.pageY);
+ } else {
+ if ((xMovement * 3) > yMovement) {
+ e.preventDefault();
+ }
+ $this.touchMove(endCoords.pageX, startCoords.pageX);
+ }
+
+ });
+ $slide.on('touchend', function () {
+ if (w < elSize) {
+ if (w !== 0) {
+ return false;
+ }
+ }
+ var distance;
+ if (settings.vertical === true) {
+ distance = endCoords.pageY - startCoords.pageY;
+ } else {
+ distance = endCoords.pageX - startCoords.pageX;
+ }
+ $this.touchEnd(distance);
+ });
+ }
+ },
+ build: function () {
+ var $this = this;
+ $this.initialStyle();
+ if (this.doCss()) {
+
+ if (settings.enableTouch === true) {
+ $this.enableTouch();
+ }
+ if (settings.enableDrag === true) {
+ $this.enableDrag();
+ }
+ }
+
+ $(window).on('focus', function(){
+ $this.auto();
+ });
+
+ $(window).on('blur', function(){
+ clearInterval(interval);
+ });
+
+ $this.pager();
+ $this.pauseOnHover();
+ $this.controls();
+ $this.keyPress();
+ }
+ };
+ plugin.build();
+ refresh.init = function () {
+ refresh.chbreakpoint();
+ if (settings.vertical === true) {
+ if (settings.item > 1) {
+ elSize = settings.verticalHeight;
+ } else {
+ elSize = $children.outerHeight();
+ }
+ $slide.css('height', elSize + 'px');
+ } else {
+ elSize = $slide.outerWidth();
+ }
+ if (settings.loop === true && settings.mode === 'slide') {
+ refresh.clone();
+ }
+ refresh.calL();
+ if (settings.mode === 'slide') {
+ $el.removeClass('lSSlide');
+ }
+ if (settings.mode === 'slide') {
+ refresh.calSW();
+ refresh.sSW();
+ }
+ setTimeout(function () {
+ if (settings.mode === 'slide') {
+ $el.addClass('lSSlide');
+ }
+ }, 1000);
+ if (settings.pager) {
+ refresh.createPager();
+ }
+ if (settings.adaptiveHeight === true && settings.vertical === false) {
+ $el.css('height', $children.eq(scene).outerHeight(true));
+ }
+ if (settings.adaptiveHeight === false) {
+ if (settings.mode === 'slide') {
+ if (settings.vertical === false) {
+ plugin.setHeight($el, false);
+ }else{
+ plugin.auto();
+ }
+ } else {
+ plugin.setHeight($el, true);
+ }
+ }
+ if (settings.gallery === true) {
+ plugin.slideThumb();
+ }
+ if (settings.mode === 'slide') {
+ plugin.slide();
+ }
+ if (settings.autoWidth === false) {
+ if ($children.length <= settings.item) {
+ $slide.find('.lSAction').hide();
+ } else {
+ $slide.find('.lSAction').show();
+ }
+ } else {
+ if ((refresh.calWidth(false) < elSize) && (w !== 0)) {
+ $slide.find('.lSAction').hide();
+ } else {
+ $slide.find('.lSAction').show();
+ }
+ }
+ };
+ $el.goToPrevSlide = function () {
+ if (scene > 0) {
+ settings.onBeforePrevSlide.call(this, $el, scene);
+ scene--;
+ $el.mode(false);
+ if (settings.gallery === true) {
+ plugin.slideThumb();
+ }
+ } else {
+ if (settings.loop === true) {
+ settings.onBeforePrevSlide.call(this, $el, scene);
+ if (settings.mode === 'fade') {
+ var l = (length - 1);
+ scene = parseInt(l / settings.slideMove);
+ }
+ $el.mode(false);
+ if (settings.gallery === true) {
+ plugin.slideThumb();
+ }
+ } else if (settings.slideEndAnimation === true) {
+ $el.addClass('leftEnd');
+ setTimeout(function () {
+ $el.removeClass('leftEnd');
+ }, 400);
+ }
+ }
+ };
+ $el.goToNextSlide = function () {
+ var nextI = true;
+ if (settings.mode === 'slide') {
+ var _slideValue = plugin.slideValue();
+ nextI = _slideValue < w - elSize - settings.slideMargin;
+ }
+ if (((scene * settings.slideMove) < length - settings.slideMove) && nextI) {
+ settings.onBeforeNextSlide.call(this, $el, scene);
+ scene++;
+ $el.mode(false);
+ if (settings.gallery === true) {
+ plugin.slideThumb();
+ }
+ } else {
+ if (settings.loop === true) {
+ settings.onBeforeNextSlide.call(this, $el, scene);
+ scene = 0;
+ $el.mode(false);
+ if (settings.gallery === true) {
+ plugin.slideThumb();
+ }
+ } else if (settings.slideEndAnimation === true) {
+ $el.addClass('rightEnd');
+ setTimeout(function () {
+ $el.removeClass('rightEnd');
+ }, 400);
+ }
+ }
+ };
+ $el.mode = function (_touch) {
+ if (settings.adaptiveHeight === true && settings.vertical === false) {
+ $el.css('height', $children.eq(scene).outerHeight(true));
+ }
+ if (on === false) {
+ if (settings.mode === 'slide') {
+ if (plugin.doCss()) {
+ $el.addClass('lSSlide');
+ if (settings.speed !== '') {
+ $slide.css('transition-duration', settings.speed + 'ms');
+ }
+ if (settings.cssEasing !== '') {
+ $slide.css('transition-timing-function', settings.cssEasing);
+ }
+ }
+ } else {
+ if (plugin.doCss()) {
+ if (settings.speed !== '') {
+ $el.css('transition-duration', settings.speed + 'ms');
+ }
+ if (settings.cssEasing !== '') {
+ $el.css('transition-timing-function', settings.cssEasing);
+ }
+ }
+ }
+ }
+ if (!_touch) {
+ settings.onBeforeSlide.call(this, $el, scene);
+ }
+ if (settings.mode === 'slide') {
+ plugin.slide();
+ } else {
+ plugin.fade();
+ }
+ if (!$slide.hasClass('ls-hover')) {
+ plugin.auto();
+ }
+ setTimeout(function () {
+ if (!_touch) {
+ settings.onAfterSlide.call(this, $el, scene);
+ }
+ }, settings.speed);
+ on = true;
+ };
+ $el.play = function () {
+ $el.goToNextSlide();
+ settings.auto = true;
+ plugin.auto();
+ };
+ $el.pause = function () {
+ settings.auto = false;
+ clearInterval(interval);
+ };
+ $el.refresh = function () {
+ refresh.init();
+ };
+ $el.getCurrentSlideCount = function () {
+ var sc = scene;
+ if (settings.loop) {
+ var ln = $slide.find('.lslide').length,
+ cl = $el.find('.clone.left').length;
+ if (scene <= cl - 1) {
+ sc = ln + (scene - cl);
+ } else if (scene >= (ln + cl)) {
+ sc = scene - ln - cl;
+ } else {
+ sc = scene - cl;
+ }
+ }
+ return sc + 1;
+ };
+ $el.getTotalSlideCount = function () {
+ return $slide.find('.lslide').length;
+ };
+ $el.goToSlide = function (s) {
+ if (settings.loop) {
+ scene = (s + $el.find('.clone.left').length - 1);
+ } else {
+ scene = s;
+ }
+ $el.mode(false);
+ if (settings.gallery === true) {
+ plugin.slideThumb();
+ }
+ };
+ $el.destroy = function () {
+ if ($el.lightSlider) {
+ $el.goToPrevSlide = function(){};
+ $el.goToNextSlide = function(){};
+ $el.mode = function(){};
+ $el.play = function(){};
+ $el.pause = function(){};
+ $el.refresh = function(){};
+ $el.getCurrentSlideCount = function(){};
+ $el.getTotalSlideCount = function(){};
+ $el.goToSlide = function(){};
+ $el.lightSlider = null;
+ refresh = {
+ init : function(){}
+ };
+ $el.parent().parent().find('.lSAction, .lSPager').remove();
+ $el.removeClass('lightSlider lSFade lSSlide lsGrab lsGrabbing leftEnd right').removeAttr('style').unwrap().unwrap();
+ $el.children().removeAttr('style');
+ $children.removeClass('lslide active');
+ $el.find('.clone').remove();
+ $children = null;
+ interval = null;
+ on = false;
+ scene = 0;
+ }
+
+ };
+ setTimeout(function () {
+ settings.onSliderLoad.call(this, $el);
+ }, 10);
+ $(window).on('resize orientationchange', function (e) {
+ setTimeout(function () {
+ if (e.preventDefault) {
+ e.preventDefault();
+ } else {
+ e.returnValue = false;
+ }
+ refresh.init();
+ }, 200);
+ });
+ return this;
+ };
+}(jQuery));
diff --git a/lightslider/js/lightslider.min.js b/lightslider/js/lightslider.min.js
new file mode 100644
index 0000000..ea16d58
--- /dev/null
+++ b/lightslider/js/lightslider.min.js
@@ -0,0 +1,4 @@
+/*! lightslider - v1.1.6 - 2016-10-25
+* https://github.com/sachinchoolur/lightslider
+* Copyright (c) 2016 Sachin N; Licensed MIT */
+!function(a,b){"use strict";var c={item:3,autoWidth:!1,slideMove:1,slideMargin:10,addClass:"",mode:"slide",useCSS:!0,cssEasing:"ease",easing:"linear",speed:400,auto:!1,pauseOnHover:!1,loop:!1,slideEndAnimation:!0,pause:2e3,keyPress:!1,controls:!0,prevHtml:"",nextHtml:"",rtl:!1,adaptiveHeight:!1,vertical:!1,verticalHeight:500,vThumbWidth:100,thumbItem:10,pager:!0,gallery:!1,galleryMargin:5,thumbMargin:5,currentPagerPosition:"middle",enableTouch:!0,enableDrag:!0,freeMove:!0,swipeThreshold:40,responsive:[],onBeforeStart:function(a){},onSliderLoad:function(a){},onBeforeSlide:function(a,b){},onAfterSlide:function(a,b){},onBeforeNextSlide:function(a,b){},onBeforePrevSlide:function(a,b){}};a.fn.lightSlider=function(b){if(0===this.length)return this;if(this.length>1)return this.each(function(){a(this).lightSlider(b)}),this;var d={},e=a.extend(!0,{},c,b),f={},g=this;d.$el=this,"fade"===e.mode&&(e.vertical=!1);var h=g.children(),i=a(window).width(),j=null,k=null,l=0,m=0,n=!1,o=0,p="",q=0,r=e.vertical===!0?"height":"width",s=e.vertical===!0?"margin-bottom":"margin-right",t=0,u=0,v=0,w=0,x=null,y="ontouchstart"in document.documentElement,z={};return z.chbreakpoint=function(){if(i=a(window).width(),e.responsive.length){var b;if(e.autoWidth===!1&&(b=e.item),ie.responsive[0].breakpoint)for(var g in f)f.hasOwnProperty(g)&&(e[g]=f[g]);e.autoWidth===!1&&t>0&&v>0&&b!==e.item&&(q=Math.round(t/((v+e.slideMargin)*e.slideMove)))}},z.calSW=function(){e.autoWidth===!1&&(v=(o-(e.item*e.slideMargin-e.slideMargin))/e.item)},z.calWidth=function(a){var b=a===!0?p.find(".lslide").length:h.length;if(e.autoWidth===!1)m=b*(v+e.slideMargin);else{m=0;for(var c=0;b>c;c++)m+=parseInt(h.eq(c).width())+e.slideMargin}return m},d={doCss:function(){var a=function(){for(var a=["transition","MozTransition","WebkitTransition","OTransition","msTransition","KhtmlTransition"],b=document.documentElement,c=0;c'+e.prevHtml+''+e.nextHtml+""),e.autoWidth?z.calWidth(!1)'),p=g.parent(".lSSlideWrapper"),e.rtl===!0&&p.parent().addClass("lSrtl"),e.vertical?(p.parent().addClass("vertical"),o=e.verticalHeight,p.css("height",o+"px")):o=g.outerWidth(),h.addClass("lslide"),e.loop===!0&&"slide"===e.mode&&(z.calSW(),z.clone=function(){if(z.calWidth(!0)>o){for(var b=0,c=0,d=0;d=o+e.slideMargin));d++);var f=e.autoWidth===!0?c:e.item;if(fh.length-1-g.find(".clone.right").length;j--)q--,h.eq(j).remove();for(var k=g.find(".clone.right").length;f>k;k++)g.find(".lslide").eq(k).clone().removeClass("lslide").addClass("clone right").appendTo(g),q++;for(var l=g.find(".lslide").length-g.find(".clone.left").length;l>g.find(".lslide").length-f;l--)g.find(".lslide").eq(l-1).clone().removeClass("lslide").addClass("clone left").prependTo(g);h=g.children()}else h.hasClass("clone")&&(g.find(".clone").remove(),a.move(g,0))},z.clone()),z.sSW=function(){l=h.length,e.rtl===!0&&e.vertical===!1&&(s="margin-left"),e.autoWidth===!1&&h.css(r,v+"px"),h.css(s,e.slideMargin+"px"),m=z.calWidth(!1),g.css(r,m+"px"),e.loop===!0&&"slide"===e.mode&&n===!1&&(q=g.find(".clone.left").length)},z.calL=function(){h=g.children(),l=h.length},this.doCss()&&p.addClass("usingCss"),z.calL(),"slide"===e.mode?(z.calSW(),z.sSW(),e.loop===!0&&(t=a.slideValue(),this.move(g,t)),e.vertical===!1&&this.setHeight(g,!1)):(this.setHeight(g,!0),g.addClass("lSFade"),this.doCss()||(h.fadeOut(0),h.eq(q).fadeIn(0))),e.loop===!0&&"slide"===e.mode?h.eq(q).addClass("active"):h.first().addClass("active")},pager:function(){var a=this;if(z.createPager=function(){w=(o-(e.thumbItem*e.thumbMargin-e.thumbMargin))/e.thumbItem;var b=p.find(".lslide"),c=p.find(".lslide").length,d=0,f="",h=0;for(d=0;c>d;d++){"slide"===e.mode&&(e.autoWidth?h+=(parseInt(b.eq(d).width())+e.slideMargin)*e.slideMove:h=d*(v+e.slideMargin)*e.slideMove);var i=b.eq(d*e.slideMove).attr("data-thumb");if(f+=e.gallery===!0?'
':''+(d+1)+"","slide"===e.mode&&h>=m-o-e.slideMargin){d+=1;var j=2;e.autoWidth&&(f+=''+(d+1)+"",j=1),j>d?(f=null,p.parent().addClass("noPager")):p.parent().removeClass("noPager");break}}var k=p.parent();k.find(".lSPager").html(f),e.gallery===!0&&(e.vertical===!0&&k.find(".lSPager").css("width",e.vThumbWidth+"px"),u=d*(e.thumbMargin+w)+.5,k.find(".lSPager").css({property:u+"px","transition-duration":e.speed+"ms"}),e.vertical===!0&&p.parent().css("padding-right",e.vThumbWidth+e.galleryMargin+"px"),k.find(".lSPager").css(r,u+"px"));var l=k.find(".lSPager").find("li");l.first().addClass("active"),l.on("click",function(){return e.loop===!0&&"slide"===e.mode?q+=l.index(this)-k.find(".lSPager").find("li.active").index():q=l.index(this),g.mode(!1),e.gallery===!0&&a.slideThumb(),!1})},e.pager){var b="lSpg";e.gallery&&(b="lSGallery"),p.after('');var c=e.vertical?"margin-left":"margin-top";p.parent().find(".lSPager").css(c,e.galleryMargin+"px"),z.createPager()}setTimeout(function(){z.init()},0)},setHeight:function(a,b){var c=null,d=this;c=e.loop?a.children(".lslide ").first():a.children().first();var f=function(){var d=c.outerHeight(),e=0,f=d;b&&(d=0,e=100*f/o),a.css({height:d+"px","padding-bottom":e+"%"})};f(),c.find("img").length?c.find("img")[0].complete?(f(),x||d.auto()):c.find("img").on("load",function(){setTimeout(function(){f(),x||d.auto()},100)}):x||d.auto()},active:function(a,b){this.doCss()&&"fade"===e.mode&&p.addClass("on");var c=0;if(q*e.slideMove=d&&(c=f)),e.loop===!0&&"slide"===e.mode&&(c=b===!0?q-g.find(".clone.left").length:q*e.slideMove,b===!0&&(d=a.length,f=d-1,c+1===d?c=f:c+1>d&&(c=0))),this.doCss()||"fade"!==e.mode||b!==!1||a.eq(c).fadeIn(e.speed),a.eq(c).addClass("active")}else a.removeClass("active"),a.eq(a.length-1).addClass("active"),this.doCss()||"fade"!==e.mode||b!==!1||(a.fadeOut(e.speed),a.eq(c).fadeIn(e.speed))},move:function(a,b){e.rtl===!0&&(b=-b),this.doCss()?a.css(e.vertical===!0?{transform:"translate3d(0px, "+-b+"px, 0px)","-webkit-transform":"translate3d(0px, "+-b+"px, 0px)"}:{transform:"translate3d("+-b+"px, 0px, 0px)","-webkit-transform":"translate3d("+-b+"px, 0px, 0px)"}):e.vertical===!0?a.css("position","relative").animate({top:-b+"px"},e.speed,e.easing):a.css("position","relative").animate({left:-b+"px"},e.speed,e.easing);var c=p.parent().find(".lSPager").find("li");this.active(c,!0)},fade:function(){this.active(h,!1);var a=p.parent().find(".lSPager").find("li");this.active(a,!0)},slide:function(){var a=this;z.calSlide=function(){m>o&&(t=a.slideValue(),a.active(h,!1),t>m-o-e.slideMargin?t=m-o-e.slideMargin:0>t&&(t=0),a.move(g,t),e.loop===!0&&"slide"===e.mode&&(q>=l-g.find(".clone.left").length/e.slideMove&&a.resetSlide(g.find(".clone.left").length),0===q&&a.resetSlide(p.find(".lslide").length)))},z.calSlide()},resetSlide:function(a){var b=this;p.find(".lSAction a").addClass("disabled"),setTimeout(function(){q=a,p.css("transition-duration","0ms"),t=b.slideValue(),b.active(h,!1),d.move(g,t),setTimeout(function(){p.css("transition-duration",e.speed+"ms"),p.find(".lSAction a").removeClass("disabled")},50)},e.speed+100)},slideValue:function(){var a=0;if(e.autoWidth===!1)a=q*(v+e.slideMargin)*e.slideMove;else{a=0;for(var b=0;q>b;b++)a+=parseInt(h.eq(b).width())+e.slideMargin}return a},slideThumb:function(){var a;switch(e.currentPagerPosition){case"left":a=0;break;case"middle":a=o/2-w/2;break;case"right":a=o-w}var b=q-g.find(".clone.left").length,c=p.parent().find(".lSPager");"slide"===e.mode&&e.loop===!0&&(b>=c.children().length?b=0:0>b&&(b=c.children().length));var d=b*(w+e.thumbMargin)-a;d+o>u&&(d=u-o-e.thumbMargin),0>d&&(d=0),this.move(c,d)},auto:function(){e.auto&&(clearInterval(x),x=setInterval(function(){g.goToNextSlide()},e.pause))},pauseOnHover:function(){var b=this;e.auto&&e.pauseOnHover&&(p.on("mouseenter",function(){a(this).addClass("ls-hover"),g.pause(),e.auto=!0}),p.on("mouseleave",function(){a(this).removeClass("ls-hover"),p.find(".lightSlider").hasClass("lsGrabbing")||b.auto()}))},touchMove:function(a,b){if(p.css("transition-duration","0ms"),"slide"===e.mode){var c=a-b,d=t-c;if(d>=m-o-e.slideMargin)if(e.freeMove===!1)d=m-o-e.slideMargin;else{var f=m-o-e.slideMargin;d=f+(d-f)/5}else 0>d&&(e.freeMove===!1?d=0:d/=5);this.move(g,d)}},touchEnd:function(a){if(p.css("transition-duration",e.speed+"ms"),"slide"===e.mode){var b=!1,c=!0;t-=a,t>m-o-e.slideMargin?(t=m-o-e.slideMargin,e.autoWidth===!1&&(b=!0)):0>t&&(t=0);var d=function(a){var c=0;if(b||a&&(c=1),e.autoWidth)for(var d=0,f=0;f=t));f++);else{var g=t/((v+e.slideMargin)*e.slideMove);q=parseInt(g)+c,t>=m-o-e.slideMargin&&g%1!==0&&q++}};a>=e.swipeThreshold?(d(!1),c=!1):a<=-e.swipeThreshold&&(d(!0),c=!1),g.mode(c),this.slideThumb()}else a>=e.swipeThreshold?g.goToPrevSlide():a<=-e.swipeThreshold&&g.goToNextSlide()},enableDrag:function(){var b=this;if(!y){var c=0,d=0,f=!1;p.find(".lightSlider").addClass("lsGrab"),p.on("mousedown",function(b){return o>m&&0!==m?!1:void("lSPrev"!==a(b.target).attr("class")&&"lSNext"!==a(b.target).attr("class")&&(c=e.vertical===!0?b.pageY:b.pageX,f=!0,b.preventDefault?b.preventDefault():b.returnValue=!1,p.scrollLeft+=1,p.scrollLeft-=1,p.find(".lightSlider").removeClass("lsGrab").addClass("lsGrabbing"),clearInterval(x)))}),a(window).on("mousemove",function(a){f&&(d=e.vertical===!0?a.pageY:a.pageX,b.touchMove(d,c))}),a(window).on("mouseup",function(g){if(f){p.find(".lightSlider").removeClass("lsGrabbing").addClass("lsGrab"),f=!1,d=e.vertical===!0?g.pageY:g.pageX;var h=d-c;Math.abs(h)>=e.swipeThreshold&&a(window).on("click.ls",function(b){b.preventDefault?b.preventDefault():b.returnValue=!1,b.stopImmediatePropagation(),b.stopPropagation(),a(window).off("click.ls")}),b.touchEnd(h)}})}},enableTouch:function(){var a=this;if(y){var b={},c={};p.on("touchstart",function(a){c=a.originalEvent.targetTouches[0],b.pageX=a.originalEvent.targetTouches[0].pageX,b.pageY=a.originalEvent.targetTouches[0].pageY,clearInterval(x)}),p.on("touchmove",function(d){if(o>m&&0!==m)return!1;var f=d.originalEvent;c=f.targetTouches[0];var g=Math.abs(c.pageX-b.pageX),h=Math.abs(c.pageY-b.pageY);e.vertical===!0?(3*h>g&&d.preventDefault(),a.touchMove(c.pageY,b.pageY)):(3*g>h&&d.preventDefault(),a.touchMove(c.pageX,b.pageX))}),p.on("touchend",function(){if(o>m&&0!==m)return!1;var d;d=e.vertical===!0?c.pageY-b.pageY:c.pageX-b.pageX,a.touchEnd(d)})}},build:function(){var b=this;b.initialStyle(),this.doCss()&&(e.enableTouch===!0&&b.enableTouch(),e.enableDrag===!0&&b.enableDrag()),a(window).on("focus",function(){b.auto()}),a(window).on("blur",function(){clearInterval(x)}),b.pager(),b.pauseOnHover(),b.controls(),b.keyPress()}},d.build(),z.init=function(){z.chbreakpoint(),e.vertical===!0?(o=e.item>1?e.verticalHeight:h.outerHeight(),p.css("height",o+"px")):o=p.outerWidth(),e.loop===!0&&"slide"===e.mode&&z.clone(),z.calL(),"slide"===e.mode&&g.removeClass("lSSlide"),"slide"===e.mode&&(z.calSW(),z.sSW()),setTimeout(function(){"slide"===e.mode&&g.addClass("lSSlide")},1e3),e.pager&&z.createPager(),e.adaptiveHeight===!0&&e.vertical===!1&&g.css("height",h.eq(q).outerHeight(!0)),e.adaptiveHeight===!1&&("slide"===e.mode?e.vertical===!1?d.setHeight(g,!1):d.auto():d.setHeight(g,!0)),e.gallery===!0&&d.slideThumb(),"slide"===e.mode&&d.slide(),e.autoWidth===!1?h.length<=e.item?p.find(".lSAction").hide():p.find(".lSAction").show():z.calWidth(!1)0)e.onBeforePrevSlide.call(this,g,q),q--,g.mode(!1),e.gallery===!0&&d.slideThumb();else if(e.loop===!0){if(e.onBeforePrevSlide.call(this,g,q),"fade"===e.mode){var a=l-1;q=parseInt(a/e.slideMove)}g.mode(!1),e.gallery===!0&&d.slideThumb()}else e.slideEndAnimation===!0&&(g.addClass("leftEnd"),setTimeout(function(){g.removeClass("leftEnd")},400))},g.goToNextSlide=function(){var a=!0;if("slide"===e.mode){var b=d.slideValue();a=b=q?b+(q-c):q>=b+c?q-b-c:q-c}return a+1},g.getTotalSlideCount=function(){return p.find(".lslide").length},g.goToSlide=function(a){q=e.loop?a+g.find(".clone.left").length-1:a,g.mode(!1),e.gallery===!0&&d.slideThumb()},g.destroy=function(){g.lightSlider&&(g.goToPrevSlide=function(){},g.goToNextSlide=function(){},g.mode=function(){},g.play=function(){},g.pause=function(){},g.refresh=function(){},g.getCurrentSlideCount=function(){},g.getTotalSlideCount=function(){},g.goToSlide=function(){},g.lightSlider=null,z={init:function(){}},g.parent().parent().find(".lSAction, .lSPager").remove(),g.removeClass("lightSlider lSFade lSSlide lsGrab lsGrabbing leftEnd right").removeAttr("style").unwrap().unwrap(),g.children().removeAttr("style"),h.removeClass("lslide active"),g.find(".clone").remove(),h=null,x=null,n=!1,q=0)},setTimeout(function(){e.onSliderLoad.call(this,g)},10),a(window).on("resize orientationchange",function(a){setTimeout(function(){a.preventDefault?a.preventDefault():a.returnValue=!1,z.init()},200)}),this}}(jQuery);
\ No newline at end of file
diff --git a/screenshots.md b/screenshots.md
index 2fe5fe8..86c2efb 100644
--- a/screenshots.md
+++ b/screenshots.md
@@ -1,22 +1,41 @@
---
title: Screenshots
permalink: /screenshots/
-layout: default
+layout: screenshots
---
-{:width="45%"}
-{:width="45%"}
+* ### Plasma 
-{:width="45%"}
-{:width="45%"}
+* ### Angelfish 
-{:width="45%"}
-{:width="45%"}
+* ### Settings 
-{:width="45%"}
-{:width="45%"}
+* ### Kaidan 
-{:width="45%"}
-{:width="45%"}
+* ### Pure Maps 
-{:width="45%"}
+* ### Okular 
+
+* ### Koko 
+
+* ### Index 
+
+* ### Calindori 
+
+* ### Kaidan 
+
+* ### Discover 
+
+* ### Angelfish 
+
+* ### Kalgebra 
+
+* ### Camera 
+
+* ### Kirigami Gallery 
+
+* ### Angelfish 
+
+* ### Kaidan 
+
+* ### Calindori 