diff --git a/Images/Logo/Slidebars Logo.psd b/Images/Logo/Slidebars Logo.psd deleted file mode 100644 index ae29606..0000000 Binary files a/Images/Logo/Slidebars Logo.psd and /dev/null differ diff --git a/Images/Logo/slidebars-logo-white.png b/Images/Logo/slidebars-logo-white.png deleted file mode 100644 index c13a024..0000000 Binary files a/Images/Logo/slidebars-logo-white.png and /dev/null differ diff --git a/Images/Logo/slidebars-logo.png b/Images/Logo/slidebars-logo.png deleted file mode 100644 index 823514c..0000000 Binary files a/Images/Logo/slidebars-logo.png and /dev/null differ diff --git a/Images/Website Banner/Banner.psd b/Images/Website Banner/Banner.psd deleted file mode 100644 index cba5a54..0000000 Binary files a/Images/Website Banner/Banner.psd and /dev/null differ diff --git a/Images/Website Banner/Mockup.psd b/Images/Website Banner/Mockup.psd deleted file mode 100755 index 5146999..0000000 Binary files a/Images/Website Banner/Mockup.psd and /dev/null differ diff --git a/Images/Website Banner/banner.jpg b/Images/Website Banner/banner.jpg deleted file mode 100644 index 7f86e2f..0000000 Binary files a/Images/Website Banner/banner.jpg and /dev/null differ diff --git a/Images/Website Banner/iPhone 6 Screenshot.png b/Images/Website Banner/iPhone 6 Screenshot.png deleted file mode 100644 index 76895a9..0000000 Binary files a/Images/Website Banner/iPhone 6 Screenshot.png and /dev/null differ diff --git a/Revisions/0.1/index.html b/Revisions/0.1/index.html deleted file mode 100644 index 61c5a88..0000000 --- a/Revisions/0.1/index.html +++ /dev/null @@ -1,124 +0,0 @@ - - -
- - -Loading...
'); // Slightly supporting theie8countdown.com - } - - $('#loading').fadeIn(100); - - // Load the page. - $(ajaxContentID).load(href + ' ' + ajaxContentID, function() { - // Page has loaded. - - // Update browser address and history. - if (ie === undefined || ie === 10) { // IE 9 and under dont support pushState, and will prevent loading. - history.pushState('', '', href); - } - - // Hide loading animation. - $('#loading').fadeOut(100); - $('#loading').css({'display': 'none'}); - - // Fade in content. - $(ajaxContentID).fadeIn(200); - - // Turn off clicks. - $('a').off('click'); - - // Re call this function, to apply click function to newly loaded page. - slidebars.ajaxLinks(); - }); - }, - - // ---------- - // User Input - - input: function() { - // Slidebar left control - $('.slidebar-left-control').on('touchend click', function(e) { - e.preventDefault(); // Prevents clicks occuring after touch events. - if (leftActive) { - slidebars.close(); - } else { - slidebars.openLeft(); - } - }); - - // Slidebar right control - $('.slidebar-right-control').on('touchend click', function(e) { - e.preventDefault(); // Prevents clicks occuring after touch events. - if (rightActive) { - slidebars.close(); - } else { - slidebars.openRight(); - } - }); - - // Close slidebars by clicking on site - $('#site').on('touchend click', function(e) { - if (leftActive || rightActive) { - e.preventDefault(); - slidebars.close(); - } - }); - - // Stop taps and clicks on children of #site bubbling events. - $('#site').children().on('touchend click', function(e) { - e.stopPropagation(); - }); - - // Close slidebars by clicking on link - $('#slidebar-left a, #slidebar-right a').on('touchend click', function(e) { - if (leftActive || rightActive) { - e.preventDefault(); // Stops the link being processed. - href = $(this).attr('href'); // Set a variable containing the url. - slidebars.close(); // Call the closing function. - } - }); - }, - - // -------------- - // User Functions - - openLeft: function() { - if (slidebarLeft) { // Check to make sure the left slidebar isn't disabled. - $('#slidebar-left').css({ // Make the slidebar visible. - 'visibility': 'visible' - }); - - // Detect browser. - if (ie < 10) { // Animate, for IE versions 9 and under. - $('#site, #bar').animate({ - left: shift + 'px' - }, 400); - } else { // Transform for other browsers & IE 10. - $('#site, #bar').css({ - '-ms-transform': 'translate(' + shift + 'px)', - '-webkit-transform': 'translate(' + shift + 'px)', - 'transform': 'translate(' + shift + 'px)' - }); - } - - leftActive = true; // Set active variable. - } - }, - openRight: function() { - if (slidebarRight) { // Check to make sure the right slidebar isn't disabled. - $('#slidebar-right').css({ // Make the slidebar visible. - 'visibility': 'visible' - }); - - // Detect browser. - if (ie < 10) { // Animate, for IE versions 9 and under. - $('#site, #bar').animate({ - left: '-' + shift + 'px' - }, 400); - } else { // Transform for other browsers & IE 10. - $('#site, #bar').css({ - '-ms-transform': 'translate(-' + shift + 'px)', - '-webkit-transform': 'translate(-' + shift + 'px)', - 'transform': 'translate(-' + shift + 'px)' - }); - } - - rightActive = true; // Set active variable. - } - }, - close: function() { - if (leftActive || rightActive) { // Make sure one of the left or right slidebars are open. - // Detect browser. - if (ie < 10) { // Animate, for IE versions 9 and under. - $('#site, #bar').animate({ - left: '0px' - }, 400); - } else { // Transform for other browsers & IE 10. - $('#site, #bar').css({ - '-ms-transform': 'translate(0)', - '-webkit-transform': 'translate(0)', - 'transform': 'translate(0)' - }); - } - - setTimeout(function() {// Make the slidebars invisible. - $('#slidebar-left, #slidebar-right').css({ - 'visibility': 'hidden' - }); - }, 400); - - leftActive = false; // Set inactive variable. - rightActive = false; // Set inactive variable. - - if (!ajax && href) { // If ajax is false and link is set, go to it. - window.location = href; - href = false; - } - } - }, - disableLeft: function() { - slidebarLeft = false; - if (leftActive) { // Check to see if the left slidebar is open first. - slidebars.close(); // Close it. - setTimeout(slidebars.disable, 400); // Disable it after 400ms. - } else { // Left slidebars is not open. - slidebars.disable(); // Disable it. - } - }, - disableRight: function() { - slidebarRight = false; - if (rightActive) { // Check to see if the right slidebar is open first. - slidebars.close(); // Close it. - setTimeout(slidebars.disable, 400); // Disable it after 400ms. - } else { // Right slidebars is not open. - slidebars.disable(); // Disable. - } - } -} \ No newline at end of file diff --git a/Revisions/0.4/scripts/slidebars/0.4/slidebars.min.js b/Revisions/0.4/scripts/slidebars/0.4/slidebars.min.js deleted file mode 100644 index 8362d49..0000000 --- a/Revisions/0.4/scripts/slidebars/0.4/slidebars.min.js +++ /dev/null @@ -1,8 +0,0 @@ -// --------- -// Slidebars -// 0.4 -// -// Written by Adam Smith -// http://www.adchsm.me/ - -var style,slidebarLeft,slidebarRight,ajax,ajaxContentID,dontAjax,leftActive=false,rightActive=false,href=false,shift,ie;var slidebars={launch:function(a){style=a.style;slidebarLeft=a.slidebarLeft;slidebarRight=a.slidebarRight;ajax=a.ajax;if(ajax){ajaxContentID=a.ajaxContentID;dontAjax=a.dontAjax}if(style===undefined){style="static"}if(slidebarLeft===undefined){slidebarLeft=true}if(slidebarRight===undefined){slidebarRight=true}if(ajax===undefined){ajax=false;ajaxContentID=false;dontAjax=false}if(ajax){if(ajaxContentID===undefined){alert("You must specify a main content id for use with ajax links.")}}slidebars.css();slidebars.ieDet();slidebars.disable();slidebars.input();if(ajax){slidebars.ajaxSetup()}$(window).resize(slidebars.resize)},css:function(){$("#site, #slidebar-left, #slidebar-right").css({height:""});var c=$(window).width();if(c<=480){shift=c*0.7;$("#slidebar-left, #slidebar-right").css({width:shift})}else{if(c<=768){shift=c*0.5;$("#slidebar-left, #slidebar-right").css({width:shift})}else{shift=c*0.25;$("#slidebar-left, #slidebar-right").css({width:shift})}}var a=$("#viewport").height(),e=$("#bar").height(),d=$("#site").height(),f=$("#slidebar-left").height(),g=$("#slidebar-right").height(),b=Math.max(d,f,g);$("#bar .wrapper").css({height:e});$("#site").css({"margin-top":e});if(style==="static"){$("#site, #slidebar-left, #slidebar-right").css({height:b})}else{if(style==="fixed"){$("#bar, #slidebar-left, #slidebar-right").css({position:"fixed"});if(d>a){$("#site").css({"overflow-y":"scroll"})}if(f>a){$("#slidebar-left").css({"overflow-y":"scroll"})}if(g>a){$("#slidebar-right").css({"overflow-y":"scroll"})}}}},disable:function(){if(!slidebarLeft){$("#slidebar-left, .slidebar-left-control").remove()}if(!slidebarRight){$("#slidebar-right, .slidebar-right-control").remove()}},ieDet:function(){ie=(function(){var c,a=3,d=document.createElement("div"),b=d.getElementsByTagName("i");while(d.innerHTML="",b[0]){}return a>4?a:c}())},resize:function(){slidebars.css();if(leftActive){slidebars.openLeft()}if(rightActive){slidebars.openRight()}},ajaxSetup:function(){dontAjax=dontAjax.split(", ");$(ajaxContentID).parent().append('Loading...
")}}$("#loading").fadeIn(100);$(ajaxContentID).load(href+" "+ajaxContentID,function(){if(ie===undefined||ie===10){history.pushState("","",href)}$("#loading").fadeOut(100);$("#loading").css({display:"none"});$(ajaxContentID).fadeIn(200);$("a").off("click");slidebars.ajaxLinks()})},input:function(){$(".slidebar-left-control").on("touchend click",function(a){a.preventDefault();if(leftActive){slidebars.close()}else{slidebars.openLeft()}});$(".slidebar-right-control").on("touchend click",function(a){a.preventDefault();if(rightActive){slidebars.close()}else{slidebars.openRight()}});$("#site").on("touchend click",function(a){if(leftActive||rightActive){a.preventDefault();slidebars.close()}});$("#site").children().on("touchend click",function(a){a.stopPropagation()});$("#slidebar-left a, #slidebar-right a").on("touchend click",function(a){if(leftActive||rightActive){a.preventDefault();href=$(this).attr("href");slidebars.close()}})},openLeft:function(){if(slidebarLeft){$("#slidebar-left").css({visibility:"visible"});if(ie<10){$("#site, #bar").animate({left:shift+"px"},400)}else{$("#site, #bar").css({"-ms-transform":"translate("+shift+"px)","-webkit-transform":"translate("+shift+"px)",transform:"translate("+shift+"px)"})}leftActive=true}},openRight:function(){if(slidebarRight){$("#slidebar-right").css({visibility:"visible"});if(ie<10){$("#site, #bar").animate({left:"-"+shift+"px"},400)}else{$("#site, #bar").css({"-ms-transform":"translate(-"+shift+"px)","-webkit-transform":"translate(-"+shift+"px)",transform:"translate(-"+shift+"px)"})}rightActive=true}},close:function(){if(leftActive||rightActive){if(ie<10){$("#site, #bar").animate({left:"0px"},400)}else{$("#site, #bar").css({"-ms-transform":"translate(0)","-webkit-transform":"translate(0)",transform:"translate(0)"})}setTimeout(function(){$("#slidebar-left, #slidebar-right").css({visibility:"hidden"})},400);leftActive=false;rightActive=false;if(!ajax&&href){window.location=href;href=false}}},disableLeft:function(){slidebarLeft=false;if(leftActive){slidebars.close();setTimeout(slidebars.disable,400)}else{slidebars.disable()}},disableRight:function(){slidebarRight=false;if(rightActive){slidebars.close();setTimeout(slidebars.disable,400)}else{slidebars.disable()}}}; \ No newline at end of file diff --git a/Revisions/0.4/style.css b/Revisions/0.4/style.css deleted file mode 100644 index 0bc6535..0000000 --- a/Revisions/0.4/style.css +++ /dev/null @@ -1,110 +0,0 @@ -/* --------- - * Slidebars - * 0.4 - * - * Written by Adam Smith - * http://www.adchsm.me/ - * - * ------------------- - * Slidebars CSS Index - * - * 001 - Html, Body & JS Error - * 002 - Site & Wrapper - * 003 - Bar & Buttons - * 004 - Slidebars - */ - -/* ---------------- - * 001 - Html, Body - */ - -html { - -} - -body { - -} - -/* -------------------- - * 002 - Site & Wrapper - */ - -#site { - background-color: #fff; /* Main page background colour. */ - box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Shadow cast onto the slidebars when opened. */ -} - -.wrapper { - max-width: 100%; /* Can be any pixel width, or use 100% to have a full width page on any sized screen. */ -} - -/* --------- - * 003 - Bar - */ - -#bar { - height: 50px; /* Set the height of the menu bar */ - background-color: #FF3971; /* Background colour of the bar. */ - box-shadow: /* Shadow beneath the bar and edge highlights. */ - /* Layered single pixel shadows to create a one sided shadow effect. */ - 0 5px 0 0 rgba(0, 0, 0, 0.01), - 0 4px 0 0 rgba(0, 0, 0, 0.02), - 0 3px 0 0 rgba(0, 0, 0, 0.04), - 0 2px 0 0 rgba(0, 0, 0, 0.06), - 0 1px 0 0 rgba(0, 0, 0, 0.08), - /* Top highlight */ - 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, - /* Left highlight */ - 1px 0 0 0 rgba(255, 255, 255, 0.1) inset, - /* Right highlight */ - -1px 0 0 0 rgba(255, 255, 255, 0.1) inset, - /* Bottom lowlight */ - 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; - - /* Glass gradient overlay. */ - background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%); /* Webkit syntax. */ - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */ - background-size: 100%; - background-repeat: no-repeat; -} - -#bar .slidebar-left-control, #bar .slidebar-right-control { - /* These are the buttons located in the top bar, they are prefixed with #bar, so if you wish to open the slidebars from a different location also using these classes, you may do so without this styling. */ - border: 1px solid rgba(0, 0, 0, 0.2); /* Button border colour. */ - box-shadow: - /* Drop shadow */ - 0 1px 0 0 rgba(255, 255, 255, 0.2), - /* Top highlight */ - 0 1px 0 0 rgba(255, 255, 255, 0.2) inset; - padding: 5px; /* Distance between the navicon and the button border. */ - border-radius: 3px; /* Button curved corners. */ -} - -.navicon, .navicon:before, .navicon:after { - background-color: #fff; /* The colour of the navicon lines. */ -} - -/* --------------- - * 004 - Slidebars - */ - -#slidebar-left { - background-color: #373737; /* Slidebar left background colour. */ -} - -#slidebar-right { - background-color: #373737; /* Slidebar right background colour. */ -} - -/* ----------------- - * 005 - Ajax Loader - */ - -#spinner { - border-color: rgba(255, 57, 113, 0.2); /* Spinner circle colour. */ -} - -#spinner:before { - border-top-color: rgba(250, 75, 124, 0.95); /* Spinner part colour. */ -} \ No newline at end of file diff --git a/Revisions/0.5/slidebars.css b/Revisions/0.5/slidebars.css deleted file mode 100644 index 2b7c195..0000000 --- a/Revisions/0.5/slidebars.css +++ /dev/null @@ -1,100 +0,0 @@ -/* Slidebars 0.5 - http://plugins.adchsm.me/slidebars/ written by Adam Smith - http://www.adchsm.me/ - * - * ------------------- - * Slidebars CSS Index - * - * 001 - Html, Body & Site - * 002 - Slidebars - * 003 - Media Queries - * 004 - Animation - * - * ----------------------- - * 001 - Html, Body & Site - */ - -html, body { - height: 100%; - overflow-x: hidden; /* Stops horizontal page scrolling. */ -} - -html, body, .sb-site { - /* Set full screen size and remove margins and paddings. */ - width: 100%; - margin: 0; - padding: 0; -} - -.sb-site { - min-height: 100%; - position: relative; - z-index: 1; /* Site sits above the slidebars. */ - background-color: #fff; /* Default background colour, overwrite this with your own css. */ - box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0); /* Fixes some translation issues. */ -} - -html, body, .sb-site, .sb-slidebar { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -/* --------------- - * 002 - Slidebars - */ - -.sb-slidebar { - width: 70%; /* Slidebar width on extra small screens (< 480). */ - height: 100%; - overflow-y: scroll; /* Enable vertical scrolling on Slidebars. */ - position: fixed; - top: 0; - z-index: 0; /* Slidebars sit behind sb-site. */ - visibility: hidden; /* Initially hide the Slidebars. */ - background-color: #191919; /* Default Slidebars background colour, overwrite this with your own css. */ -} - -.sb-left { - left: 0; -} - -.sb-right { - right: 0; -} - -.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close { - cursor: pointer; -} - -/* ------------------- - * 003 - Media Queries - */ - -@media (min-width: 481px) and (max-width: 991px) { - .sb-slidebar { - width: 50%; /* Slidebar width on small screens. */ - } -} - -@media (min-width: 992px) { - .sb-slidebar { - width: 35%; /* Slidebar width on medium screens. */ - } -} - -@media (min-width: 1200px) { - .sb-slidebar { - width: 20%; /* Slidebar width on large screens. */ - } -} - -/* --------------- - * 004 - Animation - */ - -.sb-slide { - -webkit-transition: -webkit-transform 400ms ease; /* Webkit syntax */ - -moz-transition: -moz-transform 400ms ease; /* Firefox syntax */ - -o-transition: -o-transform 400ms ease; /* Opera syntax */ - transition: transform 400ms ease; /* Final syntax */ - -webkit-backface-visibility: hidden; /* Prevents flickering. */ -} \ No newline at end of file diff --git a/Revisions/0.5/slidebars.js b/Revisions/0.5/slidebars.js deleted file mode 100644 index c5e807a..0000000 --- a/Revisions/0.5/slidebars.js +++ /dev/null @@ -1,275 +0,0 @@ -// ------------------------------------------------------------- -// Slidebars 0.5 - http://plugins.adchsm.me/slidebars/ written by Adam Smith - http://www.adchsm.me/ -// -// --------------------- -// Index of Slidebars.js -// -// 001 - Checks & Global Variables -// 002 - IE Detection -// 003 - Operations -// 004 - API -// 005 - Window Resizes -// 006 - User Input - -;(function($) { - - $.slidebars = function() { - - // ------------------------------- - // 002 - Checks & Global Variables - - // Slidebars Initialisation - this.init = true; // User check, returns true if Slidebars has been initiated. - - // Site Container - if($('.sb-site').length) { // Check to see if site container exists. - // .sb-site does exist. - $('.sb-site').addClass('sb-slide'); // Add moving class. - - if (!$('.sb-site').parent().is('body')) { // Check its location and move if necessary. - $('.sb-site').appendTo('body'); - } - } else { - // .sb-site doesn't exist, create it. - $('body').children().wrapAll(''); - } - - // Left Slidebar - if ($('.sb-left').length) { // Check the left Slidebar exists. - var left = true, // Set variable. - leftActive = false; // Used to check whether the left Slidebar is open or closed. - if (!$('.sb-left').parent().is('body')) { // Check its location and move if necessary. - $('.sb-left').appendTo('body'); - } - } - - // Right Slidebar - if ($('.sb-right').length) { // Check the right Slidebar exists. - var right = true, // Set variable. - rightActive = false; // Used to check whether the right Slidebar is open or closed. - if (!$('.sb-right').parent().is('body')) { // Check its location and move if necessary. - $('.sb-right').appendTo('body'); - } - } - - // ------------------------------------------ - // 002 - Detect IE (Thanks to James Padolsey) - - var ie = (function() { - var undef, - v = 3, - div = document.createElement('div'), - all = div.getElementsByTagName('i'); - - while ( - div.innerHTML = '', - all[0] - ); - - return v > 4 ? v : undef; - }()); - - // ---------------- - // 003 - Operations - - // Open a Slidebar - function open(side) { - - // Check to see if opposite Slidebar is open. - if (side === 'left' && left && rightActive || side === 'right' && right && leftActive) { - // It's open, close it, then continue. - close(); - setTimeout(openSlidebar, 400); - } else { - // Its not open, continue. - openSlidebar(); - } - - function openSlidebar() { - if (side === 'left' && left) { // Open left Slidebar and make sure the left Slidebar is in use. - - leftActive = true; // Set active variables. - var leftWidth = $('.sb-left').css('width'); // Get the width of the left Slidebar. - - $('.sb-left').css({'visibility': 'visible'}); // Make the slidebar visible. - - // Animation type by browser. - if (ie < 10) { // jQuery .animate() for IE9 <. - $('.sb-slide').animate({ - left: leftWidth - }, 400); - } else { // CSS Transform for other browsers & IE10+. - $('.sb-slide').css({ - '-webkit-transform': 'translate(' + leftWidth + ')', - '-moz-transform': 'translate(' + leftWidth + ')', - '-o-transform': 'translate(' + leftWidth + ')', - 'transform': 'translate(' + leftWidth + ')' - }); - } // End if ie. - - } else if (side === 'right' && right) { // Open right Slidebar and make sure the right Slidebar is in use. - - rightActive = true; // Set active variables. - var rightWidth = $('.sb-right').css('width'); // Get the width of the right Slidebar. - - $('.sb-right').css({'visibility': 'visible'}); // Make the slidebar visible. - - // Animation type by browser. - if (ie < 10) { // jQuery .animate() for IE9 <. - $('.sb-slide').animate({ - left: '-' + rightWidth - }, 400); - } else { // CSS Transform for other browsers & IE10+. - $('.sb-slide').css({ - '-webkit-transform': 'translate(-' + rightWidth + ')', - '-moz-transform': 'translate(-' + rightWidth + ')', - '-o-transform': 'translate(-' + rightWidth + ')', - 'transform': 'translate(-' + rightWidth + ')' - }); - } // End if ie. - - } // End if side = left/right. - - // Enable closing by sb-site. - if (side === 'left' && leftActive || side === 'right' && rightActive) { // If a Slidebar was opened. - $('.sb-site').off('touchend click'); // Turn off click close incase this was called by a window resize. - setTimeout(function() { - $('.sb-site').one('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - close(); - }); - }, 400); - } - } // End continue(); - - } - - // Close either Slidebar - function close(link) { - - if (leftActive || rightActive) { // If a Slidebar is open. - - leftActive = false; // Set active variable. - rightActive = false; // Set active variable. - - $('.sb-site').off('touchend click'); // Turn off closing by .sb-site. - - // Animation type by browser. - if (ie < 10) { // jQuery .animate() for IE9 <. - $('.sb-slide').animate({ - left: '0px' - }, 400); - } else { // CSS Transform for other browsers & IE10+. - $('.sb-slide').css({ - '-webkit-transform': 'translate(0px)', - '-moz-transform': 'translate(0px)', - '-o-transform': 'translate(0px)', - 'transform': 'translate(0px)' - }); - } // End if ie. - - setTimeout(function() { // Wait for closing animation to finish. - $('.sb-left, .sb-right').css({'visibility': 'hidden'}); // Hide the Slidebars. - - if (link) { // If a link has been passed to the function, go to it. - window.location = link; - } - }, 400); - - } - - } - - // Toggle either Slidebar - function toggle(side) { - - if (side == 'left' && left) { // If left Slidebar is called and in use. - if (leftActive) { - // Slidebar is open, close it. - close(); - } else if (!leftActive) { - // Slidebar is closed, open it. - open('left'); - } - } else if (side === 'right' && right) { // If right Slidebar is called and in use. - if (rightActive) { - // Slidebar is open, close it. - close(); - } else if (!rightActive) { - // Slidebar is closed, open it. - open('right'); - } - } - - } - - // --------- - // 004 - API - - this.open = open; // Maps user variable name to the open method. - this.close = close; // Maps user variable name to the close method. - this.toggle = toggle; // Maps user variable name to the toggle method. - - // -------------------- - // 005 - Window Resizes - - function resize() { - if (leftActive) { // Left Slidebar is open whilst the window is resized. - open('left'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } else if (rightActive) { // Right Slidebar is open whilst the window is resized. - open('right'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } - } - $(window).resize(resize); - - // ---------------- - // 006 - User Input - - // Slidebar Toggle Left - $('.sb-toggle-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('left'); - }); - - // Slidebar Toggle Right - $('.sb-toggle-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('right'); - }); - - // Slidebar Left Open - $('.sb-open-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!leftActive) { - // Slidebar is closed, open it. - open('left'); - } - }); - - // Slidebar Right Open - $('.sb-open-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!rightActive) { - // Slidebar is closed, open it. - open('right'); - } - }); - - // Slidebar Close - $('.sb-close').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (leftActive || rightActive) { - // A Slidebar is open, close it. - close(); - } - }); - - // Slidebar Close via Link - $('.sb-slidebar a').on('touchend click', function(e) { - e.preventDefault(); // Stop click events taking place after touchend and prevent default link behaviour. - close( $(this).attr('href') ); // Call closing method and pass link. - }); - - }; // End slidebars function. - -}) (jQuery); \ No newline at end of file diff --git a/Revisions/0.5/slidebars.min.css b/Revisions/0.5/slidebars.min.css deleted file mode 100644 index 22a9a60..0000000 --- a/Revisions/0.5/slidebars.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/* Slidebars 0.5 - http://plugins.adchsm.me/slidebars/ written by Adam Smith - http://www.adchsm.me/ */ -html,body{height:100%;overflow-x:hidden}html,body,.sb-site{width:100%;margin:0;padding:0}.sb-site{min-height:100%;position:relative;z-index:1;background-color:#fff;box-shadow:0 0 1px 1px rgba(0,0,0,0)}html,body,.sb-site,.sb-slidebar{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sb-slidebar{width:70%;height:100%;overflow-y:scroll;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#191919}.sb-left{left:0}.sb-right{right:0}.sb-toggle-left,.sb-toggle-right,.sb-open-left,.sb-open-right,.sb-close{cursor:pointer}@media(min-width:481px) and (max-width:991px){.sb-slidebar{width:50%}}@media(min-width:992px){.sb-slidebar{width:35%}}@media(min-width:1200px){.sb-slidebar{width:20%}}.sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-backface-visibility:hidden} \ No newline at end of file diff --git a/Revisions/0.5/slidebars.min.js b/Revisions/0.5/slidebars.min.js deleted file mode 100644 index ec03184..0000000 --- a/Revisions/0.5/slidebars.min.js +++ /dev/null @@ -1,2 +0,0 @@ -// Slidebars 0.5 - http://plugins.adchsm.me/slidebars/ written by Adam Smith - http://www.adchsm.me/ -;(function(a){a.slidebars=function(){function b(f){function b(){if("left"===f&&h){d=!0;var c=a(".sb-left").css("width");a(".sb-left").css({visibility:"visible"});10>k?a(".sb-slide").animate({left:c},400):a(".sb-slide").css({"-webkit-transform":"translate("+c+")","-moz-transform":"translate("+c+")","-o-transform":"translate("+c+")",transform:"translate("+c+")"})}else"right"===f&&l&&(e=!0,c=a(".sb-right").css("width"),a(".sb-right").css({visibility:"visible"}),10>k?a(".sb-slide").animate({left:"-"+c}, 400):a(".sb-slide").css({"-webkit-transform":"translate(-"+c+")","-moz-transform":"translate(-"+c+")","-o-transform":"translate(-"+c+")",transform:"translate(-"+c+")"}));if("left"===f&&d||"right"===f&&e)a(".sb-site").off("touchend click"),setTimeout(function(){a(".sb-site").one("touchend click",function(a){a.preventDefault();g()})},400)}"left"===f&&h&&e||"right"===f&&l&&d?(g(),setTimeout(b,400)):b()}function g(f){if(d||e)e=d=!1,a(".sb-site").off("touchend click"),10>k?a(".sb-slide").animate({left:"0px"}, 400):a(".sb-slide").css({"-webkit-transform":"translate(0px)","-moz-transform":"translate(0px)","-o-transform":"translate(0px)",transform:"translate(0px)"}),setTimeout(function(){a(".sb-left, .sb-right").css({visibility:"hidden"});f&&(window.location=f)},400)}function m(a){"left"==a&&h?d?g():d||b("left"):"right"===a&&l&&(e?g():e||b("right"))}this.init=!0;a(".sb-site").length?(a(".sb-site").addClass("sb-slide"),a(".sb-site").parent().is("body")||a(".sb-site").appendTo("body")):a("body").children().wrapAll(''); if(a(".sb-left").length){var h=!0,d=!1;a(".sb-left").parent().is("body")||a(".sb-left").appendTo("body")}if(a(".sb-right").length){var l=!0,e=!1;a(".sb-right").parent().is("body")||a(".sb-right").appendTo("body")}var k=function(){for(var a=3,b=document.createElement("div"),c=b.getElementsByTagName("i");b.innerHTML="\x3c!--[if gt IE "+ ++a+"]>'); - } - var $site = $('#sb-site'); // Cache the selector. - if (!$site.parent().is('body')) { // Check its location and move if necessary. - $site.appendTo('body'); - } - $site.addClass('sb-slide'); // Add animation class. - - // Left Slidebar - if ($('.sb-left').length) { // Check the left Slidebar exists. - var $left = $('.sb-left'), // Cache the selector. - leftActive = false; // Used to check whether the left Slidebar is open or closed. - if (!$left.parent().is('body')) { // Check its location and move if necessary. - $left.appendTo('body'); - } - } - - // Right Slidebar - if ($('.sb-right').length) { // Check the right Slidebar exists. - var $right = $('.sb-right'), // Cache the selector. - rightActive = false; // Used to check whether the right Slidebar is open or closed. - if (!$right.parent().is('body')) { // Check its location and move if necessary. - $right.appendTo('body'); - } - } - - // Set Minimum Height - var setMinHeight = false; - function minHeight() { - setMinHeight = true; // Set to true so if resize event is fired, the min-height will be re-calculated. - // Set the minimum height to avoid showing background on short sites. - $site.css({ - 'min-height': $('html').css('height') - }); - } - - // ----------------------- - // 002 - Feature Detection - - var test = document.createElement('div').style, - supportTransition = false, - supportTransform = false; - - // CSS Transitions - if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') { - supportTransition = true; - } - - // CSS Transforms - if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') { - supportTransform = true; - } - - // ----------------- - // 003 - User Agents - - // Get User Agent String - var ua = navigator.userAgent; - - // Detect iPhone, iPad, iPod - if (ua.match(/(iPhone|iPod|iPad)/)) { - minHeight(); - $('html').addClass('sb-ios'); - } else - - // Detect Android - if (ua.match(/Android/)) {// The user agent is Android. - minHeight(); - var android = parseFloat(ua.slice(ua.indexOf('Android')+8)); // Get version of Android. - var androidVersion = android * 100; // Multiple by 100 to move decimal point. - androidVersion = parseInt(androidVersion); // Remove decimal point. - $('html').addClass('sb-android sb-android-' + androidVersion); // Add class to body. - } - - // --------------- - // 004 - Animation - - var animation; - - // Set animation type. - if (supportTransition && supportTransform) { - if (android < 4.4) { - animation = 'jquery'; // Android issues translating elements with positioned fixed. - } else { - animation = 'translate'; - } - } else { - animation = 'jquery'; - } - - // Cache all elements to animate. - var $slide = $('.sb-slide'); - - // ---------------- - // 003 - Operations - - // Open a Slidebar - function open(side) { - - // Check to see if opposite Slidebar is open. - if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { - // It's open, close it, then continue. - close(); - setTimeout(openSlidebar, 400); - } else { - // Its not open, continue. - openSlidebar(); - } - - function openSlidebar() { - if (side === 'left' && $left) { // Open left Slidebar and make sure the left Slidebar is in use. - - leftActive = true; // Set active variables. - var leftWidth = $left.css('width'); // Get the width of the left Slidebar. - - $left.addClass('sb-visible'); // Make the slidebar visible. - - // Animation - if (animation == 'translate') { - $slide.css({ - '-webkit-transform': 'translate(' + leftWidth + ')', - '-moz-transform': 'translate(' + leftWidth + ')', - '-o-transform': 'translate(' + leftWidth + ')', - 'transform': 'translate(' + leftWidth + ')' - }); - } else if (animation == 'jquery') { - $slide.animate({ - left: leftWidth - }, 400); - } - - setTimeout(function() { - $('html').addClass('sb-active sb-active-left'); // Add active classes. - }, 400); - - } else if (side === 'right' && $right) { // Open right Slidebar and make sure the right Slidebar is in use. - - rightActive = true; // Set active variables. - var rightWidth = $right.css('width'); // Get the width of the right Slidebar. - - $right.addClass('sb-visible'); // Make the slidebar visible. - - // Animation - if (animation == 'translate') { - $slide.css({ - '-webkit-transform': 'translate(-' + rightWidth + ')', - '-moz-transform': 'translate(-' + rightWidth + ')', - '-o-transform': 'translate(-' + rightWidth + ')', - 'transform': 'translate(-' + rightWidth + ')' - }); - } else if (animation == 'jquery') { - $slide.animate({ - left: '-' + rightWidth - }, 400); - } - - setTimeout(function() { - $('html').addClass('sb-active sb-active-right'); // Add active classes. - }, 400); - - } // End if side = left/right. - - // Enable closing by sb-site. - if (side === 'left' && leftActive || side === 'right' && rightActive) { // If a Slidebar was opened. - $site.off('touchend click'); // Turn off click close incase this was called by a window resize. - setTimeout(function() { - $site.one('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - close(); - }); - }, 400); - } - } // End continue(); - - } - - // Close either Slidebar - function close(link) { - - if (leftActive || rightActive) { // If a Slidebar is open. - - leftActive = false; // Set active variable. - rightActive = false; // Set active variable. - - $site.off('touchend click'); // Turn off closing by .sb-site. - - // Animation - if (animation == 'translate') { - $slide.css({ - '-webkit-transform': 'translate(0px)', - '-moz-transform': 'translate(0px)', - '-o-transform': 'translate(0px)', - 'transform': 'translate(0px)' - }); - } else if (animation == 'jquery') { - $slide.animate({ - left: '0px' - }, 400); - } - - setTimeout(function() { // Wait for closing animation to finish. - // Hide the Slidebars. - if ($left) { - $left.removeClass('sb-visible'); - } - - if ($right) { - $right.removeClass('sb-visible'); - } - - $('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes. - - if (link) { // If a link has been passed to the function, go to it. - window.location = link; - } - }, 400); - - } - - } - - // Toggle either Slidebar - function toggle(side) { - - if (side == 'left' && $left) { // If left Slidebar is called and in use. - if (leftActive) { - // Slidebar is open, close it. - close(); - } else if (!leftActive) { - // Slidebar is closed, open it. - open('left'); - } - } else if (side === 'right' && $right) { // If right Slidebar is called and in use. - if (rightActive) { - // Slidebar is open, close it. - close(); - } else if (!rightActive) { - // Slidebar is closed, open it. - open('right'); - } - } - - } - - // --------- - // 004 - API - - this.open = open; // Maps user variable name to the open method. - this.close = close; // Maps user variable name to the close method. - this.toggle = toggle; // Maps user variable name to the toggle method. - - // -------------------- - // 005 - Window Resizes - - function resize() { - if (setMinHeight) { - minHeight(); - } - if (leftActive) { // Left Slidebar is open whilst the window is resized. - open('left'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } else if (rightActive) { // Right Slidebar is open whilst the window is resized. - open('right'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } - } - $(window).resize(resize); - - // ---------------- - // 006 - User Input - - // Slidebar Toggle Left - $('.sb-toggle-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('left'); - }); - - // Slidebar Toggle Right - $('.sb-toggle-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('right'); - }); - - // Slidebar Left Open - $('.sb-open-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!leftActive) { - // Slidebar is closed, open it. - open('left'); - } - }); - - // Slidebar Right Open - $('.sb-open-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!rightActive) { - // Slidebar is closed, open it. - open('right'); - } - }); - - // Slidebar Close - $('.sb-close').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (leftActive || rightActive) { - // A Slidebar is open, close it. - close(); - } - }); - - // Slidebar Close via Link - $('.sb-slidebar a').on('touchend click', function(e) { - e.preventDefault(); // Stop click events taking place after touchend and prevent default link behaviour. - close( $(this).attr('href') ); // Call closing method and pass link. - }); - - }; // End slidebars function. - -}) (jQuery); \ No newline at end of file diff --git a/Revisions/0.6/slidebars.min.css b/Revisions/0.6/slidebars.min.css deleted file mode 100644 index 0590c46..0000000 --- a/Revisions/0.6/slidebars.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/* Slidebars 0.6 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT */ -html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;height:100%}body{overflow-x:hidden}#sb-site{width:100%;min-height:100%;position:relative;z-index:1;box-shadow:0 0 1px 1px rgba(0,0,0,0);background-color:#fff}.sb-slidebar{width:35%;height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}.sb-left{left:0}.sb-right{right:0}.sb-visible{visibility:visible}@media(max-width:480px){.sb-slidebar{width:70%}}@media(min-width:481px) and (max-width:991px){.sb-slidebar{width:50%}}@media(min-width:992px){.sb-slidebar{width:35%}}@media(min-width:1200px){.sb-slidebar{width:20%}}.sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-backface-visibility:hidden}html.sb-ios{overflow-x:hidden}html.sb-ios body{height:auto;min-height:100%}html.sb-android{overflow-x:hidden}html.sb-android body{height:auto;min-height:100%}html[class*="sb-android-2"] .sb-slidebar{position:absolute} \ No newline at end of file diff --git a/Revisions/0.6/slidebars.min.js b/Revisions/0.6/slidebars.min.js deleted file mode 100644 index d2adefa..0000000 --- a/Revisions/0.6/slidebars.min.js +++ /dev/null @@ -1,2 +0,0 @@ -// Slidebars 0.6 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT -;(function(b){b.slidebars=function(){function q(){s=!0;k.css({"min-height":b("html").css("height")})}function l(a){function c(){if("left"===a&&g){e=!0;var d=g.css("width");g.addClass("sb-visible");"translate"==m?p.css({"-webkit-transform":"translate("+d+")","-moz-transform":"translate("+d+")","-o-transform":"translate("+d+")",transform:"translate("+d+")"}):"jquery"==m&&p.animate({left:d},400);setTimeout(function(){b("html").addClass("sb-active sb-active-left")},400)}else"right"===a&&h&&(f=!0,d=h.css("width"), h.addClass("sb-visible"),"translate"==m?p.css({"-webkit-transform":"translate(-"+d+")","-moz-transform":"translate(-"+d+")","-o-transform":"translate(-"+d+")",transform:"translate(-"+d+")"}):"jquery"==m&&p.animate({left:"-"+d},400),setTimeout(function(){b("html").addClass("sb-active sb-active-right")},400));if("left"===a&&e||"right"===a&&f)k.off("touchend click"),setTimeout(function(){k.one("touchend click",function(a){a.preventDefault();n()})},400)}"left"===a&&g&&f||"right"===a&&h&&e?(n(),setTimeout(c, 400)):c()}function n(a){if(e||f)f=e=!1,k.off("touchend click"),"translate"==m?p.css({"-webkit-transform":"translate(0px)","-moz-transform":"translate(0px)","-o-transform":"translate(0px)",transform:"translate(0px)"}):"jquery"==m&&p.animate({left:"0px"},400),setTimeout(function(){g&&g.removeClass("sb-visible");h&&h.removeClass("sb-visible");b("html").removeClass("sb-active sb-active-left sb-active-right");a&&(window.location=a)},400)}function r(a){"left"==a&&g?e?n():e||l("left"):"right"===a&&h&&(f? n():f||l("right"))}this.init=!0;b("#sb-site").length||b("body").children().wrapAll('');var k=b("#sb-site");k.parent().is("body")||k.appendTo("body");k.addClass("sb-slide");if(b(".sb-left").length){var g=b(".sb-left"),e=!1;g.parent().is("body")||g.appendTo("body")}if(b(".sb-right").length){var h=b(".sb-right"),f=!1;h.parent().is("body")||h.appendTo("body")}var s=!1,c=document.createElement("div").style,t=!1,u=!1;if(""===c.MozTransition||""===c.WebkitTransition||""===c.OTransition|| ""===c.transition)t=!0;if(""===c.MozTransform||""===c.WebkitTransform||""===c.OTransform||""===c.transform)u=!0;c=navigator.userAgent;if(c.match(/(iPhone|iPod|iPad)/))q(),b("html").addClass("sb-ios");else if(c.match(/Android/)){q();var v=parseFloat(c.slice(c.indexOf("Android")+8)),c=parseInt(100*v);b("html").addClass("sb-android sb-android-"+c)}var m;m=t&&u?4.4>v?"jquery":"translate":"jquery";var p=b(".sb-slide");this.open=l;this.close=n;this.toggle=r;b(window).resize(function(){s&&q();e?l("left"): f&&l("right")});b(".sb-toggle-left").on("touchend click",function(a){a.preventDefault();r("left")});b(".sb-toggle-right").on("touchend click",function(a){a.preventDefault();r("right")});b(".sb-open-left").on("touchend click",function(a){a.preventDefault();e||l("left")});b(".sb-open-right").on("touchend click",function(a){a.preventDefault();f||l("right")});b(".sb-close").on("touchend click",function(a){a.preventDefault();(e||f)&&n()});b(".sb-slidebar a").on("touchend click",function(a){a.preventDefault(); n(b(this).attr("href"))})}})(jQuery); \ No newline at end of file diff --git a/Revisions/0.7.1/slidebars.css b/Revisions/0.7.1/slidebars.css deleted file mode 100755 index 91707ec..0000000 --- a/Revisions/0.7.1/slidebars.css +++ /dev/null @@ -1,130 +0,0 @@ -/* ----------------------------------- - * Slidebars - * Version 0.7.1 - * http://plugins.adchsm.me/slidebars/ - * - * Written by Adam Smith - * http://www.adchsm.me/ - * - * Released under MIT License - * http://opensource.org/licenses/MIT - * - * ------------------- - * Slidebars CSS Index - * - * 001 - Box Model, Html & Body - * 002 - Site - * 003 - Slidebars - * 004 - Animation - * - * ---------------------------- - * 001 - Box Model, Html & Body - */ - -html, body, #sb-site, .sb-slidebar { - margin: 0; - padding: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html, body { - width: 100%; - overflow-x: hidden; -} - -html { - height: 100%; -} - -body { - min-height: 100%; -} - -/* ---------- - * 002 - Site - */ - -#sb-site { - width: 100%; - min-height: 100%; /* Initially set here but accurate height is set by slidebars.js */ - position: relative; - z-index: 1; /* Site sits above Slidebars */ - /*box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0); Fixes some translation issues. */ - background-color: #ffffff; /* Default background colour, overwrite this with your own css. */ -} - -/* --------------- - * 003 - Slidebars - */ - -.sb-slidebar { - width: 35%; /* Slidebar width for older browsers that don't support media queries. */ - height: 100%; - overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ - position: fixed; - top: 0; - z-index: 0; /* Slidebars sit behind sb-site. */ - visibility: hidden; /* Initially hide the Slidebars. */ - background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */ -} - -html.sb-android .sb-slidebar { /* Unfix Slidebars for Android Browser < 3 */ - height: auto; - position: absolute; -} - -.sb-left { - left: 0; -} - -.sb-right { - right: 0; -} - -html.sb-active-left .sb-left { - visibility: visible; -} - -html.sb-active-right .sb-right { - visibility: visible; -} - -/* Media queries to set Slidebar widths. */ -@media (max-width: 480px) { - .sb-slidebar { - width: 70%; /* Slidebar width on extra small screens. */ - } -} - -@media (min-width: 481px) and (max-width: 991px) { - .sb-slidebar { - width: 50%; /* Slidebar width on small screens. */ - } -} - -@media (min-width: 992px) { - .sb-slidebar { - width: 35%; /* Slidebar width on medium screens. */ - } -} - -@media (min-width: 1200px) { - .sb-slidebar { - width: 20%; /* Slidebar width on large screens. */ - } -} - -/* --------------- - * 004 - Animation - */ - -html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { - -webkit-transition: -webkit-transform 400ms ease; - -moz-transition: -moz-transform 400ms ease; - -o-transition: -o-transform 400ms ease; - transition: transform 400ms ease; - -webkit-transition-property: -webkit-transform, left; /* Add 'left' for Android < 4.4 */ - -webkit-backface-visibility: hidden; /* Prevents flickering. */ -} \ No newline at end of file diff --git a/Revisions/0.7.1/slidebars.js b/Revisions/0.7.1/slidebars.js deleted file mode 100755 index f4a9c91..0000000 --- a/Revisions/0.7.1/slidebars.js +++ /dev/null @@ -1,271 +0,0 @@ -// ----------------------------------- -// Slidebars -// Version 0.7.1 -// http://plugins.adchsm.me/slidebars/ -// -// Written by Adam Smith -// http://www.adchsm.me/ -// -// Released under MIT License -// http://opensource.org/licenses/MIT -// -// --------------------- -// Index of Slidebars.js -// -// 001 - Options -// 002 - Feature Detection -// 003 - User Agents -// 004 - Initialisation -// 005 - Animation -// 006 - Operations -// 007 - API -// 008 - Window Resizes -// 009 - User Input - -;(function($) { - - $.slidebars = function(options) { - - // ---------------------- - // 001 - Default Settings - - var settings = $.extend({ - siteClose: true // true or false - Enable closing of Slidebars by clicking on #sb-site. - }, options); - - // ----------------------- - // 001 - Feature Detection - - var test = document.createElement('div').style, - supportTransition = false, - supportTransform = false; - - // CSS Transitions - if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') supportTransition = true; - - // CSS Transforms - if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') supportTransform = true; - - // ----------------- - // 002 - User Agents - - // Get User Agent String - var ua = navigator.userAgent, - android = false; - - // Detect Android - if (ua.match(/Android/)) {// The user agent is Android. - android = parseFloat(ua.slice(ua.indexOf('Android')+8)); // Get version of Android. - if (android < 3) $('html').addClass('sb-android'); // Add 'sb-android' helper class for unfixing elements. - } - - // -------------------- - // 003 - Initialisation - - this.init = true; // User check, returns true if Slidebars has been initiated. - - // Site Container - if (!$('#sb-site').length) { // Check if user has wrapped their content with an id of sb-site. - // .sb-site doesn't exist, create it. - $('body').children().wrapAll(''); - } - var $site = $('#sb-site'); // Cache the selector. - if (!$site.parent().is('body')) $site.appendTo('body'); // Check its location and move if necessary. - $site.addClass('sb-slide'); // Add animation class. - - // Left Slidebar - if ($('.sb-left').length) { // Check the left Slidebar exists. - var $left = $('.sb-left'), // Cache the selector. - leftActive = false; // Used to check whether the left Slidebar is open or closed. - if (!$left.parent().is('body')) $left.appendTo('body'); // Check its location and move if necessary. - } - - // Right Slidebar - if ($('.sb-right').length) { // Check the right Slidebar exists. - var $right = $('.sb-right'), // Cache the selector. - rightActive = false; // Used to check whether the right Slidebar is open or closed. - if (!$right.parent().is('body')) $right.appendTo('body'); // Check its location and move if necessary. - } - - // Set Minimum Height - function setMinHeights() { - var htmlHeight = $('html').css('height'); - $site.css({ - 'min-height': htmlHeight - }); - if (android && android < 3) { - $('.sb-slidebar').css({ - 'min-height': htmlHeight - }); - } - } - setMinHeights(); - - // --------------- - // 004 - Animation - - var animation, // Animation type. - $slide = $('.sb-slide'); // Cache all elements to animate. - - // Set animation type. - if (supportTransition && supportTransform) { // CSS Transitions - animation = 'translate'; - if (android && android < 4.4) animation = 'side'; - } else { - animation = 'jQuery'; // Browsers that don't support css transitions and transitions. - } - if (settings.animType) animation = settings.animType; // Force animation type, for testing purposes only. - - $('html').addClass('sb-anim-type-' + animation); // Add animation type class. - - // Animate Mixin - var animate = function(selector, amount, side) { - if (animation === 'translate') { - selector.css({ - 'transform': 'translate(' + amount + ')' - }); - } else if (animation === 'side') { - selector.css(side, amount); - } else if (animation === 'jQuery') { - var properties = {}; - properties[side] = amount; - selector.stop().animate(properties, 400); - } - }; - - // ---------------- - // 003 - Operations - - // Open a Slidebar - function open(side) { - // Check to see if opposite Slidebar is open. - if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { - // It's open, close it, then continue. - close(); - setTimeout(proceed, 400); - } else { - // Its not open, continue. - proceed(); - } - - // Open - function proceed() { - if (side === 'left' && $left) { // Open left Slidebar and make sure the left Slidebar is in use. - leftActive = true; // Set active variables. - var leftWidth = $left.css('width'); // Get the width of the left Slidebar. - $('html').addClass('sb-active sb-active-left'); // Add active classes. - animate($slide, leftWidth, 'left'); // Animation - } else if (side === 'right' && $right) { // Open right Slidebar and make sure the right Slidebar is in use. - rightActive = true; // Set active variables. - var rightWidth = $right.css('width'); // Get the width of the right Slidebar. - $('html').addClass('sb-active sb-active-right'); // Add active classes. - animate($slide, '-' + rightWidth, 'left');// Animation - } // End if side = left/right. - - // Enable closing by sb-site. - if (settings.siteClose && (side === 'left' && leftActive || side === 'right' && rightActive)) { // If a Slidebar was opened. - $site.off('touchend click'); // Turn off click close incase this was called by a window resize. - setTimeout(function() { - $site.one('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - close(); - }); - }, 400); - } - } // End proceed - - } - - // Close either Slidebar - function close(link) { - if (leftActive || rightActive) { // If a Slidebar is open. - leftActive = false; // Set active variable. - rightActive = false; // Set active variable. - $site.off('touchend click'); // Turn off closing by .sb-site. - animate($slide, '0px', 'left');// Animation - setTimeout(function() { // Wait for closing animation to finish. - $('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes. - if (link) window.location = link; // If a link has been passed to the function, go to it. - }, 400); - } - } - - // Toggle either Slidebar - function toggle(side) { - if (side == 'left' && $left) { // If left Slidebar is called and in use. - if (leftActive) { - close(); // Slidebar is open, close it. - } else if (!leftActive) { - open('left'); // Slidebar is closed, open it. - } - } else if (side === 'right' && $right) { // If right Slidebar is called and in use. - if (rightActive) { - close(); // Slidebar is open, close it. - } else if (!rightActive) { - open('right'); // Slidebar is closed, open it. - } - } - } - - // --------- - // 004 - API - - this.open = open; // Maps user variable name to the open method. - this.close = close; // Maps user variable name to the close method. - this.toggle = toggle; // Maps user variable name to the toggle method. - - // -------------------- - // 005 - Window Resizes - - function resize() { - setMinHeights(); // Reset the minimum height of the site. - if (leftActive) { // Left Slidebar is open whilst the window is resized. - open('left'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } else if (rightActive) { // Right Slidebar is open whilst the window is resized. - open('right'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } - } - $(window).resize(resize); - - // ---------------- - // 006 - User Input - - // Slidebar Toggle Left - $('.sb-toggle-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('left'); - }); - - // Slidebar Toggle Right - $('.sb-toggle-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('right'); - }); - - // Slidebar Left Open - $('.sb-open-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!leftActive) open('left'); // Slidebar is closed, open it. - }); - - // Slidebar Right Open - $('.sb-open-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!rightActive) open('right'); // Slidebar is closed, open it. - }); - - // Slidebar Close - $('.sb-close').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (leftActive || rightActive) close(); // A Slidebar is open, close it. - }); - - // Slidebar Close via Link - $('.sb-slidebar a').not('.sb-disable-close').on('touchend click', function(e) { - e.preventDefault(); // Stop click events taking place after touchend and prevent default link behaviour. - close( $(this).attr('href') ); // Call closing method and pass link. - }); - - }; // End slidebars function. - -}) (jQuery); \ No newline at end of file diff --git a/Revisions/0.7.1/slidebars.min.css b/Revisions/0.7.1/slidebars.min.css deleted file mode 100755 index 4a9bfb2..0000000 --- a/Revisions/0.7.1/slidebars.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/* Slidebars 0.7.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT */ -html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%}#sb-site{width:100%;min-height:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{width:35%;height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}html.sb-android .sb-slidebar{height:auto;position:absolute}.sb-left{left:0}.sb-right{right:0}html.sb-active-left .sb-left{visibility:visible}html.sb-active-right .sb-right{visibility:visible}@media(max-width:480px){.sb-slidebar{width:70%}}@media(min-width:481px) and (max-width:991px){.sb-slidebar{width:50%}}@media(min-width:992px){.sb-slidebar{width:35%}}@media(min-width:1200px){.sb-slidebar{width:20%}}html.sb-anim-type-translate .sb-slide,html.sb-anim-type-side .sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left;-webkit-backface-visibility:hidden} \ No newline at end of file diff --git a/Revisions/0.7.1/slidebars.min.js b/Revisions/0.7.1/slidebars.min.js deleted file mode 100755 index d464059..0000000 --- a/Revisions/0.7.1/slidebars.min.js +++ /dev/null @@ -1,2 +0,0 @@ -// Slidebars 0.7.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT -;(function(a){a.slidebars=function(b){var s=a.extend({siteClose:true},b);var q=document.createElement("div").style,o=false,i=false;if(q.MozTransition===""||q.WebkitTransition===""||q.OTransition===""||q.transition===""){o=true}if(q.MozTransform===""||q.WebkitTransform===""||q.OTransform===""||q.transform===""){i=true}var n=navigator.userAgent,u=false;if(n.match(/Android/)){u=parseFloat(n.slice(n.indexOf("Android")+8));if(u<3){a("html").addClass("sb-android")}}this.init=true;if(!a("#sb-site").length){a("body").children().wrapAll('')}var m=a("#sb-site");if(!m.parent().is("body")){m.appendTo("body")}m.addClass("sb-slide");if(a(".sb-left").length){var d=a(".sb-left"),e=false;if(!d.parent().is("body")){d.appendTo("body")}}if(a(".sb-right").length){var f=a(".sb-right"),g=false;if(!f.parent().is("body")){f.appendTo("body")}}function p(){var v=a("html").css("height");m.css({"min-height":v});if(u&&u<3){a(".sb-slidebar").css({"min-height":v})}}p();var r,k=a(".sb-slide");if(o&&i){r="translate";if(u&&u<4.4){r="side"}}else{r="jQuery"}if(s.animType){r=s.animType}a("html").addClass("sb-anim-type-"+r);var c=function(v,y,x){if(r==="translate"){v.css({transform:"translate("+y+")"})}else{if(r==="side"){v.css(x,y)}else{if(r==="jQuery"){var w={};w[x]=y;v.stop().animate(w,400)}}}};function h(v){if(v==="left"&&d&&g||v==="right"&&f&&e){j();setTimeout(w,400)}else{w()}function w(){if(v==="left"&&d){e=true;var x=d.css("width");a("html").addClass("sb-active sb-active-left");c(k,x,"left")}else{if(v==="right"&&f){g=true;var y=f.css("width");a("html").addClass("sb-active sb-active-right");c(k,"-"+y,"left")}}if(s.siteClose&&(v==="left"&&e||v==="right"&&g)){m.off("touchend click");setTimeout(function(){m.one("touchend click",function(z){z.preventDefault();j()})},400)}}}function j(v){if(e||g){e=false;g=false;m.off("touchend click");c(k,"0px","left");setTimeout(function(){a("html").removeClass("sb-active sb-active-left sb-active-right");if(v){window.location=v}},400)}}function l(v){if(v=="left"&&d){if(e){j()}else{if(!e){h("left")}}}else{if(v==="right"&&f){if(g){j()}else{if(!g){h("right")}}}}}this.open=h;this.close=j;this.toggle=l;function t(){p();if(e){h("left")}else{if(g){h("right")}}}a(window).resize(t);a(".sb-toggle-left").on("touchend click",function(v){v.preventDefault();l("left")});a(".sb-toggle-right").on("touchend click",function(v){v.preventDefault();l("right")});a(".sb-open-left").on("touchend click",function(v){v.preventDefault();if(!e){h("left")}});a(".sb-open-right").on("touchend click",function(v){v.preventDefault();if(!g){h("right")}});a(".sb-close").on("touchend click",function(v){v.preventDefault();if(e||g){j()}});a(".sb-slidebar a").not(".sb-disable-close").on("touchend click",function(v){v.preventDefault();j(a(this).attr("href"))})}})(jQuery); \ No newline at end of file diff --git a/Revisions/0.7/slidebars.css b/Revisions/0.7/slidebars.css deleted file mode 100755 index 1159697..0000000 --- a/Revisions/0.7/slidebars.css +++ /dev/null @@ -1,121 +0,0 @@ -/* ----------------------------------- - * Slidebars - * Version 0.7 - * http://plugins.adchsm.me/slidebars/ - * - * Written by Adam Smith - * http://www.adchsm.me/ - * - * Released under MIT License - * http://opensource.org/licenses/MIT - * - * ------------------- - * Slidebars CSS Index - * - * 001 - Box Model, Html & Body - * 002 - Site - * 003 - Slidebars - * 004 - Animation - * - * ---------------------------- - * 001 - Box Model, Html & Body - */ - -html, body, #sb-site, .sb-slidebar { - margin: 0; - padding: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html, body { - width: 100%; - overflow-x: hidden; -} - -html { - height: 100%; -} - -body { - min-height: 100%; -} - -/* ---------- - * 002 - Site - */ - -#sb-site { - width: 100%; - min-height: 100%; /* Initially set here but accurate height is set by slidebars.js */ - position: relative; - z-index: 1; /* Site sits above Slidebars */ - box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0); /* Fixes some translation issues. */ - background-color: #ffffff; /* Default background colour, overwrite this with your own css. */ -} - -/* --------------- - * 003 - Slidebars - */ - -.sb-slidebar { - width: 35%; /* Slidebar width for older browsers that don't support media queries. */ - height: 100%; - overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ - position: fixed; - top: 0; - z-index: 0; /* Slidebars sit behind sb-site. */ - visibility: hidden; /* Initially hide the Slidebars. */ - background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */ -} - -.sb-left { - left: 0; -} - -.sb-right { - right: 0; -} - -.sb-visible { - visibility: visible; -} - -/* Media queries to set Slidebar widths. */ -@media (max-width: 480px) { - .sb-slidebar { - width: 70%; /* Slidebar width on extra small screens. */ - } -} - -@media (min-width: 481px) and (max-width: 991px) { - .sb-slidebar { - width: 50%; /* Slidebar width on small screens. */ - } -} - -@media (min-width: 992px) { - .sb-slidebar { - width: 35%; /* Slidebar width on medium screens. */ - } -} - -@media (min-width: 1200px) { - .sb-slidebar { - width: 20%; /* Slidebar width on large screens. */ - } -} - -/* --------------- - * 004 - Animation - */ - -.sb-slide { - -webkit-transition: -webkit-transform 400ms ease; - -moz-transition: -moz-transform 400ms ease; - -o-transition: -o-transform 400ms ease; - transition: transform 400ms ease; - -webkit-transition-property: -webkit-transform, left; /* Add 'left' for Android < 4.4 */ - -webkit-backface-visibility: hidden; /* Prevents flickering. */ -} \ No newline at end of file diff --git a/Revisions/0.7/slidebars.js b/Revisions/0.7/slidebars.js deleted file mode 100755 index 6352963..0000000 --- a/Revisions/0.7/slidebars.js +++ /dev/null @@ -1,358 +0,0 @@ -// ----------------------------------- -// Slidebars -// Version 0.7 -// http://plugins.adchsm.me/slidebars/ -// -// Written by Adam Smith -// http://www.adchsm.me/ -// -// Released under MIT License -// http://opensource.org/licenses/MIT -// -// --------------------- -// Index of Slidebars.js -// -// 001 - Feature Detection -// 002 - User Agents -// 003 - Initialisation -// 004 - Animation -// 005 - Operations -// 006 - API -// 007 - Window Resizes -// 008 - User Input - -;(function($) { - - $.slidebars = function() { - - // ----------------------- - // 001 - Feature Detection - - var test = document.createElement('div').style, - supportTransition = false, - supportTransform = false; - - // CSS Transitions - if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') { - supportTransition = true; - } - - // CSS Transforms - if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') { - supportTransform = true; - } - - // ----------------- - // 002 - User Agents - - // Get User Agent String - var ua = navigator.userAgent, - android = false; - - // Detect Android - if (ua.match(/Android/)) {// The user agent is Android. - android = parseFloat(ua.slice(ua.indexOf('Android')+8)); // Get version of Android. - } - - // -------------------- - // 003 - Initialisation - - this.init = true; // User check, returns true if Slidebars has been initiated. - - // Site Container - if (!$('#sb-site').length) { // Check if user has wrapped their content with an id of sb-site. - // .sb-site doesn't exist, create it. - $('body').children().wrapAll(''); - } - var $site = $('#sb-site'); // Cache the selector. - if (!$site.parent().is('body')) { // Check its location and move if necessary. - $site.appendTo('body'); - } - - $site.addClass('sb-slide'); // Add animation class. - - // Left Slidebar - if ($('.sb-left').length) { // Check the left Slidebar exists. - var $left = $('.sb-left'), // Cache the selector. - leftActive = false; // Used to check whether the left Slidebar is open or closed. - if (!$left.parent().is('body')) { // Check its location and move if necessary. - $left.appendTo('body'); - } - } - - // Right Slidebar - if ($('.sb-right').length) { // Check the right Slidebar exists. - var $right = $('.sb-right'), // Cache the selector. - rightActive = false; // Used to check whether the right Slidebar is open or closed. - if (!$right.parent().is('body')) { // Check its location and move if necessary. - $right.appendTo('body'); - } - } - - // Set Minimum Height - function setMinHeights() { - var htmlHeight = $('html').css('height'); - $site.css({ - 'min-height': htmlHeight - }); - if (android && android < 3) { - $('.sb-slidebar').css({ - 'min-height': htmlHeight, - 'height': 'auto', - 'position': 'absolute' - }); - } - } - setMinHeights(); - - // --------------- - // 004 - Animation - - var animation, // Animation type. - $slide = $('.sb-slide'); // Cache all elements to animate. - - // Set animation type. - if (supportTransition && supportTransform) { // CSS Transitions - if (android && android < 4.4) { - animation = 'left'; - } else { - animation = 'translate'; - } - } else { - animation = 'jquery'; // Browsers that don't support css transitions and transitions or Android for issues with translating elements with positioned fixed. - } - - // ---------------- - // 003 - Operations - - // Open a Slidebar - function open(side) { - - // Check to see if opposite Slidebar is open. - if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { - // It's open, close it, then continue. - close(); - setTimeout(openSlidebar, 400); - } else { - // Its not open, continue. - openSlidebar(); - } - - function openSlidebar() { - if (side === 'left' && $left) { // Open left Slidebar and make sure the left Slidebar is in use. - - leftActive = true; // Set active variables. - var leftWidth = $left.css('width'); // Get the width of the left Slidebar. - - $left.addClass('sb-visible'); // Make the slidebar visible. - - // Animation - if (animation == 'translate') { - $slide.css({ - '-webkit-transform': 'translate(' + leftWidth + ')', - '-moz-transform': 'translate(' + leftWidth + ')', - '-o-transform': 'translate(' + leftWidth + ')', - 'transform': 'translate(' + leftWidth + ')' - }); - } else if (animation == 'left') { - $slide.css({ - 'left': leftWidth - }); - } else if (animation == 'jquery') { - $slide.animate({ - left: leftWidth - }, 400); - } - - setTimeout(function() { - $('html').addClass('sb-active sb-active-left'); // Add active classes. - }, 400); - - } else if (side === 'right' && $right) { // Open right Slidebar and make sure the right Slidebar is in use. - - rightActive = true; // Set active variables. - var rightWidth = $right.css('width'); // Get the width of the right Slidebar. - - $right.addClass('sb-visible'); // Make the slidebar visible. - - // Animation - if (animation == 'translate') { - $slide.css({ - '-webkit-transform': 'translate(-' + rightWidth + ')', - '-moz-transform': 'translate(-' + rightWidth + ')', - '-o-transform': 'translate(-' + rightWidth + ')', - 'transform': 'translate(-' + rightWidth + ')' - }); - } else if (animation == 'left') { - $slide.css({ - 'left': '-' + rightWidth - }); - } else if (animation == 'jquery') { - $slide.animate({ - left: '-' + rightWidth - }, 400); - } - - setTimeout(function() { - $('html').addClass('sb-active sb-active-right'); // Add active classes. - }, 400); - - } // End if side = left/right. - - // Enable closing by sb-site. - if (side === 'left' && leftActive || side === 'right' && rightActive) { // If a Slidebar was opened. - $site.off('touchend click'); // Turn off click close incase this was called by a window resize. - setTimeout(function() { - $site.one('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - close(); - }); - }, 400); - } - } // End continue(); - - } - - // Close either Slidebar - function close(link) { - - if (leftActive || rightActive) { // If a Slidebar is open. - - leftActive = false; // Set active variable. - rightActive = false; // Set active variable. - - $site.off('touchend click'); // Turn off closing by .sb-site. - - // Animation - if (animation == 'translate') { - $slide.css({ - '-webkit-transform': 'translate(0px)', - '-moz-transform': 'translate(0px)', - '-o-transform': 'translate(0px)', - 'transform': 'translate(0px)' - }); - } else if (animation == 'left') { - $slide.css({ - 'left': '0px' - }); - } else if (animation == 'jquery') { - $slide.animate({ - left: '0px' - }, 400); - } - - setTimeout(function() { // Wait for closing animation to finish. - // Hide the Slidebars. - if ($left) { - $left.removeClass('sb-visible'); - } - - if ($right) { - $right.removeClass('sb-visible'); - } - - $('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes. - - if (link) { // If a link has been passed to the function, go to it. - window.location = link; - } - }, 400); - - } - - } - - // Toggle either Slidebar - function toggle(side) { - - if (side == 'left' && $left) { // If left Slidebar is called and in use. - if (leftActive) { - // Slidebar is open, close it. - close(); - } else if (!leftActive) { - // Slidebar is closed, open it. - open('left'); - } - } else if (side === 'right' && $right) { // If right Slidebar is called and in use. - if (rightActive) { - // Slidebar is open, close it. - close(); - } else if (!rightActive) { - // Slidebar is closed, open it. - open('right'); - } - } - - } - - // --------- - // 004 - API - - this.open = open; // Maps user variable name to the open method. - this.close = close; // Maps user variable name to the close method. - this.toggle = toggle; // Maps user variable name to the toggle method. - - // -------------------- - // 005 - Window Resizes - - function resize() { - setMinHeights(); // Reset the minimum height of the site. - if (leftActive) { // Left Slidebar is open whilst the window is resized. - open('left'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } else if (rightActive) { // Right Slidebar is open whilst the window is resized. - open('right'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } - } - $(window).resize(resize); - - // ---------------- - // 006 - User Input - - // Slidebar Toggle Left - $('.sb-toggle-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('left'); - }); - - // Slidebar Toggle Right - $('.sb-toggle-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - toggle('right'); - }); - - // Slidebar Left Open - $('.sb-open-left').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!leftActive) { - // Slidebar is closed, open it. - open('left'); - } - }); - - // Slidebar Right Open - $('.sb-open-right').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (!rightActive) { - // Slidebar is closed, open it. - open('right'); - } - }); - - // Slidebar Close - $('.sb-close').on('touchend click', function(e) { - e.preventDefault(); // Stops click events taking place after touchend. - if (leftActive || rightActive) { - // A Slidebar is open, close it. - close(); - } - }); - - // Slidebar Close via Link - $('.sb-slidebar a').on('touchend click', function(e) { - e.preventDefault(); // Stop click events taking place after touchend and prevent default link behaviour. - close( $(this).attr('href') ); // Call closing method and pass link. - }); - - }; // End slidebars function. - -}) (jQuery); \ No newline at end of file diff --git a/Revisions/0.7/slidebars.min.css b/Revisions/0.7/slidebars.min.css deleted file mode 100755 index 7d171ca..0000000 --- a/Revisions/0.7/slidebars.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/* Slidebars 0.7 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT */ -html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%}#sb-site{width:100%;min-height:100%;position:relative;z-index:1;box-shadow:0 0 1px 1px rgba(0,0,0,0);background-color:#fff}.sb-slidebar{width:35%;height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}.sb-left{left:0}.sb-right{right:0}.sb-visible{visibility:visible}@media(max-width:480px){.sb-slidebar{width:70%}}@media(min-width:481px) and (max-width:991px){.sb-slidebar{width:50%}}@media(min-width:992px){.sb-slidebar{width:35%}}@media(min-width:1200px){.sb-slidebar{width:20%}}.sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left;-webkit-backface-visibility:hidden} \ No newline at end of file diff --git a/Revisions/0.7/slidebars.min.js b/Revisions/0.7/slidebars.min.js deleted file mode 100755 index 2657999..0000000 --- a/Revisions/0.7/slidebars.min.js +++ /dev/null @@ -1,2 +0,0 @@ -// Slidebars 0.7 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://opensource.org/licenses/MIT -;(function(b){b.slidebars=function(){function s(){var a=b("html").css("height");m.css({"min-height":a});q&&3>q&&b(".sb-slidebar").css({"min-height":a,height:"auto",position:"absolute"})}function n(a){function c(){if("left"===a&&h){e=!0;var d=h.css("width");h.addClass("sb-visible");"translate"==f?k.css({"-webkit-transform":"translate("+d+")","-moz-transform":"translate("+d+")","-o-transform":"translate("+d+")",transform:"translate("+d+")"}):"left"==f?k.css({left:d}):"jquery"==f&&k.animate({left:d}, 400);setTimeout(function(){b("html").addClass("sb-active sb-active-left")},400)}else"right"===a&&l&&(g=!0,d=l.css("width"),l.addClass("sb-visible"),"translate"==f?k.css({"-webkit-transform":"translate(-"+d+")","-moz-transform":"translate(-"+d+")","-o-transform":"translate(-"+d+")",transform:"translate(-"+d+")"}):"left"==f?k.css({left:"-"+d}):"jquery"==f&&k.animate({left:"-"+d},400),setTimeout(function(){b("html").addClass("sb-active sb-active-right")},400));if("left"===a&&e||"right"===a&&g)m.off("touchend click"), setTimeout(function(){m.one("touchend click",function(a){a.preventDefault();p()})},400)}"left"===a&&h&&g||"right"===a&&l&&e?(p(),setTimeout(c,400)):c()}function p(a){if(e||g)g=e=!1,m.off("touchend click"),"translate"==f?k.css({"-webkit-transform":"translate(0px)","-moz-transform":"translate(0px)","-o-transform":"translate(0px)",transform:"translate(0px)"}):"left"==f?k.css({left:"0px"}):"jquery"==f&&k.animate({left:"0px"},400),setTimeout(function(){h&&h.removeClass("sb-visible");l&&l.removeClass("sb-visible"); b("html").removeClass("sb-active sb-active-left sb-active-right");a&&(window.location=a)},400)}function r(a){"left"==a&&h?e?p():e||n("left"):"right"===a&&l&&(g?p():g||n("right"))}var c=document.createElement("div").style,t=!1,u=!1;if(""===c.MozTransition||""===c.WebkitTransition||""===c.OTransition||""===c.transition)t=!0;if(""===c.MozTransform||""===c.WebkitTransform||""===c.OTransform||""===c.transform)u=!0;var c=navigator.userAgent,q=!1;c.match(/Android/)&&(q=parseFloat(c.slice(c.indexOf("Android")+ 8)));this.init=!0;b("#sb-site").length||b("body").children().wrapAll('');var m=b("#sb-site");m.parent().is("body")||m.appendTo("body");m.addClass("sb-slide");if(b(".sb-left").length){var h=b(".sb-left"),e=!1;h.parent().is("body")||h.appendTo("body")}if(b(".sb-right").length){var l=b(".sb-right"),g=!1;l.parent().is("body")||l.appendTo("body")}s();var f,k=b(".sb-slide");f=t&&u?q&&4.4>q?"left":"translate":"jquery";this.open=n;this.close=p;this.toggle=r;b(window).resize(function(){s(); e?n("left"):g&&n("right")});b(".sb-toggle-left").on("touchend click",function(a){a.preventDefault();r("left")});b(".sb-toggle-right").on("touchend click",function(a){a.preventDefault();r("right")});b(".sb-open-left").on("touchend click",function(a){a.preventDefault();e||n("left")});b(".sb-open-right").on("touchend click",function(a){a.preventDefault();g||n("right")});b(".sb-close").on("touchend click",function(a){a.preventDefault();(e||g)&&p()});b(".sb-slidebar a").on("touchend click",function(a){a.preventDefault(); p(b(this).attr("href"))})}})(jQuery); \ No newline at end of file diff --git a/Revisions/0.8.1/slidebars.css b/Revisions/0.8.1/slidebars.css deleted file mode 100755 index 0cb86ce..0000000 --- a/Revisions/0.8.1/slidebars.css +++ /dev/null @@ -1,139 +0,0 @@ -/* ----------------------------------- - * Slidebars - * Version 0.8.1 - * http://plugins.adchsm.me/slidebars/ - * - * Written by Adam Smith - * http://www.adchsm.me/ - * - * Released under MIT License - * http://plugins.adchsm.me/slidebars/license.txt - * - * ------------------- - * Slidebars CSS Index - * - * 001 - Box Model, Html & Body - * 002 - Site - * 003 - Slidebars - * 004 - Animation - * - * ---------------------------- - * 001 - Box Model, Html & Body - */ - -html, body, #sb-site, .sb-slidebar { - margin: 0; - padding: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html, body { - width: 100%; - overflow-x: hidden; /* Stops horizontal scrolling. */ -} - -html { - min-height: 100%; -} - -body { - height: 100%; -} - -/* ---------- - * 002 - Site - */ - -#sb-site { - width: 100%; - min-height: 100%; /* Initially set here but accurate height is set by slidebars.js */ - position: relative; - z-index: 1; /* Site sits above Slidebars */ - background-color: #ffffff; /* Default background colour, overwrite this with your own css. */ -} - -/* --------------- - * 003 - Slidebars - */ - -.sb-slidebar { - height: 100%; - overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */ - position: fixed; - top: 0; - z-index: 0; /* Slidebars sit behind sb-site. */ - visibility: hidden; /* Initially hide the Slidebars. */ - background-color: #222222; /* Default Slidebars background colour, overwrite this with your own css. */ -} - -.sb-static { /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser 2.X. */ - position: absolute; -} - -.sb-left { - left: 0; /* Sets Slidebar to the left. */ -} - -.sb-right { - right: 0; /* Sets Slidebar to the right. */ -} - -html.sb-active-left .sb-left, -html.sb-active-right .sb-right { - visibility: visible; /* Makes Slidebars visibile when open. */ -} - -/* Slidebar Widths */ - -.sb-slidebar { - width: 30%; /* Browsers that don't support media queries. */ -} - -.sb-width-custom { - /* To set a custom width, add this class to your Slidebar and pass a px or % value as a data attribute 'data-sb-width'. */ -} - -@media (max-width: 480px) { - .sb-slidebar { - width: 70%; /* Slidebar width on extra small screens. */ - } -} - -@media (min-width: 481px) { - .sb-slidebar { - width: 55%; /* Slidebar width on small screens. */ - } -} - -@media (min-width: 768px) { - .sb-slidebar { - width: 40%; /* Slidebar width on small screens. */ - } -} - -@media (min-width: 992px) { - .sb-slidebar { - width: 30%; /* Slidebar width on medium screens. */ - } -} - -@media (min-width: 1200px) { - .sb-slidebar { - width: 20%; /* Slidebar width on large screens. */ - } -} - -/* --------------- - * 004 - Animation - */ - -html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { - -webkit-transition: -webkit-transform 400ms ease; - -moz-transition: -moz-transform 400ms ease; - -o-transition: -o-transform 400ms ease; - transition: transform 400ms ease; - -webkit-transition-property: -webkit-transform, left; /* Add 'left' for Android < 4.4 */ - -webkit-backface-visibility: hidden; /* Prevents flickering. */ -} \ No newline at end of file diff --git a/Revisions/0.8.1/slidebars.js b/Revisions/0.8.1/slidebars.js deleted file mode 100755 index cb63f19..0000000 --- a/Revisions/0.8.1/slidebars.js +++ /dev/null @@ -1,284 +0,0 @@ -// ----------------------------------- -// Slidebars -// Version 0.8.1 -// http://plugins.adchsm.me/slidebars/ -// -// Written by Adam Smith -// http://www.adchsm.me/ -// -// Released under MIT License -// http://plugins.adchsm.me/slidebars/license.txt -// -// --------------------- -// Index of Slidebars.js -// -// 001 - Default Settings -// 002 - Feature Detection -// 003 - User Agents -// 004 - Setup -// 005 - Animation -// 006 - Operations -// 007 - API -// 008 - Window Resizes -// 009 - User Input - -;(function($) { - - $.slidebars = function(options) { - - // ---------------------- - // 001 - Default Settings - - var settings = $.extend({ - siteClose: true, // true or false - Enable closing of Slidebars by clicking on #sb-site. - disableOver: false, // integer or false - Hide Slidebars over a specific width. - hideControlClasses: false // true or false - Hide controls at same width as disableOver. - }, options); - - // ----------------------- - // 002 - Feature Detection - - var test = document.createElement('div').style, // Create element to test on. - supportTransition = false, // Variable for testing transitions. - supportTransform = false; // variable for testing transforms. - - // Test for CSS Transitions - if (test.MozTransition === '' || test.WebkitTransition === '' || test.OTransition === '' || test.transition === '') supportTransition = true; - - // Test for CSS Transforms - if (test.MozTransform === '' || test.WebkitTransform === '' || test.OTransform === '' || test.transform === '') supportTransform = true; - - // ----------------- - // 003 - User Agents - - var ua = navigator.userAgent, // Get user agent string. - android = false; // Variable for storing android version. - - if (ua.match(/Android/)) { // Detect for Android in user agent string. - android = parseFloat(ua.slice(ua.indexOf('Android')+8)); // Get version of Android. - if (android < 3) $('html').addClass('sb-android'); // Add 'sb-android' helper class for unfixing elements. - } - - // ----------- - // 004 - Setup - - // Site Container - if (!$('#sb-site').length) $('body').children().wrapAll(''); // Check if content is wrapped with sb-site, wrap if it isn't. - var $site = $('#sb-site'); // Cache the selector. - if (!$site.parent().is('body')) $site.appendTo('body'); // Check its location and move if necessary. - $site.addClass('sb-slide'); // Add animation class. - - // Left Slidebar - if ($('.sb-left').length) { // Check if the left Slidebar exists. - var $left = $('.sb-left'), // Cache the selector. - leftActive = false; // Used to check whether the left Slidebar is open or closed. - if (!$left.parent().is('body')) $left.appendTo('body'); // Check its location and move if necessary. - if (android && android < 3) $left.addClass('sb-static'); // Add static class for older versions of Android. - if ($left.hasClass('sb-width-custom')) $left.css('width', $left.attr('data-sb-width')); // Set user custom width. - } - - // Right Slidebar - if ($('.sb-right').length) { // Check if the right Slidebar exists. - var $right = $('.sb-right'), // Cache the selector. - rightActive = false; // Used to check whether the right Slidebar is open or closed. - if (!$right.parent().is('body')) $right.appendTo('body'); // Check its location and move if necessary. - if (android && android < 3) $right.addClass('sb-static'); // Add static class for older versions of Android. - if ($right.hasClass('sb-width-custom')) $right.css('width', $right.attr('data-sb-width')); // Set user custom width. - } - - // Set Minimum Heights - function setMinHeights() { - var minHeight = $('html').css('height'); // Get minimum height of the page. - $site.css('minHeight', minHeight); // Set minimum height to the site. - if ($left && $left.hasClass('sb-static')) $left.css('minHeight', minHeight); // Set minimum height to the left Slidebar. - if ($right && $right.hasClass('sb-static')) $right.css('minHeight', minHeight); // Set minimum height to the right Slidebar. - } - setMinHeights(); // Set them - - // Control Classes - var $controls = $('.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close'); - - // Initialise - function initialise() { - var windowWidth = $(window).width(); // Get the window width. - if (!settings.disableOver || (typeof settings.disableOver === 'number' && settings.disableOver >= windowWidth)) { // False or larger than window size. - this.init = true; // User check, returns true if Slidebars has been initiated. - $('html').addClass('sb-init'); // Add helper class. - if (settings.hideControlClasses) $controls.show(); - } else if (typeof settings.disableOver === 'number' && settings.disableOver < windowWidth) { // Less than window size. - this.init = false; // User check, returns true if Slidebars has been initiated. - $('html').removeClass('sb-init'); // Remove helper class. - if (settings.hideControlClasses) $controls.hide(); // Hide controls - if (leftActive || rightActive) close(); // Close Slidebars if open. - } - } - initialise(); - - // --------------- - // 005 - Animation - - var animation, // Animation type. - $slide = $('.sb-slide'); // Cache all elements to animate. - - // Set Animation Type - if (supportTransition && supportTransform) { // Browser supports CSS Transitions - animation = 'translate'; // Translate for browser that support transform and tranisions. - if (android && android < 4.4) animation = 'side'; // Android supports both, but can't translate any fixed positions, so use left instead. - } else { - animation = 'jQuery'; // Browsers that don't support css transitions and transitions. - } - - $('html').addClass('sb-anim-type-' + animation); // Add animation type class. - - // Animate Mixin - function animate (selector, amount, side) { - if (animation === 'translate') { - selector.css({ - 'transform': 'translate(' + amount + ')' - }); - } else if (animation === 'side') { - selector.css(side, amount); - } else if (animation === 'jQuery') { - var properties = {}; - properties[side] = amount; - selector.stop().animate(properties, 400); - } - } - - // ---------------- - // 006 - Operations - - // Open a Slidebar - function open(side) { - // Check to see if opposite Slidebar is open. - if (side === 'left' && $left && rightActive || side === 'right' && $right && leftActive) { // It's open, close it, then continue. - close(); - setTimeout(proceed, 400); - } else { // Its not open, continue. - proceed(); - } - - // Open - function proceed() { - if (this.init && side === 'left' && $left) { // Slidebars is initiated, left is in use and called to open. - var leftWidth = $left.css('width'); // Get the width of the left Slidebar. - $('html').addClass('sb-active sb-active-left'); // Add active classes. - animate($slide, leftWidth, 'left'); // Animation - setTimeout(function() { leftActive = true; }, 400); // Set active variables. - } else if (this.init && side === 'right' && $right) { // Slidebars is initiated, right is in use and called to open. - var rightWidth = $right.css('width'); // Get the width of the right Slidebar. - $('html').addClass('sb-active sb-active-right'); // Add active classes. - animate($slide, '-' + rightWidth, 'left'); // Animation - setTimeout(function() { rightActive = true; }, 400); // Set active variables. - } - } - } - - // Close either Slidebar - function close(link) { - if (leftActive || rightActive) { // If a Slidebar is open. - leftActive = false; // Set active variable. - rightActive = false; // Set active variable. - animate($slide, '0px', 'left'); // Animation - setTimeout(function() { // Wait for closing animation to finish. - $('html').removeClass('sb-active sb-active-left sb-active-right'); // Remove active classes. - if (link) window.location = link; // If a link has been passed to the function, go to it. - }, 400); - } - } - - // Toggle either Slidebar - function toggle(side) { - if (side === 'left' && $left) { // If left Slidebar is called and in use. - if (leftActive) { - close(); // Slidebar is open, close it. - } else if (!leftActive) { - open('left'); // Slidebar is closed, open it. - } - } else if (side === 'right' && $right) { // If right Slidebar is called and in use. - if (rightActive) { - close(); // Slidebar is open, close it. - } else if (!rightActive) { - open('right'); // Slidebar is closed, open it. - } - } - } - - // --------- - // 007 - API - - this.open = open; // Maps user variable name to the open method. - this.close = close; // Maps user variable name to the close method. - this.toggle = toggle; // Maps user variable name to the toggle method. - - // -------------------- - // 008 - Window Resizes - - function resize() { - setMinHeights(); // Reset the minimum heights. - initialise(); // Check new screen sizes to see if Slidebars should still operate. - if (leftActive) { // Left Slidebar is open whilst the window is resized. - open('left'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } else if (rightActive) { // Right Slidebar is open whilst the window is resized. - open('right'); // Running the open method will ensure the slidebar is the correct width for new screen size. - } - } - $(window).resize(resize); - - // ---------------- - // 009 - User Input - - function input(event) { // Stop default behaviour and event bubbling. - event.preventDefault(); - event.stopPropagation(); - } - - // Slidebar Toggle Left - $('.sb-toggle-left').on('touchend click', function(event) { - input(event); - toggle('left'); // Toggle left Slidebar. - }); - - // Slidebar Toggle Right - $('.sb-toggle-right').on('touchend click', function(event) { - input(event); - toggle('right'); // Toggle right Slidebar. - }); - - // Slidebar Left Open - $('.sb-open-left').on('touchend click', function(event) { - input(event); - if (!leftActive) open('left'); // Slidebar is closed, open it. - }); - - // Slidebar Right Open - $('.sb-open-right').on('touchend click', function(event) { - input(event); - if (!rightActive) open('right'); // Slidebar is closed, open it. - }); - - // Slidebar Close - $('.sb-close').on('touchend click', function(event) { - input(event); - if (leftActive || rightActive) close(); // A Slidebar is open, close it. - }); - - // Slidebar Close via Link - $('.sb-slidebar a').not('.sb-disable-close').on('click', function(event) { - if (leftActive || rightActive) { // Only proceed is a Slidebar is active. - input(event); - close( $(this).attr('href') ); // Call closing method and pass link. - } - }); - - // Slidebar Close via Site - $site.on('touchend click', function(event) { - if (leftActive || rightActive) { // Only proceed if the left or the right Slidebar is active. - input(event); // If active, stop the click bubbling. - close(); // Close the Slidebar. - } - }); - - }; // End slidebars function. - -}) (jQuery); \ No newline at end of file diff --git a/Revisions/0.8.1/slidebars.min.css b/Revisions/0.8.1/slidebars.min.css deleted file mode 100755 index 79928a8..0000000 --- a/Revisions/0.8.1/slidebars.min.css +++ /dev/null @@ -1,2 +0,0 @@ -/* Slidebars 0.8.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt */ -html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}html{min-height:100%}body{height:100%}#sb-site{width:100%;min-height:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;width:30%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}.sb-static{position:absolute}.sb-left{left:0}.sb-right{right:0}html.sb-active-left .sb-left,html.sb-active-right .sb-right{visibility:visible}@media(max-width:480px){.sb-slidebar{width:70%}}@media(min-width:481px){.sb-slidebar{width:55%}}@media(min-width:768px){.sb-slidebar{width:40%}}@media(min-width:992px){.sb-slidebar{width:30%}}@media(min-width:1200px){.sb-slidebar{width:20%}}html.sb-anim-type-translate .sb-slide,html.sb-anim-type-side .sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left;-webkit-backface-visibility:hidden} \ No newline at end of file diff --git a/Revisions/0.8.1/slidebars.min.js b/Revisions/0.8.1/slidebars.min.js deleted file mode 100755 index 76d9c93..0000000 --- a/Revisions/0.8.1/slidebars.min.js +++ /dev/null @@ -1,2 +0,0 @@ -// Slidebars 0.8.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt -;(function(a){a.slidebars=function(b){var v=a.extend({siteClose:true,disableOver:false,hideControlClasses:false},b);var s=document.createElement("div").style,q=false,j=false;if(s.MozTransition===""||s.WebkitTransition===""||s.OTransition===""||s.transition===""){q=true}if(s.MozTransform===""||s.WebkitTransform===""||s.OTransform===""||s.transform===""){j=true}var p=navigator.userAgent,x=false;if(p.match(/Android/)){x=parseFloat(p.slice(p.indexOf("Android")+8));if(x<3){a("html").addClass("sb-android")}}if(!a("#sb-site").length){a("body").children().wrapAll('')}var o=a("#sb-site");if(!o.parent().is("body")){o.appendTo("body")}o.addClass("sb-slide");if(a(".sb-left").length){var d=a(".sb-left"),e=false;if(!d.parent().is("body")){d.appendTo("body")}if(x&&x<3){d.addClass("sb-static")}if(d.hasClass("sb-width-custom")){d.css("width",d.attr("data-sb-width"))}}if(a(".sb-right").length){var g=a(".sb-right"),i=false;if(!g.parent().is("body")){g.appendTo("body")}if(x&&x<3){g.addClass("sb-static")}if(g.hasClass("sb-width-custom")){g.css("width",g.attr("data-sb-width"))}}function r(){var y=a("html").css("height");o.css("minHeight",y);if(d&&d.hasClass("sb-static")){d.css("minHeight",y)}if(g&&g.hasClass("sb-static")){g.css("minHeight",y)}}r();var u=a(".sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close");function n(){var y=a(window).width();if(!v.disableOver||(typeof v.disableOver==="number"&&v.disableOver>=y)){this.init=true;a("html").addClass("sb-init");if(v.hideControlClasses){u.show()}}else{if(typeof v.disableOver==="number"&&v.disableOverThese add-ons have now incorporated into the Slidebars Theme.
-Slidebars 0.10 is compatible with nearly all modern browsers most and older ones.
-jQuery (version 1.8+) is required. If you can help with testing or find any errors, thats great! Please let me know what you find.
-Jump to:
- -- Version - | -- Compatibility - | -
- 11 & Desktop - | -- Fully compatible - | -
- 10 & Desktop - | -- Fully compatible. - | -
- 9 - | -- Fully compatible. - | -
- 8 - | -- Fully Compatible, you may need a polyfill if you require media queries, although its not required. See Respond.js by Scott Jehl. Site locking feature is not available. - | -
- 7 - | -- Partially compatible, a polyfill is required for box-sizing, and media queries if desired. Site locking feature is not available. - | -
- 6 - | -- Not compatible - | -
- Version - | -- Compatibility - | -
- 31 Aurora - | -- Fully compatible - | -
- 30 - | -- Fully compatible - | -
- 29 - | -- Fully compatible - | -
- 28 - | -- Fully compatible - | -
- 27 - | -- Fully compatible - | -
- 26 - | -- Fully compatible - | -
- 25 - | -- Fully compatible - | -
- 24 - | -- Fully compatible - | -
- 23 - | -- Fully compatible - | -
- 22 - | -- Fully compatible - | -
- 21 - | -- Fully compatible - | -
- 20 - | -- Fully compatible - | -
- 19 - | -- Fully compatible - | -
- 18 - | -- Fully compatible - | -
- 17 - | -- Fully compatible - | -
- 16 - | -- Fully compatible - | -
- 15 - | -- Fully compatible - | -
- 14 - | -- Fully compatible - | -
- 13 - | -- Fully compatible - | -
- 12 - | -- Fully compatible - | -
- 11 - | -- Fully compatible - | -
- 10 - | -- Fully compatible - | -
- 9 - | -- Fully compatible - | -
- 8 - | -- Fully compatible - | -
- 7 - | -- Fully compatible - | -
- 6 - | -- Fully compatible - | -
- 5 - | -- Fully compatible - | -
- 4 - | -- Fully compatible - | -
- 3.6 - | -- Fully compatible - | -
- 3 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 37 Dev - | -- Fully compatible - | -
- 36 Beta - | -- Fully compatible - | -
- 35 - | -- Fully compatible - | -
- 34 - | -- Fully compatible - | -
- 33 - | -- Fully compatible - | -
- 32 - | -- Fully compatible - | -
- 31 - | -- Fully compatible - | -
- 30 - | -- Fully compatible - | -
- 29 - | -- Fully compatible - | -
- 28 - | -- Fully compatible - | -
- 27 - | -- Fully compatible - | -
- 26 - | -- Fully compatible - | -
- 25 - | -- Fully compatible - | -
- 24 - | -- Fully compatible - | -
- 23 - | -- Fully compatible - | -
- 22 - | -- Fully compatible - | -
- 21 - | -- Fully compatible - | -
- 20 - | -- Fully compatible - | -
- 19 - | -- Fully compatible - | -
- 18 - | -- Fully compatible - | -
- 17 - | -- Fully compatible - | -
- 16 - | -- Fully compatible - | -
- 15 - | -- Fully compatible - | -
- 14 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 7 - | -- Fully compatible - | -
- 6.1 - | -- Fully compatible - | -
- 6 - | -- Fully compatible - | -
- 5.1 - | -- Fully compatible - | -
- 5 - | -- Fully compatible - | -
- 4 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 22 - | -- Fully compatible - | -
- 21 - | -- Fully compatible - | -
- 20 - | -- Fully compatible - | -
- 19 Next - | -- Fully compatible - | -
- 18 - | -- Fully compatible - | -
- 17 - | -- Fully compatible - | -
- 16 - | -- Fully compatible - | -
- 15 - | -- Fully compatible - | -
- 12.16 - | -- Fully compatible - | -
- 12.15 - | -- Fully compatible - | -
- 12.14 - | -- Fully compatible - | -
- 12.10 - | -- Fully compatible - | -
- 11.6 - | -- Fully compatible. Site locking feature is not available. - | -
- 11.5 - | -- Fully compatible. Site locking feature is not available. - | -
- 11.1 - | -- Fully compatible. Site locking feature is not available. - | -
- 10.6 - | -- Fully compatible. Site locking feature is not available. - | -
- Version - | -- Compatibility - | -
- 7.1 - | -- Fully compatible - | -
- 7 - | -- Fully compatible - | -
- 6.0 - 6.1 - | -- Fully compatible - | -
- 5.0 - 5.1 - | -- Fully compatible - | -
- 4.2 - 4.3 - | -- Compatible, Slidebars not fixed to screen. - | -
- 4.0 - 4.1 - | -- Compatible, Slidebars not fixed to screen. - | -
- 3.0 - | -- Compatible, Slidebars not fixed to screen. - | -
When using Opera Mini, JavaScript is processed by a proxy server, and simply rendered on the page. Slidebars is functional on Opera Mini, but has no animation.
-- Version - | -- Compatibility - | -
- 7.0 - | -- Functional, no animation or fixed Slidebars. - | -
- 6.0 - 6.1 - | -- Untested - | -
- 5.0 - 5.1 - | -- Untested - | -
- 4.2 - 4.3 - | -- Untested - | -
- 4.0 - 4.1 - | -- Untested - | -
- 3.2 - | -- Untested - | -
- Version - | -- Compatibility - | -
- 4.4 - | -- Fully compatible - | -
- 4.3 - | -- Fully compatible - | -
- 4.2 - | -- Fully compatible - | -
- 4.1 - | -- Fully compatible - | -
- 4.0 - | -- Fully compatible - | -
- 3.0 - | -- Untested - | -
- 2.3 - | -- Compatible, Slidebars not fixed to screen. - | -
- 2.2 - | -- Compatible, Slidebars not fixed to screen. - | -
- 2.1 - | -- Compatible, Slidebars not fixed to screen. - | -
- Version - | -- Compatibility - | -
- 10.2 - | -- Fully compatible - | -
- 10.1 - | -- Fully compatible - | -
- 10.0 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 2.1 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 12.1 - | -- Partially compatible, issues with heights & overflow-x/overflow-y. - | -
- 12 - | -- Untested - | -
- 11.5 - | -- Untested - | -
- 11.1 - | -- Untested - | -
- 11 - | -- Untested - | -
- 10 - | -- Untested - | -
- Version - | -- Compatibility - | -
- 26 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 30 - | -- Untested - | -
- Version - | -- Compatibility - | -
- 35 - | -- Fully compatible - | -
- 34 - | -- Fully compatible - | -
- 33 - | -- Fully compatible - | -
- 32 - | -- Fully compatible - | -
- 31 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 10 - | -- Untested - | -
- Version - | -- Compatibility - | -
- 1.1 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 7.5.1 - | -- Fully compatible - | -
- Version - | -- Compatibility - | -
- 1.6 - | -- Fully compatible - | -
If you have a question, comment, or suggestion give me a shout.
-You can email me at adam@adchsm.me. If you find any issues, please report them on Github. For updates, you can follow me on Twitter, or sign up to my mailing list.
-