General tidy up for beta release

Author: IanLunn

CHANGELOG.md

@@ -20,8 +20,7 @@ Contains the compiled `sequence.js` and its minified version `sequence.min.js`.
 
 - `hammer.min.js` - Used for touch support
 - `imagesloaded.pkgd.min.js` - Used for preloading images
-- `respond.min.js` - Used to make a Sequence theme responsive in Internet Explorer 7 and 8
-- `sequence-theme.intro.js` - Options and inititate code to start Sequence on the demo theme
+- `sequence-theme.basic.js` - Options and inititation code to start Sequence on the demo theme
 
 ### `src`
 

CONTRIBUTING.md

@@ -1,7 +1,7 @@
 Sequence [![Flattr this git repo](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/submit/auto?user_id=IanLunn&url=https://github.com/IanLunn/Sequence&title=Sequence&language=english&tags=github&category=software)
 =====================
 
-> CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications.
+> JavaScript library that provides a simple CSS framework for creating unique, animated themes for sliders, presentations, banners, accordions, and other step-based applications.
 
 See the [introduction](http://ianlunn.github.io/Sequence/) and [pre-made themes](http://sequencejs.com/).
 
@@ -28,22 +28,6 @@ See the [introduction](http://ianlunn.github.io/Sequence/) and [pre-made themes]
 
 The key philosophy for Sequence is to aid you in creating your animated step-based application without getting in the way of how you or a web browser work. Create content and then animate it using the HTML and CSS you're used to. There's no special syntax to learn, no limitations on the elements you can use, and no heavy JavaScript implementations recreating what the browser is already capable of.
 
-## Demo Themes
-
-The following themes are packaged with the Sequence download package:
-
-- [Intro](http://ianlunn.github.io/Sequence/themes/intro-theme/) - The theme used to introduce Sequence
-- [Modern Slide In](http://ianlunn.github.io/Sequence/themes/modern-slide-in/) - A minimalist theme for showcasing products
-- [Pop Slide](http://ianlunn.github.io/Sequence/themes/pop-slide/) - A colourful slider with highlighted pagination
-- [Cube](http://ianlunn.github.io/Sequence/themes/cube) - A basic 3D cube that spins on the Y axis
-- [Basic](http://ianlunn.github.io/Sequence/themes/basic/) - A basic slider that moves side to side
-- [Test Theme](http://ianlunn.github.io/Sequence/themes/test-theme/) - Used for Testing Sequence.js and its API
-- [Multiple Test Theme](http://ianlunn.github.io/Sequence/themes/mmultiple-test/) - A theme to test multiple instances of Sequence
-
-Additional themes are made available on the [Sequence Theme Store](http://sequencejs.com/themes/)
-
-Head to the [showcase](https://github.com/IanLunn/Sequence/wiki/Showcase) to see themes others have created.
-
 ## Getting Started
 
 To get started [download](https://github.com/IanLunn/Sequence#download) Sequence and then head to the [documentation](https://github.com/IanLunn/Sequence/wiki/Documentation). If you'd like to contribute to Sequence's development, please see the [contributing](https://github.com/IanLunn/Sequence/blob/master/contributing.md) guidelines.
@@ -76,34 +60,6 @@ Sequence's browser testing environment is provided by <a href="http://browsersta
 
 [![Browser Stack](http://www.sequencejs.com/wp-content/themes/sequence/images/browserstack-light.png)](http://browserstack.com/)
 
-## History
-
-Sequence v1 was first conceived in 2011 by [Ian Lunn](http://ianlunn.co.uk/) whilst he was recreating an animated effect used on the Apple iPhone 4 website. In creating the demo he realised the limited script had far more
-potential if its animations could be written via CSS instead of JavaScript. This would allow developers to easily create their own animations that were completely separate from the logic of the script itself.
-
-CSS animations were still quite new at the time so after a lot of battling with browser support, Ian released the first version of Sequence in February 2012 under an open-source MIT License.
-
-Sequence grew in popularity and was updated with bug fixes and minor features for the next 18 months.
-
-In early 2014, Ian began working on Sequence 2.0.0. This addressed version 1's biggest limitations and issues; the requirement of having to animate all top-level elements, improved touch support, and so on.
-
-Sequence 2.0.0 was released in July 2014.
-
-For a complete list of changes, see the [CHANGELOG](https://github.com/IanLunn/Sequence/blob/master/CHANGELOG.md).
-
-## Limitations
-
-Sometimes when choosing a library, its better to know what it *doesn't* do to enable you to make the decision to use it in a project. Although we've made Sequence as good as it can possibly be, we've tried to keep its scope tight, as such, there are some limitations:
-
-### AJAX Support
-
-If you're planning on using AJAX in your project, know that Sequence can be initiated and destroyed whenever necessary, meaning it can be loaded on a page via AJAX after the page load event. However, at present Sequence doesn't allow for loading additional steps via AJAX.
-
-### 3D Transform Support
-
-At present, some browsers don't fully support CSS 3D transforms.
- Internet Explorer 10 and 11 don't support `preserve-3d` and as such, are forced into fallback mode when the use of CSS 3D transforms are detected.
-
 ## License
 
 Sequence is made available under a [MIT License](https://github.com/IanLunn/Sequence/blob/master/LICENSE.md).

README.md

@@ -1,7 +1,7 @@
 {
   "name": "sequencejs",
-  "description": "CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications.",
-  "version": "2.0.0-pre.1",
+  "description": "JavaScript library that provides a simple CSS framework to create your own unique, animated themes for sliders, presentations, banners, accordions, and other step-based applications.",
+  "version": "2.0.0-beta.2",
   "main": "scripts/sequence.min.js",
   "license": "MIT",
   "homepage": "http://sequencejs.com/",

bower.json

@@ -98,7 +98,7 @@
   border-radius: 100%;
 }
 #sequence .seq-pagination > * {
-  margin: 0 2px;
+  margin: 0 4px;
   padding: 0;
   display: inline-block;
   *display: inline;
@@ -147,6 +147,11 @@
   white-space: normal;
   text-align: center;
   color: white;
+  -webkit-transform: translateZ(0);
+  -moz-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  -o-transform: translateZ(0);
+  transform: translateZ(0);
 }
 #sequence .seq-canvas > li:before {
   content: "";
@@ -211,6 +216,16 @@
   color: #2bbf8e;
 }
 #sequence h2,
+#sequence h3,
+#sequence .button {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-transform: translateZ(0);
+  -moz-transform: translateZ(0);
+  -ms-transform: translateZ(0);
+  -o-transform: translateZ(0);
+  transform: translateZ(0);
+}
+#sequence h2,
 #sequence h3 {
   margin: 0 0 .5em 0;
   display: block;
@@ -315,8 +330,8 @@
     margin-top: -19px;
   }
   #sequence .seq-pagination > * {
-    width: 14px;
-    height: 14px;
+    width: 20px;
+    height: 20px;
   }
   #sequence h2,
   #sequence h3 {

css/sequence-theme.basic.css

@@ -1,7 +1,7 @@
 {
   "name": "sequencejs",
-  "description": "CSS animation framework for creating responsive sliders, presentations, banners, and other step-based applications.",
-  "version": "2.0.0-pre.1",
+  "description": "JavaScript library that provides a simple CSS framework to create your own unique, animated themes for sliders, presentations, banners, accordions, and other step-based applications.",
+  "version": "2.0.0-beta.2",
   "main": "scripts/sequence.min.js",
   "license": "MIT",
   "author": "Ian Lunn",
@@ -14,6 +14,7 @@
   "keywords": [
     "sequence",
     "sequence.js",
+    "seq",
     "slider",
     "css3",
     "slider",

package.json

@@ -28,7 +28,8 @@ var options = {
   phaseThreshold: 500,
   preloader: true,
   reverseWhenNavigatingBackwards: false,
-  fadeStepWhenSkipped: false
+  fadeStepWhenSkipped: false,
+  keyNavigation: true
 }
 
 // Launch Sequence on the element, and with the options we specified above

scripts/sequence-theme.basic.js

@@ -6,7 +6,7 @@
  *
  * @link https://github.com/IanLunn/Sequence
  * @author IanLunn
- * @version 2.0.0-alpha.8
+ * @version 2.0.0-beta.2
  * @license https://github.com/IanLunn/Sequence/blob/master/LICENSE
  * @copyright Ian Lunn 2015
  */
@@ -85,6 +85,9 @@ function defineSequence(imagesLoaded, Hammer) {
       // How long to wait between each step before navigation occurs again
       autoPlayDelay: 5000,
 
+      // Amount of time to wait until autoPlay starts again after being stopped
+      autoPlayStartDelay: null,
+
       // Direction of navigation when autoPlay is enabled
       autoPlayDirection: 1,
 
@@ -93,9 +96,6 @@ function defineSequence(imagesLoaded, Hammer) {
       // class of "seq-autoplay"
       autoPlayButton: true,
 
-      // Amount of time to wait until autoPlay starts again after being stopped
-      autoPlayStartDelay: null,
-
       // Pause autoPlay when the Sequence element is hovered over
       autoPlayPauseOnHover: true,