jekyll-theme-chalk 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/404.html +39 -0
- data/LICENSE +21 -0
- data/LICENSE.txt +21 -0
- data/README.md +91 -0
- data/_assets/fonts/cormorant-garamond/Cormorant-Garamond-700.eot +0 -0
- data/_assets/fonts/cormorant-garamond/Cormorant-Garamond-700.ttf +0 -0
- data/_assets/fonts/cormorant-garamond/Cormorant-Garamond-700.woff +0 -0
- data/_assets/fonts/cormorant-garamond/Cormorant-Garamond-700.woff2 +0 -0
- data/_assets/fonts/ionicons/ionicons.eot +0 -0
- data/_assets/fonts/ionicons/ionicons.ttf +0 -0
- data/_assets/fonts/ionicons/ionicons.woff +0 -0
- data/_assets/fonts/lato/Lato-300.eot +0 -0
- data/_assets/fonts/lato/Lato-300.ttf +0 -0
- data/_assets/fonts/lato/Lato-300.woff +0 -0
- data/_assets/fonts/lato/Lato-300.woff2 +0 -0
- data/_assets/fonts/lato/Lato-700.eot +0 -0
- data/_assets/fonts/lato/Lato-700.ttf +0 -0
- data/_assets/fonts/lato/Lato-700.woff +0 -0
- data/_assets/fonts/lato/Lato-700.woff2 +0 -0
- data/_assets/fonts/lato/Lato-regular.eot +0 -0
- data/_assets/fonts/lato/Lato-regular.ttf +0 -0
- data/_assets/fonts/lato/Lato-regular.woff +0 -0
- data/_assets/fonts/lato/Lato-regular.woff2 +0 -0
- data/_assets/images/about.jpg +0 -0
- data/_assets/images/about@2x.jpg +0 -0
- data/_assets/images/apple-touch-icon.png +0 -0
- data/_assets/images/documentation/chalk-intro.png +0 -0
- data/_assets/images/documentation/chalk-intro@2x.png +0 -0
- data/_assets/images/documentation/enlarge.gif +0 -0
- data/_assets/images/documentation/enlarge@2x.gif +0 -0
- data/_assets/images/documentation/sample-image.jpg +0 -0
- data/_assets/images/documentation/sample-image@2x.jpg +0 -0
- data/_assets/images/og-image.jpg +0 -0
- data/_assets/javascripts/application.js +17 -0
- data/_assets/javascripts/scrollappear.js +25 -0
- data/_assets/javascripts/vendor.js +4 -0
- data/_assets/javascripts/webfonts.js +7 -0
- data/_assets/stylesheets/.csscomb.json +196 -0
- data/_assets/stylesheets/.scss-lint.yml +33 -0
- data/_assets/stylesheets/_base.scss +151 -0
- data/_assets/stylesheets/_mixins.scss +28 -0
- data/_assets/stylesheets/_variables.scss +47 -0
- data/_assets/stylesheets/dark.scss +71 -0
- data/_assets/stylesheets/fonts.scss +63 -0
- data/_assets/stylesheets/layouts/_footer.scss +17 -0
- data/_assets/stylesheets/layouts/_grid.scss +102 -0
- data/_assets/stylesheets/light.scss +71 -0
- data/_assets/stylesheets/modules/_about.scss +10 -0
- data/_assets/stylesheets/modules/_articles.scss +213 -0
- data/_assets/stylesheets/modules/_embed.scss +31 -0
- data/_assets/stylesheets/modules/_header.scss +57 -0
- data/_assets/stylesheets/modules/_highlights-dark.scss +415 -0
- data/_assets/stylesheets/modules/_highlights-light.scss +409 -0
- data/_assets/stylesheets/modules/_icons.scss +83 -0
- data/_assets/stylesheets/modules/_scrollappear.scss +14 -0
- data/_assets/stylesheets/notfound-dark.scss +91 -0
- data/_assets/stylesheets/notfound-light.scss +91 -0
- data/_assets/stylesheets/vendor/_normalize.scss +461 -0
- data/_assets/yarn/.yarn-integrity +22 -0
- data/_assets/yarn/fluidbox/.gitattributes +22 -0
- data/_assets/yarn/fluidbox/.npmignore +220 -0
- data/_assets/yarn/fluidbox/.travis.yml +6 -0
- data/_assets/yarn/fluidbox/Gruntfile.js +8 -0
- data/_assets/yarn/fluidbox/LICENSE.md +23 -0
- data/_assets/yarn/fluidbox/README.html +750 -0
- data/_assets/yarn/fluidbox/README.md +396 -0
- data/_assets/yarn/fluidbox/bower.json +35 -0
- data/_assets/yarn/fluidbox/demo/css/styles.min.css +2 -0
- data/_assets/yarn/fluidbox/demo/css/styles.min.css.map +1 -0
- data/_assets/yarn/fluidbox/demo/fonts/BLOKKRegular.eot +0 -0
- data/_assets/yarn/fluidbox/demo/fonts/BLOKKRegular.svg +233 -0
- data/_assets/yarn/fluidbox/demo/fonts/BLOKKRegular.ttf +0 -0
- data/_assets/yarn/fluidbox/demo/fonts/BLOKKRegular.woff +0 -0
- data/_assets/yarn/fluidbox/demo/fonts/fontello.eot +0 -0
- data/_assets/yarn/fluidbox/demo/fonts/fontello.svg +13 -0
- data/_assets/yarn/fluidbox/demo/fonts/fontello.ttf +0 -0
- data/_assets/yarn/fluidbox/demo/fonts/fontello.woff +0 -0
- data/_assets/yarn/fluidbox/demo/index.html +758 -0
- data/_assets/yarn/fluidbox/demo/src/css/styles.scss +1131 -0
- data/_assets/yarn/fluidbox/dist/css/fluidbox.min.css +2 -0
- data/_assets/yarn/fluidbox/dist/css/fluidbox.min.css.map +1 -0
- data/_assets/yarn/fluidbox/dist/js/jquery.fluidbox.min.js +1 -0
- data/_assets/yarn/fluidbox/grunt/aliases.yaml +20 -0
- data/_assets/yarn/fluidbox/grunt/clean.js +5 -0
- data/_assets/yarn/fluidbox/grunt/concurrent.js +33 -0
- data/_assets/yarn/fluidbox/grunt/jshint.js +10 -0
- data/_assets/yarn/fluidbox/grunt/postcss.js +47 -0
- data/_assets/yarn/fluidbox/grunt/sass.js +42 -0
- data/_assets/yarn/fluidbox/grunt/uglify.js +7 -0
- data/_assets/yarn/fluidbox/grunt/watch.js +28 -0
- data/_assets/yarn/fluidbox/index.html +8 -0
- data/_assets/yarn/fluidbox/license.txt +21 -0
- data/_assets/yarn/fluidbox/package.json +61 -0
- data/_assets/yarn/fluidbox/src/css/_fluidbox.scss +95 -0
- data/_assets/yarn/fluidbox/src/css/fluidbox.scss +2 -0
- data/_assets/yarn/fluidbox/src/js/jquery.fluidbox.js +722 -0
- data/_assets/yarn/jquery/AUTHORS.txt +301 -0
- data/_assets/yarn/jquery/LICENSE.txt +36 -0
- data/_assets/yarn/jquery/README.md +67 -0
- data/_assets/yarn/jquery/bower.json +14 -0
- data/_assets/yarn/jquery/dist/core.js +476 -0
- data/_assets/yarn/jquery/dist/jquery.js +10253 -0
- data/_assets/yarn/jquery/dist/jquery.min.js +4 -0
- data/_assets/yarn/jquery/dist/jquery.min.map +1 -0
- data/_assets/yarn/jquery/dist/jquery.slim.js +8160 -0
- data/_assets/yarn/jquery/dist/jquery.slim.min.js +4 -0
- data/_assets/yarn/jquery/dist/jquery.slim.min.map +1 -0
- data/_assets/yarn/jquery/external/sizzle/LICENSE.txt +36 -0
- data/_assets/yarn/jquery/external/sizzle/dist/sizzle.js +2272 -0
- data/_assets/yarn/jquery/external/sizzle/dist/sizzle.min.js +3 -0
- data/_assets/yarn/jquery/external/sizzle/dist/sizzle.min.map +1 -0
- data/_assets/yarn/jquery/package.json +97 -0
- data/_assets/yarn/jquery/src/.eslintrc.json +5 -0
- data/_assets/yarn/jquery/src/ajax.js +855 -0
- data/_assets/yarn/jquery/src/ajax/jsonp.js +102 -0
- data/_assets/yarn/jquery/src/ajax/load.js +76 -0
- data/_assets/yarn/jquery/src/ajax/parseXML.js +30 -0
- data/_assets/yarn/jquery/src/ajax/script.js +77 -0
- data/_assets/yarn/jquery/src/ajax/var/location.js +5 -0
- data/_assets/yarn/jquery/src/ajax/var/nonce.js +7 -0
- data/_assets/yarn/jquery/src/ajax/var/rquery.js +5 -0
- data/_assets/yarn/jquery/src/ajax/xhr.js +169 -0
- data/_assets/yarn/jquery/src/attributes.js +13 -0
- data/_assets/yarn/jquery/src/attributes/attr.js +141 -0
- data/_assets/yarn/jquery/src/attributes/classes.js +174 -0
- data/_assets/yarn/jquery/src/attributes/prop.js +143 -0
- data/_assets/yarn/jquery/src/attributes/support.js +33 -0
- data/_assets/yarn/jquery/src/attributes/val.js +190 -0
- data/_assets/yarn/jquery/src/callbacks.js +234 -0
- data/_assets/yarn/jquery/src/core.js +476 -0
- data/_assets/yarn/jquery/src/core/DOMEval.js +16 -0
- data/_assets/yarn/jquery/src/core/access.js +70 -0
- data/_assets/yarn/jquery/src/core/init.js +128 -0
- data/_assets/yarn/jquery/src/core/nodeName.js +13 -0
- data/_assets/yarn/jquery/src/core/parseHTML.js +65 -0
- data/_assets/yarn/jquery/src/core/ready-no-deferred.js +96 -0
- data/_assets/yarn/jquery/src/core/ready.js +86 -0
- data/_assets/yarn/jquery/src/core/readyException.js +13 -0
- data/_assets/yarn/jquery/src/core/stripAndCollapse.js +14 -0
- data/_assets/yarn/jquery/src/core/support.js +20 -0
- data/_assets/yarn/jquery/src/core/var/rsingleTag.js +6 -0
- data/_assets/yarn/jquery/src/css.js +438 -0
- data/_assets/yarn/jquery/src/css/addGetHookIf.js +26 -0
- data/_assets/yarn/jquery/src/css/adjustCSS.js +71 -0
- data/_assets/yarn/jquery/src/css/curCSS.js +65 -0
- data/_assets/yarn/jquery/src/css/hiddenVisibleSelectors.js +15 -0
- data/_assets/yarn/jquery/src/css/showHide.js +105 -0
- data/_assets/yarn/jquery/src/css/support.js +89 -0
- data/_assets/yarn/jquery/src/css/var/cssExpand.js +5 -0
- data/_assets/yarn/jquery/src/css/var/getStyles.js +17 -0
- data/_assets/yarn/jquery/src/css/var/isHiddenWithinTree.js +34 -0
- data/_assets/yarn/jquery/src/css/var/rmargin.js +5 -0
- data/_assets/yarn/jquery/src/css/var/rnumnonpx.js +7 -0
- data/_assets/yarn/jquery/src/css/var/swap.js +26 -0
- data/_assets/yarn/jquery/src/data.js +179 -0
- data/_assets/yarn/jquery/src/data/Data.js +161 -0
- data/_assets/yarn/jquery/src/data/var/acceptData.js +19 -0
- data/_assets/yarn/jquery/src/data/var/dataPriv.js +7 -0
- data/_assets/yarn/jquery/src/data/var/dataUser.js +7 -0
- data/_assets/yarn/jquery/src/deferred.js +391 -0
- data/_assets/yarn/jquery/src/deferred/exceptionHook.js +21 -0
- data/_assets/yarn/jquery/src/deprecated.js +40 -0
- data/_assets/yarn/jquery/src/dimensions.js +56 -0
- data/_assets/yarn/jquery/src/effects.js +699 -0
- data/_assets/yarn/jquery/src/effects/Tween.js +123 -0
- data/_assets/yarn/jquery/src/effects/animatedSelector.js +15 -0
- data/_assets/yarn/jquery/src/event.js +746 -0
- data/_assets/yarn/jquery/src/event/ajax.js +22 -0
- data/_assets/yarn/jquery/src/event/alias.js +29 -0
- data/_assets/yarn/jquery/src/event/focusin.js +55 -0
- data/_assets/yarn/jquery/src/event/support.js +11 -0
- data/_assets/yarn/jquery/src/event/trigger.js +185 -0
- data/_assets/yarn/jquery/src/exports/amd.js +26 -0
- data/_assets/yarn/jquery/src/exports/global.js +34 -0
- data/_assets/yarn/jquery/src/jquery.js +41 -0
- data/_assets/yarn/jquery/src/manipulation.js +488 -0
- data/_assets/yarn/jquery/src/manipulation/_evalUrl.js +23 -0
- data/_assets/yarn/jquery/src/manipulation/buildFragment.js +104 -0
- data/_assets/yarn/jquery/src/manipulation/getAll.js +32 -0
- data/_assets/yarn/jquery/src/manipulation/setGlobalEval.js +22 -0
- data/_assets/yarn/jquery/src/manipulation/support.js +35 -0
- data/_assets/yarn/jquery/src/manipulation/var/rcheckableType.js +5 -0
- data/_assets/yarn/jquery/src/manipulation/var/rscriptType.js +5 -0
- data/_assets/yarn/jquery/src/manipulation/var/rtagName.js +5 -0
- data/_assets/yarn/jquery/src/manipulation/wrapMap.js +29 -0
- data/_assets/yarn/jquery/src/offset.js +229 -0
- data/_assets/yarn/jquery/src/queue.js +145 -0
- data/_assets/yarn/jquery/src/queue/delay.js +24 -0
- data/_assets/yarn/jquery/src/selector-native.js +237 -0
- data/_assets/yarn/jquery/src/selector-sizzle.js +19 -0
- data/_assets/yarn/jquery/src/selector.js +3 -0
- data/_assets/yarn/jquery/src/serialize.js +130 -0
- data/_assets/yarn/jquery/src/traversing.js +191 -0
- data/_assets/yarn/jquery/src/traversing/findFilter.js +106 -0
- data/_assets/yarn/jquery/src/traversing/var/dir.js +22 -0
- data/_assets/yarn/jquery/src/traversing/var/rneedsContext.js +8 -0
- data/_assets/yarn/jquery/src/traversing/var/siblings.js +17 -0
- data/_assets/yarn/jquery/src/var/ObjectFunctionString.js +7 -0
- data/_assets/yarn/jquery/src/var/arr.js +5 -0
- data/_assets/yarn/jquery/src/var/class2type.js +6 -0
- data/_assets/yarn/jquery/src/var/concat.js +7 -0
- data/_assets/yarn/jquery/src/var/document.js +5 -0
- data/_assets/yarn/jquery/src/var/documentElement.js +7 -0
- data/_assets/yarn/jquery/src/var/fnToString.js +7 -0
- data/_assets/yarn/jquery/src/var/getProto.js +5 -0
- data/_assets/yarn/jquery/src/var/hasOwn.js +7 -0
- data/_assets/yarn/jquery/src/var/indexOf.js +7 -0
- data/_assets/yarn/jquery/src/var/pnum.js +5 -0
- data/_assets/yarn/jquery/src/var/push.js +7 -0
- data/_assets/yarn/jquery/src/var/rcssNum.js +9 -0
- data/_assets/yarn/jquery/src/var/rnothtmlwhite.js +8 -0
- data/_assets/yarn/jquery/src/var/slice.js +7 -0
- data/_assets/yarn/jquery/src/var/support.js +6 -0
- data/_assets/yarn/jquery/src/var/toString.js +7 -0
- data/_assets/yarn/jquery/src/wrap.js +77 -0
- data/_assets/yarn/retinajs/.babelrc +4 -0
- data/_assets/yarn/retinajs/.editorconfig +15 -0
- data/_assets/yarn/retinajs/.eslintignore +2 -0
- data/_assets/yarn/retinajs/.eslintrc +9 -0
- data/_assets/yarn/retinajs/.npmignore +7 -0
- data/_assets/yarn/retinajs/.travis.yml +20 -0
- data/_assets/yarn/retinajs/LICENSE +20 -0
- data/_assets/yarn/retinajs/README.md +267 -0
- data/_assets/yarn/retinajs/bower.json +25 -0
- data/_assets/yarn/retinajs/dist/_retina.sass +68 -0
- data/_assets/yarn/retinajs/dist/_retina.scss +102 -0
- data/_assets/yarn/retinajs/dist/retina.js +100 -0
- data/_assets/yarn/retinajs/dist/retina.js.map +1 -0
- data/_assets/yarn/retinajs/dist/retina.less +56 -0
- data/_assets/yarn/retinajs/dist/retina.min.js +2 -0
- data/_assets/yarn/retinajs/dist/retina.min.js.map +1 -0
- data/_assets/yarn/retinajs/dist/retina.styl +56 -0
- data/_assets/yarn/retinajs/es/_retina.sass +68 -0
- data/_assets/yarn/retinajs/es/_retina.scss +102 -0
- data/_assets/yarn/retinajs/es/retina.js +91 -0
- data/_assets/yarn/retinajs/es/retina.js.map +1 -0
- data/_assets/yarn/retinajs/es/retina.less +56 -0
- data/_assets/yarn/retinajs/es/retina.styl +56 -0
- data/_assets/yarn/retinajs/gulpfile.babel.js +154 -0
- data/_assets/yarn/retinajs/package.json +57 -0
- data/_assets/yarn/retinajs/src/_retina.sass +68 -0
- data/_assets/yarn/retinajs/src/_retina.scss +102 -0
- data/_assets/yarn/retinajs/src/retina.js +246 -0
- data/_assets/yarn/retinajs/src/retina.less +56 -0
- data/_assets/yarn/retinajs/src/retina.styl +56 -0
- data/_assets/yarn/retinajs/test/DOM.js +44 -0
- data/_assets/yarn/retinajs/test/fixtures/image.js +19 -0
- data/_assets/yarn/retinajs/test/fixtures/less_expected_output.css +18 -0
- data/_assets/yarn/retinajs/test/fixtures/scss_expected_output.css +13 -0
- data/_assets/yarn/retinajs/test/fixtures/test.less +10 -0
- data/_assets/yarn/retinajs/test/fixtures/test.scss +11 -0
- data/_assets/yarn/retinajs/test/fixtures/xml_http_request.js +24 -0
- data/_assets/yarn/retinajs/test/functional/public/google-logo.png +0 -0
- data/_assets/yarn/retinajs/test/functional/public/google-logo@2x.png +0 -0
- data/_assets/yarn/retinajs/test/functional/public/google-logo@3x.png +0 -0
- data/_assets/yarn/retinajs/test/functional/public/index.html +190 -0
- data/_assets/yarn/retinajs/test/functional/public/ipad.png +0 -0
- data/_assets/yarn/retinajs/test/functional/public/ipad@2x.png +0 -0
- data/_assets/yarn/retinajs/test/functional/public/ipad@3x.png +0 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/_retina.sass +68 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/_retina.scss +102 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/less-base.less +13 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/retina.less +56 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/retina.less.css +73 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/retina.sass.css +42 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/retina.scss.css +96 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/retina.styl +56 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/retina.styl.css +61 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/sass-base.sass +10 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/scss-base.scss +13 -0
- data/_assets/yarn/retinajs/test/functional/public/styles/styl-base.styl +10 -0
- data/_assets/yarn/retinajs/test/mocha-runner.js +7 -0
- data/_assets/yarn/retinajs/test/retina.spec.js +14 -0
- data/_assets/yarn/scrollreveal/.gitattributes +10 -0
- data/_assets/yarn/scrollreveal/.github/CONTRIBUTING.md +9 -0
- data/_assets/yarn/scrollreveal/.github/ISSUE_TEMPLATE.md +11 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/base.css +213 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/index.html +158 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/index.html +93 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/package.json.html +143 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/constructor.js.html +311 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/defaults.js.html +158 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/functions/animate.js.html +395 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/functions/delegate.js.html +179 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/functions/index.html +145 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/functions/initialize.js.html +197 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/functions/rinse.js.html +311 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/functions/style.js.html +617 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/index.html +119 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/methods/clean.js.html +137 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/methods/destroy.js.html +182 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/methods/index.html +132 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/methods/reveal.js.html +524 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/methods/sync.js.html +125 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/instance/noop.js.html +89 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/polyfills/index.html +93 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/polyfills/requestAnimationFrame.js.html +125 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/utils/browser.js.html +272 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/utils/core.js.html +434 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/utils/generic.js.html +218 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/lib/src/utils/index.html +119 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/prettify.css +1 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/prettify.js +1 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/sort-arrow-sprite.png +0 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov-report/sorter.js +158 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/PhantomJS 2.1.1 (Mac OS X 0.0.0)/lcov.info +1016 -0
- data/_assets/yarn/scrollreveal/.ignore/coverage/server.coverage.js +11 -0
- data/_assets/yarn/scrollreveal/.ignore/sandbox/css/styles.css +32 -0
- data/_assets/yarn/scrollreveal/.ignore/sandbox/index.html +68 -0
- data/_assets/yarn/scrollreveal/.ignore/sandbox/js/scrollreveal.js +1271 -0
- data/_assets/yarn/scrollreveal/.ignore/sandbox/rollup.conf.sandbox.js +15 -0
- data/_assets/yarn/scrollreveal/.ignore/sandbox/server.sandbox.js +11 -0
- data/_assets/yarn/scrollreveal/.npmignore +8 -0
- data/_assets/yarn/scrollreveal/CHANGELOG.md +268 -0
- data/_assets/yarn/scrollreveal/LICENSE.md +12 -0
- data/_assets/yarn/scrollreveal/README.md +413 -0
- data/_assets/yarn/scrollreveal/bower.json +24 -0
- data/_assets/yarn/scrollreveal/dist/scrollreveal.js +860 -0
- data/_assets/yarn/scrollreveal/dist/scrollreveal.min.js +1 -0
- data/_assets/yarn/scrollreveal/gulpfile.js +33 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-clean.js +7 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-dev.js +6 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-dist-min.js +19 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-dist.js +6 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-server.js +9 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-validate-bower.js +13 -0
- data/_assets/yarn/scrollreveal/lib/gulp/gulp-watch.js +6 -0
- data/_assets/yarn/scrollreveal/src/scrollreveal.js +860 -0
- data/_assets/yarn/throttle-debounce-fn/.jscsrc +5 -0
- data/_assets/yarn/throttle-debounce-fn/.jshintrc +13 -0
- data/_assets/yarn/throttle-debounce-fn/.npmignore +1 -0
- data/_assets/yarn/throttle-debounce-fn/Gruntfile.js +76 -0
- data/_assets/yarn/throttle-debounce-fn/LICENSE.md +22 -0
- data/_assets/yarn/throttle-debounce-fn/README.md +55 -0
- data/_assets/yarn/throttle-debounce-fn/dist/throttle-debounce-fn.js +164 -0
- data/_assets/yarn/throttle-debounce-fn/dist/throttle-debounce-fn.min.js +10 -0
- data/_assets/yarn/throttle-debounce-fn/package.json +36 -0
- data/_assets/yarn/throttle-debounce-fn/src/throttle-debounce-fn.js +156 -0
- data/_assets/yarn/turbolinks/LICENSE +20 -0
- data/_assets/yarn/turbolinks/README.md +473 -0
- data/_assets/yarn/turbolinks/dist/turbolinks.js +6 -0
- data/_assets/yarn/turbolinks/src/turbolinks/BANNER.js.erb +4 -0
- data/_assets/yarn/turbolinks/src/turbolinks/VERSION +1 -0
- data/_assets/yarn/turbolinks/src/turbolinks/browser_adapter.coffee +61 -0
- data/_assets/yarn/turbolinks/src/turbolinks/compatibility.coffee +30 -0
- data/_assets/yarn/turbolinks/src/turbolinks/controller.coffee +239 -0
- data/_assets/yarn/turbolinks/src/turbolinks/error_renderer.coffee +21 -0
- data/_assets/yarn/turbolinks/src/turbolinks/head_details.coffee +51 -0
- data/_assets/yarn/turbolinks/src/turbolinks/helpers.coffee +57 -0
- data/_assets/yarn/turbolinks/src/turbolinks/history.coffee +48 -0
- data/_assets/yarn/turbolinks/src/turbolinks/http_request.coffee +88 -0
- data/_assets/yarn/turbolinks/src/turbolinks/index.coffee +18 -0
- data/_assets/yarn/turbolinks/src/turbolinks/location.coffee +70 -0
- data/_assets/yarn/turbolinks/src/turbolinks/progress_bar.coffee +83 -0
- data/_assets/yarn/turbolinks/src/turbolinks/renderer.coffee +27 -0
- data/_assets/yarn/turbolinks/src/turbolinks/scroll_manager.coffee +28 -0
- data/_assets/yarn/turbolinks/src/turbolinks/snapshot.coffee +47 -0
- data/_assets/yarn/turbolinks/src/turbolinks/snapshot_cache.coffee +43 -0
- data/_assets/yarn/turbolinks/src/turbolinks/snapshot_renderer.coffee +88 -0
- data/_assets/yarn/turbolinks/src/turbolinks/start.coffee +18 -0
- data/_assets/yarn/turbolinks/src/turbolinks/view.coffee +34 -0
- data/_assets/yarn/turbolinks/src/turbolinks/visit.coffee +162 -0
- data/_assets/yarn/webfontloader/CHANGELOG +419 -0
- data/_assets/yarn/webfontloader/LICENSE +176 -0
- data/_assets/yarn/webfontloader/README.md +394 -0
- data/_assets/yarn/webfontloader/package.json +37 -0
- data/_assets/yarn/webfontloader/src/closure.js +2 -0
- data/_assets/yarn/webfontloader/src/core/cssclassname.js +46 -0
- data/_assets/yarn/webfontloader/src/core/domhelper.js +405 -0
- data/_assets/yarn/webfontloader/src/core/eventdispatcher.js +195 -0
- data/_assets/yarn/webfontloader/src/core/font.js +140 -0
- data/_assets/yarn/webfontloader/src/core/fontmodule.js +16 -0
- data/_assets/yarn/webfontloader/src/core/fontmoduleloader.js +47 -0
- data/_assets/yarn/webfontloader/src/core/fontruler.js +60 -0
- data/_assets/yarn/webfontloader/src/core/fontwatcher.js +171 -0
- data/_assets/yarn/webfontloader/src/core/fontwatchrunner.js +249 -0
- data/_assets/yarn/webfontloader/src/core/initialize.js +97 -0
- data/_assets/yarn/webfontloader/src/core/nativefontwatchrunner.js +69 -0
- data/_assets/yarn/webfontloader/src/core/stylesheetwaiter.js +48 -0
- data/_assets/yarn/webfontloader/src/core/webfont.js +97 -0
- data/_assets/yarn/webfontloader/src/modules/custom.js +63 -0
- data/_assets/yarn/webfontloader/src/modules/fontdeck.js +66 -0
- data/_assets/yarn/webfontloader/src/modules/google/fontapiparser.js +181 -0
- data/_assets/yarn/webfontloader/src/modules/google/fontapiurlbuilder.js +77 -0
- data/_assets/yarn/webfontloader/src/modules/google/googlefontapi.js +54 -0
- data/_assets/yarn/webfontloader/src/modules/monotype.js +110 -0
- data/_assets/yarn/webfontloader/src/modules/typekit.js +73 -0
- data/_assets/yarn/webfontloader/webfontloader.js +17 -0
- data/_includes/footer.html +7 -0
- data/_includes/head.html +41 -0
- data/_includes/image.html +5 -0
- data/_includes/javascript.html +1 -0
- data/_includes/javascripts.html +19 -0
- data/_includes/navigation.html +75 -0
- data/_includes/stylesheet.html +1 -0
- data/_layouts/articles_by_tag.html +38 -0
- data/_layouts/default.html +16 -0
- data/_layouts/post.html +65 -0
- data/about.html +18 -0
- data/favicon.ico +0 -0
- data/feed.xml +20 -0
- data/index.html +49 -0
- data/robots.txt +5 -0
- metadata +596 -0
@@ -0,0 +1,15 @@
|
|
1
|
+
import buble from 'rollup-plugin-buble'
|
2
|
+
import json from 'rollup-plugin-json'
|
3
|
+
import nodeResolve from 'rollup-plugin-node-resolve'
|
4
|
+
|
5
|
+
export default {
|
6
|
+
entry: './src/index.js',
|
7
|
+
plugins: [
|
8
|
+
json(),
|
9
|
+
nodeResolve({ jsnext: true, main: true }),
|
10
|
+
buble(),
|
11
|
+
],
|
12
|
+
format: 'iife',
|
13
|
+
moduleName: 'ScrollReveal',
|
14
|
+
dest: './.ignore/sandbox/js/scrollreveal.js',
|
15
|
+
}
|
@@ -0,0 +1,268 @@
|
|
1
|
+
|
2
|
+
# Changelog
|
3
|
+
|
4
|
+
### 3.3.5 - _2017, February 18th
|
5
|
+
|
6
|
+
Includes patchwork up to 3.3.5.
|
7
|
+
|
8
|
+
#### Features
|
9
|
+
|
10
|
+
- **[#273](https://github.com/jlmakes/scrollreveal.js/issues/273) New Callbacks:** `beforeReveal(el)`
|
11
|
+
- **[#273](https://github.com/jlmakes/scrollreveal.js/issues/273) New Callback:** `beforeReset(el)`
|
12
|
+
|
13
|
+
_Example:_
|
14
|
+
|
15
|
+
```js
|
16
|
+
// Let’s see all 4 together now...
|
17
|
+
sr.reveal('.foo', {
|
18
|
+
beforeReveal: (el) => console.log('Reveal started...'),
|
19
|
+
afterReveal: (el) => console.log('Reveal complete.'),
|
20
|
+
beforeReset: (el) => console.log('Reset triggered...'),
|
21
|
+
afterReset: (el) => console.log('Reset complete.')
|
22
|
+
})
|
23
|
+
```
|
24
|
+
|
25
|
+
#### Fixes
|
26
|
+
|
27
|
+
- *Functionality*: The default `config.container` now recognizes selectors (Fixes [#289](https://github.com/jlmakes/scrollreveal.js/issues/289))
|
28
|
+
- *Compatibility*: Added missing trailing semi-colon (Fixes [#278](https://github.com/jlmakes/scrollreveal.js/issues/278))
|
29
|
+
|
30
|
+
### 3.2.0 — _2016, July 8th_
|
31
|
+
|
32
|
+
Includes patchwork up to 3.1.5.
|
33
|
+
|
34
|
+
#### Features
|
35
|
+
|
36
|
+
- **Reveal Node Lists**: Add support for `Node List` objects as the first parameter of `reveal()`
|
37
|
+
```js
|
38
|
+
var elemList = document.querySelectorAll('.selector');
|
39
|
+
sr.reveal(elemList);
|
40
|
+
```
|
41
|
+
|
42
|
+
- **Version Check**: Easily check which version of ScrollReveal you’re running.
|
43
|
+
```js
|
44
|
+
sr.version // e.g. returns 3.2.0
|
45
|
+
```
|
46
|
+
|
47
|
+
#### Fixes
|
48
|
+
|
49
|
+
- *Compatibility*: Replace automatic module wrapper with a manual solution (Fixes [#253](https://github.com/jlmakes/scrollreveal.js/issues/253))
|
50
|
+
- *Functionality*: Fix `config.distance` values when `config.origin` is `top` or `left`.(Fixes [#270](https://github.com/jlmakes/scrollreveal.js/issues/270))
|
51
|
+
- *Functionality*: Correctly record the interval argument for `sync()` (Fixes [#268](https://github.com/jlmakes/scrollreveal.js/issues/268))
|
52
|
+
- *Functionality*: Fix animation sequence with `config.reset` (Fixes [#241](https://github.com/jlmakes/scrollreveal.js/issues/241))
|
53
|
+
|
54
|
+
#### Improvements
|
55
|
+
|
56
|
+
- *Compatibility*: Add `requestAnimationFrame` fallback. (Resolves [#267](https://github.com/jlmakes/scrollreveal.js/issues/267))
|
57
|
+
- *Functionality*: Remove `console.log()` from minified distribution (Fixes [#235](https://github.com/jlmakes/scrollreveal.js/issues/235))
|
58
|
+
|
59
|
+
### 3.1.0 — _2016, February 22nd_
|
60
|
+
|
61
|
+
Includes patchwork up to 3.0.9.
|
62
|
+
|
63
|
+
|
64
|
+
#### Features
|
65
|
+
|
66
|
+
- **Sequences**: New 3rd argument in `reveal()` to automate sequenced animation setup.
|
67
|
+
```html
|
68
|
+
<!-- example.html -->
|
69
|
+
<div class="sequenced"> Foo </div>
|
70
|
+
<div class="sequenced"> Bar </div>
|
71
|
+
<div class="sequenced"> Bun </div>
|
72
|
+
```
|
73
|
+
```js
|
74
|
+
// scripts.js
|
75
|
+
sr.reveal('.sequenced', { reset: false }, 1000);
|
76
|
+
```
|
77
|
+
|
78
|
+
- **Container Selectors**: Add support for `string` selectors to define `config.container`
|
79
|
+
|
80
|
+
```js
|
81
|
+
window sr = ScrollReveal({ container: '.container' });
|
82
|
+
// or
|
83
|
+
sr.reveal('.foo', { container: '.fooContainer' });
|
84
|
+
```
|
85
|
+
|
86
|
+
- **Reveal Nodes**: Add support for `Node` objects as the first parameter of `reveal()`
|
87
|
+
|
88
|
+
```js
|
89
|
+
// What you’re used to...
|
90
|
+
sr.reveal('.myElem');
|
91
|
+
|
92
|
+
// New! Pass a Node (works great with React!)
|
93
|
+
var myElem = document.querySelector('.myElem');
|
94
|
+
sr.reveal(myElem);
|
95
|
+
|
96
|
+
```
|
97
|
+
|
98
|
+
|
99
|
+
#### Fixes
|
100
|
+
|
101
|
+
- *Functionality*: Add missing support for `config.mobile` (Fixes [#216](https://github.com/jlmakes/scrollreveal.js/issues/216))
|
102
|
+
- *Functionality*: Return correct value when checking element visibility. (Fixes [#193](https://github.com/jlmakes/scrollreveal.js/issues/193), [#196](https://github.com/jlmakes/scrollreveal.js/issues/196))
|
103
|
+
- *Functionality*: Improve runtime for chained `reveal()` calls. (Fixes [#212](https://github.com/jlmakes/scrollreveal.js/issues/212))
|
104
|
+
- *Compatibility*: Debug Internet Explorer 9. (Fixes [#230](https://github.com/jlmakes/scrollreveal.js/pull/230))
|
105
|
+
- *Compatibility*: Debug Chrome on iOS. (Fixes [#196](https://github.com/jlmakes/scrollreveal.js/issues/196))
|
106
|
+
- *Compatibility*: Explicitly reference `window` object.
|
107
|
+
- *Compatibility*: Adjust AMD configuration for Webpack (Fixes [#209](https://github.com/jlmakes/scrollreveal.js/issues/209))
|
108
|
+
|
109
|
+
#### Improvements
|
110
|
+
|
111
|
+
- *Functionality*: Overwrite (instead of destroy) existing transition styles. (Resolves [#197](https://github.com/jlmakes/scrollreveal.js/issues/197))
|
112
|
+
- *Functionality*: Fail silently with `console.log` instead of `console.warn`
|
113
|
+
- *Performance*: Refactored initialization when using `sync()`
|
114
|
+
- *Performance*: Improve accuracy of callback timers.
|
115
|
+
|
116
|
+
### 3.0.0 — _2015, December 15th_
|
117
|
+
|
118
|
+
>**Note:** Version 3 is _not backwards compatible_ with version 2.
|
119
|
+
|
120
|
+
Reimagining ScrollReveal for vastly improved flexibility and maintainability! :bow:
|
121
|
+
|
122
|
+
#### _Breaking Changes!!_
|
123
|
+
|
124
|
+
- `config` object has been completely overhauled.
|
125
|
+
- `config.enter` renamed `config.origin`
|
126
|
+
- `config.wait` renamed `config.delay`
|
127
|
+
- `config.delay` renamed `config.useDelay`
|
128
|
+
- `config.over` renamed `config.duration`
|
129
|
+
- `config.move` renamed `config.distance`
|
130
|
+
- `config.viewport` renamed `config.container`
|
131
|
+
- `config.vFactor` renamed `config.viewFactor`
|
132
|
+
- `config.complete` renamed `config.afterReveal`
|
133
|
+
- Time values are now expected in milliseconds (instead of `string`)
|
134
|
+
- e.g. `config.wait = "0.5s"` is now `config.delay = 500`
|
135
|
+
- `config.scale` expects value type `number` (instead of `Object`)
|
136
|
+
- e.g. `config.scale = { direction: 'up', power: '10%' }` is now `config.scale = 0.9`
|
137
|
+
- `config.rotation` axis values require `string` with unit type (instead of `number`)
|
138
|
+
- e.g. `config.rotation.x = 10` is now `config.rotation.x = "10deg"`
|
139
|
+
- ScrollReveal constructor is now capitalized.
|
140
|
+
- e.g. `window.sr = ScrollReveal();`
|
141
|
+
- `data-sr` attribute and all **keywords are no longer used**. Instead, use classes and JavaScript.
|
142
|
+
|
143
|
+
_Example using version 2.3.2 (deprecated)_
|
144
|
+
```html
|
145
|
+
<!-- old.html -->
|
146
|
+
<div data-sr="enter bottom over 2s and wait 1s"> Bad Foo </div>
|
147
|
+
<div data-sr="enter bottom over 2s and wait 1s"> Bad Bar </div>
|
148
|
+
```
|
149
|
+
```js
|
150
|
+
// old.js
|
151
|
+
window.sr = scrollReveal();
|
152
|
+
sr.init();
|
153
|
+
```
|
154
|
+
|
155
|
+
_Example using version 3.0.0_
|
156
|
+
```html
|
157
|
+
<!-- new.html -->
|
158
|
+
<div class="myReveal"> Good Foo </div>
|
159
|
+
<div class="myReveal"> Good Bar </div>
|
160
|
+
```
|
161
|
+
```js
|
162
|
+
// new.js
|
163
|
+
window.sr = ScrollReveal();
|
164
|
+
sr.reveal('.myReveal', { origin: 'bottom', duration: 2000, delay: 1000 });
|
165
|
+
```
|
166
|
+
|
167
|
+
#### Features
|
168
|
+
|
169
|
+
- **JavaScript API**: All new developer interface. (Resolves [#1](https://github.com/jlmakes/scrollreveal.js/issues/1), [#122](https://github.com/jlmakes/scrollreveal.js/issues/122))
|
170
|
+
- Easily configure (and re-configure) multiple reveal sets
|
171
|
+
- Makes working with aysnchronous content a breeze
|
172
|
+
- Drastically cleaner markup
|
173
|
+
- **Horizontal Scrolling**: Add support for horizontal scrolling. (Resolves [#184](https://github.com/jlmakes/scrollreveal.js/issues/184))
|
174
|
+
- **New Callback**: `config.afterReset` — triggers when an element completely resets.
|
175
|
+
|
176
|
+
#### Improvements
|
177
|
+
|
178
|
+
- *Performance*: 44% smaller, only 2.8KB minified and g-zipped.
|
179
|
+
- *Functionality*: Reveals now resolve to the element’s computed opacity, instead of `1`. (Resolves [#185](https://github.com/jlmakes/scrollreveal.js/issues/185))
|
180
|
+
- *Functionality*: The reliability of callback timers has been greatly improved.
|
181
|
+
|
182
|
+
***
|
183
|
+
|
184
|
+
### 2.3.2 — _2015, June 15th_
|
185
|
+
|
186
|
+
The latest stable build of version 2. See [Legacy Documentation (v2.x)](https://github.com/jlmakes/scrollreveal.js/wiki)
|
187
|
+
|
188
|
+
>**Note:** There were some issues publishing this version on Bower, and so `v2.3.2` was patched to `v2.3.3` to get it back on Bower. There is no meaningful difference between the two.
|
189
|
+
|
190
|
+
#### Features
|
191
|
+
|
192
|
+
- Support instantiation without `new` keyword. (Pull request [#148](https://github.com/jlmakes/scrollreveal.js/pull/230))
|
193
|
+
|
194
|
+
```js
|
195
|
+
window.sr = new scrollReveal();
|
196
|
+
// or...
|
197
|
+
window.sr = scrollReveal();
|
198
|
+
```
|
199
|
+
|
200
|
+
***
|
201
|
+
|
202
|
+
### 2.3.0 — _2015, April 25th_
|
203
|
+
|
204
|
+
#### Features
|
205
|
+
|
206
|
+
- **New Keyword** `opacity` — control animation starting opacity. (Resolves [#95](https://github.com/jlmakes/scrollreveal.js/issues/95))
|
207
|
+
- e.g. `data-sr="opacity 0.5"`
|
208
|
+
- **New Keywords** `vFactor`, `vF` — control element view factor. (Resolves [#94](https://github.com/jlmakes/scrollreveal.js/issues/94), [#142](https://github.com/jlmakes/scrollreveal.js/issues/142))
|
209
|
+
- e.g. `data-sr="vF 0.3"`)
|
210
|
+
|
211
|
+
#### _(Hardly) Breaking Changes!_
|
212
|
+
- Removed `hustle` keyword, admit it—you didn’t even know it existed.
|
213
|
+
|
214
|
+
***
|
215
|
+
|
216
|
+
### 2.2.0 — _2015, March 18th_
|
217
|
+
|
218
|
+
#### Features
|
219
|
+
|
220
|
+
- **New Keywords** `spin`, `roll`, `flip` — control rotation during animation. ([#138](https://github.com/jlmakes/scrollreveal.js/pull/138))
|
221
|
+
- e.g. `data-sr="roll 20deg"`
|
222
|
+
- Special thanks to **[@satrun77](https://github.com/satrun77)** ([#119](https://github.com/jlmakes/scrollreveal.js/pull/119))
|
223
|
+
|
224
|
+
***
|
225
|
+
|
226
|
+
### 2.1.0 — _2014, November 25th_
|
227
|
+
|
228
|
+
Includes patchwork up to 2.0.5.
|
229
|
+
|
230
|
+
#### Fixes
|
231
|
+
- *Functionality*: Add missing custom viewport event bindings
|
232
|
+
- *Functionality*: Add tablets to mobile device user agent regex (Fixes [#81](https://github.com/jlmakes/scrollreveal.js/issues/81))
|
233
|
+
- *Functionality*: Better handle previously initialized nodes (Fixes [#98](https://github.com/jlmakes/scrollreveal.js/issues/98))
|
234
|
+
- *Functionality*: Refactor animator. (Fixes [#96](https://github.com/jlmakes/scrollreveal.js/issues/96))
|
235
|
+
- Bug source: [setTimeout in for-loop does not print consecutive values](http://stackoverflow.com/questions/5226285/settimeout-in-for-loop-does-not-print-consecutive-values)
|
236
|
+
- *Compatibility*: Update Bower and NPM `/dist` paths
|
237
|
+
|
238
|
+
#### Improvements
|
239
|
+
|
240
|
+
- *Performance*: Remove `data-sr` attributes from the DOM that have already registered (Resolves [#100](https://github.com/jlmakes/scrollreveal.js/issues/100))
|
241
|
+
- *Functionality*: Requires CSS Transition support. (Resolves [#109](https://github.com/jlmakes/scrollreveal.js/issues/109))
|
242
|
+
|
243
|
+
***
|
244
|
+
|
245
|
+
### 2.0.0 — _2014, October 17th_
|
246
|
+
|
247
|
+
A significant re-write of the public beta, based on 8 months of feedback! :bow:
|
248
|
+
|
249
|
+
#### _Breaking Changes!!_
|
250
|
+
|
251
|
+
- `data-scroll-reveal` attribute renamed to `data-sr`.
|
252
|
+
- `wait` and `after` keywords were redundant; `after` has been removed.
|
253
|
+
```html
|
254
|
+
<!-- Don’t do this anymore... -->
|
255
|
+
<div data-scroll-reveal="after 1s"> Bad </div>
|
256
|
+
|
257
|
+
<!-- Do this :) -->
|
258
|
+
<div data-sr="wait 1s"> Good </div>
|
259
|
+
```
|
260
|
+
|
261
|
+
#### Features
|
262
|
+
- **New Keyword**: `scale` — control size during animation.
|
263
|
+
- e.g. `data-sr="scale up 20%"`
|
264
|
+
- **Delay Types**: Control when elements will `wait` using `config.delay`
|
265
|
+
- e.g. `onload`, `once`, and `always`
|
266
|
+
- **Mobile Support**: `config.mobile` — easily enable/disable ScrollReveal on mobile devices.
|
267
|
+
- **Custom Viewports**: `config.viewport` — accepts any DOM node as the parent container.
|
268
|
+
- **New Callback**: `config.complete` — triggers after an element completes its reveal.
|
@@ -0,0 +1,12 @@
|
|
1
|
+
License
|
2
|
+
-------
|
3
|
+
|
4
|
+
The MIT License
|
5
|
+
|
6
|
+
Copyright 2016 Julian Lloyd
|
7
|
+
|
8
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
9
|
+
|
10
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
11
|
+
|
12
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
@@ -0,0 +1,413 @@
|
|
1
|
+
[![ScrollReveal — Easy scroll animations for web and mobile browsers.](https://scrollrevealjs.org/assets/scrollreveal-repo-header.png)](https://scrollrevealjs.org)
|
2
|
+
|
3
|
+
[![ScrollReveal Demo](https://scrollrevealjs.org/assets/scrollreveal-demo.png)](https://scrollrevealjs.org)
|
4
|
+
|
5
|
+
***
|
6
|
+
|
7
|
+
[![License][license-image]][license-url]
|
8
|
+
[![NPM version][npm-image]][npm-url]
|
9
|
+
[![NPM downloads][downloads-image]][downloads-url]
|
10
|
+
|
11
|
+
- 3.3KB minified and Gzipped
|
12
|
+
- No dependencies
|
13
|
+
- From the ![heart](http://i.imgur.com/oXJmdtz.gif) of [@jlmakes](https://twitter.com/jlmakes)
|
14
|
+
|
15
|
+
***
|
16
|
+
|
17
|
+
## 1. Getting Started
|
18
|
+
|
19
|
+
#### 1.1. Installation
|
20
|
+
|
21
|
+
The simplest method is to copy paste this snippet just before your closing `</body>` tag.
|
22
|
+
|
23
|
+
```html
|
24
|
+
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
|
25
|
+
```
|
26
|
+
|
27
|
+
But you can also:
|
28
|
+
|
29
|
+
- [Download ZIP](https://github.com/jlmakes/scrollreveal.js/archive/master.zip)
|
30
|
+
- `npm install scrollreveal`
|
31
|
+
- `bower install scrollreveal`
|
32
|
+
|
33
|
+
#### 1.2. The Basics
|
34
|
+
|
35
|
+
The `reveal()` method is the primary API, and makes it easy to create and manage various types of animations.
|
36
|
+
|
37
|
+
```html
|
38
|
+
<!-- HTML -->
|
39
|
+
<div class="foo"> Foo </div>
|
40
|
+
<div class="bar"> Bar </div>
|
41
|
+
```
|
42
|
+
```js
|
43
|
+
// JavaScript
|
44
|
+
window.sr = ScrollReveal();
|
45
|
+
sr.reveal('.foo');
|
46
|
+
sr.reveal('.bar');
|
47
|
+
```
|
48
|
+
|
49
|
+
## 2. Configuration
|
50
|
+
Passing a configuration object to `ScrollReveal()` changes the defaults for all reveals, and passing `reveal()` a configuration object customizes that reveal set further.
|
51
|
+
|
52
|
+
#### 2.1. Practical Example
|
53
|
+
```js
|
54
|
+
// Changing the defaults
|
55
|
+
window.sr = ScrollReveal({ reset: true });
|
56
|
+
|
57
|
+
// Customizing a reveal set
|
58
|
+
sr.reveal('.foo', { duration: 200 });
|
59
|
+
```
|
60
|
+
|
61
|
+
#### 2.2. The Starting Defaults
|
62
|
+
```js
|
63
|
+
// 'bottom', 'left', 'top', 'right'
|
64
|
+
origin: 'bottom',
|
65
|
+
|
66
|
+
// Can be any valid CSS distance, e.g. '5rem', '10%', '20vw', etc.
|
67
|
+
distance: '20px',
|
68
|
+
|
69
|
+
// Time in milliseconds.
|
70
|
+
duration: 500,
|
71
|
+
delay: 0,
|
72
|
+
|
73
|
+
// Starting angles in degrees, will transition from these values to 0 in all axes.
|
74
|
+
rotate: { x: 0, y: 0, z: 0 },
|
75
|
+
|
76
|
+
// Starting opacity value, before transitioning to the computed opacity.
|
77
|
+
opacity: 0,
|
78
|
+
|
79
|
+
// Starting scale value, will transition from this value to 1
|
80
|
+
scale: 0.9,
|
81
|
+
|
82
|
+
// Accepts any valid CSS easing, e.g. 'ease', 'ease-in-out', 'linear', etc.
|
83
|
+
easing: 'cubic-bezier(0.6, 0.2, 0.1, 1)',
|
84
|
+
|
85
|
+
// `<html>` is the default reveal container. You can pass either:
|
86
|
+
// DOM Node, e.g. document.querySelector('.fooContainer')
|
87
|
+
// Selector, e.g. '.fooContainer'
|
88
|
+
container: window.document.documentElement,
|
89
|
+
|
90
|
+
// true/false to control reveal animations on mobile.
|
91
|
+
mobile: true,
|
92
|
+
|
93
|
+
// true: reveals occur every time elements become visible
|
94
|
+
// false: reveals occur once as elements become visible
|
95
|
+
reset: false,
|
96
|
+
|
97
|
+
// 'always' — delay for all reveal animations
|
98
|
+
// 'once' — delay only the first time reveals occur
|
99
|
+
// 'onload' - delay only for animations triggered by first load
|
100
|
+
useDelay: 'always',
|
101
|
+
|
102
|
+
// Change when an element is considered in the viewport. The default value
|
103
|
+
// of 0.20 means 20% of an element must be visible for its reveal to occur.
|
104
|
+
viewFactor: 0.2,
|
105
|
+
|
106
|
+
// Pixel values that alter the container boundaries.
|
107
|
+
// e.g. Set `{ top: 48 }`, if you have a 48px tall fixed toolbar.
|
108
|
+
// --
|
109
|
+
// Visual Aid: https://scrollrevealjs.org/assets/viewoffset.png
|
110
|
+
viewOffset: { top: 0, right: 0, bottom: 0, left: 0 },
|
111
|
+
|
112
|
+
// Callbacks that fire for each triggered element reveal, and reset.
|
113
|
+
beforeReveal: function (domEl) {},
|
114
|
+
beforeReset: function (domEl) {},
|
115
|
+
|
116
|
+
// Callbacks that fire for each completed element reveal, and reset.
|
117
|
+
afterReveal: function (domEl) {},
|
118
|
+
afterReset: function (domEl) {}
|
119
|
+
```
|
120
|
+
|
121
|
+
## 3. Advanced
|
122
|
+
|
123
|
+
#### 3.1. Sequenced Animations
|
124
|
+
|
125
|
+
You can pass a sequence interval (in milliseconds) to the `reveal()` method, making sequenced animations a breeze.
|
126
|
+
|
127
|
+
>**Note:** The interval is the time until the next element in the sequence begins its reveal, which is separate from the time until the element’s animation completes. In this example, the animation duration is 2 seconds, but the sequence interval is 50 milliseconds.
|
128
|
+
|
129
|
+
```js
|
130
|
+
// interval passed to reveal
|
131
|
+
window.sr = ScrollReveal({ duration: 2000 });
|
132
|
+
sr.reveal('.box', 50);
|
133
|
+
|
134
|
+
// or...
|
135
|
+
|
136
|
+
// interval and custom config passed to reveal
|
137
|
+
window.sr = ScrollReveal();
|
138
|
+
sr.reveal('.box', { duration: 2000 }, 50);
|
139
|
+
```
|
140
|
+
|
141
|
+
![sequencer](https://cloud.githubusercontent.com/assets/2044842/13556788/a7dda6c6-e3e2-11e5-93fa-d6a227cbb5dc.gif)
|
142
|
+
|
143
|
+
#### 3.2. Working With DOM Nodes
|
144
|
+
|
145
|
+
You are not just limited to using selectors with `reveal()`, it also accepts a Node or Node List as the first argument.
|
146
|
+
|
147
|
+
```js
|
148
|
+
sr.reveal(document.getElementById('foo'));
|
149
|
+
sr.reveal(document.querySelectorAll('.bar'));
|
150
|
+
```
|
151
|
+
|
152
|
+
#### 3.3. Custom/Multiple Containers
|
153
|
+
|
154
|
+
The default container is the viewport, but you can assign any container to any reveal set.
|
155
|
+
|
156
|
+
>**Tip:** ScrollReveal works just as well with horizontally scrolling containers too!
|
157
|
+
|
158
|
+
```html
|
159
|
+
<div id="fooContainer">
|
160
|
+
<div class="foo"> Foo 1 </div>
|
161
|
+
<div class="foo"> Foo 2 </div>
|
162
|
+
<div class="foo"> Foo 3 </div>
|
163
|
+
</div>
|
164
|
+
|
165
|
+
<div id="barContainer">
|
166
|
+
<div class="bar"> Bar 1 </div>
|
167
|
+
<div class="bar"> Bar 2 </div>
|
168
|
+
<div class="bar"> Bar 3 </div>
|
169
|
+
</div>
|
170
|
+
```
|
171
|
+
```js
|
172
|
+
window.sr = ScrollReveal();
|
173
|
+
|
174
|
+
// as a DOM node...
|
175
|
+
var fooContainer = document.getElementById('fooContainer');
|
176
|
+
sr.reveal('.foo', { container: fooContainer });
|
177
|
+
|
178
|
+
// as a selector...
|
179
|
+
sr.reveal('.bar', { container: '#barContainer' });
|
180
|
+
```
|
181
|
+
|
182
|
+
#### 3.4. Asynchronous Content
|
183
|
+
|
184
|
+
The `sync()` method updates asynchronously loaded content with any existing reveal sets.
|
185
|
+
|
186
|
+
_Example:_
|
187
|
+
|
188
|
+
```html
|
189
|
+
<!-- index.html -->
|
190
|
+
<div id="fooContainer">
|
191
|
+
<div class="foo">foo</div>
|
192
|
+
<div class="foo">foo</div>
|
193
|
+
<div class="foo">foo</div>
|
194
|
+
</div>
|
195
|
+
|
196
|
+
<!-- ajax.html -->
|
197
|
+
<div class="foo">foo async</div>
|
198
|
+
<div class="foo">foo async</div>
|
199
|
+
<div class="foo">foo async</div>
|
200
|
+
```
|
201
|
+
```js
|
202
|
+
var fooContainer, content, sr, xmlhttp;
|
203
|
+
|
204
|
+
fooContainer = document.getElementById('fooContainer');
|
205
|
+
|
206
|
+
sr = ScrollReveal();
|
207
|
+
sr.reveal('.foo', { container: fooContainer });
|
208
|
+
|
209
|
+
// Setup a new asynchronous request...
|
210
|
+
xmlhttp = new XMLHttpRequest();
|
211
|
+
xmlhttp.onreadystatechange = function() {
|
212
|
+
if (xmlhttp.readyState == XMLHttpRequest.DONE) {
|
213
|
+
if (xmlhttp.status == 200) {
|
214
|
+
|
215
|
+
// Turn our response into HTML...
|
216
|
+
var content = document.createElement('div');
|
217
|
+
content.innerHTML = xmlhttp.responseText;
|
218
|
+
content = content.childNodes;
|
219
|
+
|
220
|
+
// Add each element to the DOM...
|
221
|
+
for (var i = 0; i < content.length; i++) {
|
222
|
+
fooContainer.appendChild(content[ i ]);
|
223
|
+
};
|
224
|
+
|
225
|
+
// Finally!
|
226
|
+
sr.sync();
|
227
|
+
}
|
228
|
+
}
|
229
|
+
}
|
230
|
+
|
231
|
+
xmlhttp.open('GET', 'ajax.html', true);
|
232
|
+
xmlhttp.send();
|
233
|
+
```
|
234
|
+
|
235
|
+
## 4. Tips
|
236
|
+
|
237
|
+
#### 4.1. Order Matters
|
238
|
+
|
239
|
+
It’s important that `reveal()` calls be made as close to last in your page as possible, so that:
|
240
|
+
|
241
|
+
- Elements on the page have loaded
|
242
|
+
- Any other 3rd party libraries have had a chance to run
|
243
|
+
- Any other styles added to your elements wont be overwritten
|
244
|
+
|
245
|
+
_Example:_
|
246
|
+
|
247
|
+
```html
|
248
|
+
<!DOCTYPE html>
|
249
|
+
<html>
|
250
|
+
<head>
|
251
|
+
<!-- load and instantiate ScrollReveal first -->
|
252
|
+
<script src="js/scrollreveal.min.js"></script>
|
253
|
+
<script>
|
254
|
+
window.sr = ScrollReveal();
|
255
|
+
</script>
|
256
|
+
</head>
|
257
|
+
<body>
|
258
|
+
|
259
|
+
<div class="fooContainer">
|
260
|
+
<div class="fooReveal"> Foo </div>
|
261
|
+
<div class="fooReveal"> Foo </div>
|
262
|
+
<div class="fooReveal"> Foo </div>
|
263
|
+
</div>
|
264
|
+
|
265
|
+
<!-- make reveal calls last -->
|
266
|
+
<script>
|
267
|
+
sr.reveal('.fooReveal', { container: '.fooContainer' });
|
268
|
+
</script>
|
269
|
+
|
270
|
+
</body>
|
271
|
+
</html>
|
272
|
+
```
|
273
|
+
|
274
|
+
#### 4.2. Improve User Experience
|
275
|
+
|
276
|
+
In most cases, your elements will start at `opacity: 0` so they can fade in. However, since JavaScript loads after the page begins rendering, you might see your elements flickering as they begin rendering before being hidden by ScrollReveal's JavaScript.
|
277
|
+
|
278
|
+
The ideal solution is to **set your reveal elements visibility to hidden** in the `<head>` of your page, to ensure they render hidden while your JavaScript loads:
|
279
|
+
|
280
|
+
_Continuing our example from 4.1._
|
281
|
+
```html
|
282
|
+
<!DOCTYPE html>
|
283
|
+
<html>
|
284
|
+
<head>
|
285
|
+
<!-- load and instantiate ScrollReveal first -->
|
286
|
+
<script src="js/scrollreveal.min.js"></script>
|
287
|
+
<script>
|
288
|
+
window.sr = ScrollReveal();
|
289
|
+
|
290
|
+
// Add class to <html> if ScrollReveal is supported
|
291
|
+
// Note: this method is deprecated, and only works in version 3
|
292
|
+
if (sr.isSupported()) {
|
293
|
+
document.documentElement.classList.add('sr');
|
294
|
+
}
|
295
|
+
|
296
|
+
</script>
|
297
|
+
|
298
|
+
<style>
|
299
|
+
|
300
|
+
/* Ensure elements load hidden before ScrollReveal runs */
|
301
|
+
.sr .fooReveal { visibility: hidden; }
|
302
|
+
|
303
|
+
</style>
|
304
|
+
|
305
|
+
</head>
|
306
|
+
<body>
|
307
|
+
|
308
|
+
<div class="fooContainer">
|
309
|
+
<div class="fooReveal"> Foo </div>
|
310
|
+
<div class="fooReveal"> Foo </div>
|
311
|
+
<div class="fooReveal"> Foo </div>
|
312
|
+
</div>
|
313
|
+
|
314
|
+
<!-- make reveal calls last -->
|
315
|
+
<script>
|
316
|
+
sr.reveal('.fooReveal', { container: '.fooContainer' });
|
317
|
+
</script>
|
318
|
+
|
319
|
+
</body>
|
320
|
+
</html>
|
321
|
+
```
|
322
|
+
>**Note:** If you prefer not to put styles in the `<head>` of your page, including this style in your primary stylesheet will still help with element flickering since your CSS will likely load before your JavaScript.
|
323
|
+
|
324
|
+
#### 4.3. Add Perspective to 3D Rotation
|
325
|
+
|
326
|
+
ScrollReveal supports 3d rotation out of the box, but you may want to emphasize the effect by specifying a perspective property on your container.
|
327
|
+
|
328
|
+
_Continuing our example from 4.2._
|
329
|
+
```html
|
330
|
+
<!DOCTYPE html>
|
331
|
+
<html>
|
332
|
+
<head>
|
333
|
+
<!-- load and instantiate ScrollReveal first -->
|
334
|
+
<script src="js/scrollreveal.min.js"></script>
|
335
|
+
<script>
|
336
|
+
window.sr = ScrollReveal();
|
337
|
+
|
338
|
+
// Add class to <html> if ScrollReveal is supported
|
339
|
+
// Note: this method is deprecated, and only works in version 3
|
340
|
+
if (sr.isSupported()) {
|
341
|
+
document.documentElement.classList.add('sr');
|
342
|
+
}
|
343
|
+
|
344
|
+
</script>
|
345
|
+
|
346
|
+
<style>
|
347
|
+
|
348
|
+
/* Ensure elements load hidden before ScrollReveal runs */
|
349
|
+
.sr .fooReveal { visibility: hidden; }
|
350
|
+
|
351
|
+
/* add perspective to your container */
|
352
|
+
.fooContainer { perspective: 800px; }
|
353
|
+
|
354
|
+
</style>
|
355
|
+
|
356
|
+
</head>
|
357
|
+
<body>
|
358
|
+
|
359
|
+
<div class="fooContainer">
|
360
|
+
<div class="fooReveal"> Foo </div>
|
361
|
+
<div class="fooReveal"> Foo </div>
|
362
|
+
<div class="fooReveal"> Foo </div>
|
363
|
+
</div>
|
364
|
+
|
365
|
+
<!-- make reveal calls last -->
|
366
|
+
<script>
|
367
|
+
// use rotation in reveal configuration
|
368
|
+
sr.reveal('.fooReveal', { container: '.fooContainer', rotate: {x: 65} });
|
369
|
+
</script>
|
370
|
+
|
371
|
+
</body>
|
372
|
+
</html>
|
373
|
+
```
|
374
|
+
|
375
|
+
## 5. Appendix
|
376
|
+
|
377
|
+
Open source under the [MIT License](https://github.com/jlmakes/scrollreveal.js/blob/master/LICENSE.md). ©2014–2016 Julian Lloyd.
|
378
|
+
|
379
|
+
#### 5.1. Browser Compatibility
|
380
|
+
|
381
|
+
ScrollReveal works on any JavaScript enabled browser that supports both [CSS Transform](http://caniuse.com/#search=transform) and [CSS Transition](http://caniuse.com/#search=transitions). This includes Internet Explorer 10+, and most modern desktop and mobile browsers.
|
382
|
+
|
383
|
+
#### 5.2. Issues and Reporting Bugs
|
384
|
+
|
385
|
+
**Please search existing issues, before creating a new one;** every issue is labeled and attended carefully. If you open a duplicate issue, it will be closed immediately.
|
386
|
+
|
387
|
+
If you cannot find your issue/bug in a previous ticket, please include details such as your browser, any other 3rd party JavaScript libraries you are using, and ideally a code sample demonstrating the problem. (Try [JSBin](http://jsbin.com/nuqapopefo/1/edit?html,output))
|
388
|
+
|
389
|
+
#### 5.3. Pull Requests
|
390
|
+
|
391
|
+
Feeling inspired? Please contribute! Optimizations, compatibility and bug fixes are greatly preferred over new features, but don’t be shy. One thing sorely missing from ScrollReveal right now is a test suite.
|
392
|
+
|
393
|
+
#### 5.4. Showcase
|
394
|
+
|
395
|
+
Here are some cool sites using ScrollReveal:
|
396
|
+
|
397
|
+
- [Sequoia Capital](https://www.sequoiacap.com)
|
398
|
+
- [Andrius Petravic](http://petravic.us/)
|
399
|
+
- [ISPG Co.](http://www.ispg.co/)
|
400
|
+
- [White Rabit Express](https://www.whiterabbitexpress.com/)
|
401
|
+
|
402
|
+
Want to see your page here? Please send me your work (or of others) using ScrollReveal on Twitter ([@jlmakes](https://twitter.com/jlmakes))
|
403
|
+
|
404
|
+
#### 5.5. Special Thanks
|
405
|
+
|
406
|
+
ScrollReveal was inspired by the talented [Manoela Ilic](https://twitter.com/crnacura) and her [cbpScroller.js](http://tympanus.net/codrops/2013/07/18/on-scroll-effect-layout/).
|
407
|
+
|
408
|
+
[license-image]: https://img.shields.io/badge/license-MIT-1283c3.svg
|
409
|
+
[license-url]: https://github.com/jlmakes/scrollreveal.js/blob/master/LICENSE.md
|
410
|
+
[npm-image]: https://img.shields.io/npm/v/scrollreveal.svg?style=flat
|
411
|
+
[npm-url]: https://npmjs.org/package/scrollreveal
|
412
|
+
[downloads-image]: https://img.shields.io/npm/dm/scrollreveal.svg?style=flat
|
413
|
+
[downloads-url]: https://npmjs.org/package/scrollreveal
|