Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

working

  • Loading branch information...
commit 9a8fe5cdcb3aa355ae61082a26865da66d6aeb52 1 parent de4f6df
@calvinmetcalf authored
Showing with 9,554 additions and 469 deletions.
  1. +3 −1 README.md
  2. +9 −0 docpad.cson
  3. +14 −32 package.json
  4. +1 −1  src/documents/index.html.jade
  5. +2 −4 src/documents/multi.html.eco
  6. +3 −0  src/files/deck.js/.gitignore
  7. +278 −0 src/files/deck.js/GPL-license.txt
  8. +21 −0 src/files/deck.js/MIT-license.txt
  9. +64 −0 src/files/deck.js/README.md
  10. +96 −0 src/files/deck.js/boilerplate.html
  11. +407 −0 src/files/deck.js/core/deck.core.css
  12. +498 −0 src/files/deck.js/core/deck.core.js
  13. +450 −0 src/files/deck.js/core/deck.core.scss
  14. +41 −0 src/files/deck.js/extensions/goto/deck.goto.css
  15. +7 −0 src/files/deck.js/extensions/goto/deck.goto.html
  16. +170 −0 src/files/deck.js/extensions/goto/deck.goto.js
  17. +46 −0 src/files/deck.js/extensions/goto/deck.goto.scss
  18. +13 −0 src/files/deck.js/extensions/hash/deck.hash.css
  19. +2 −0  src/files/deck.js/extensions/hash/deck.hash.html
  20. +142 −0 src/files/deck.js/extensions/hash/deck.hash.js
  21. +15 −0 src/files/deck.js/extensions/hash/deck.hash.scss
  22. +47 −0 src/files/deck.js/extensions/menu/deck.menu.css
  23. +187 −0 src/files/deck.js/extensions/menu/deck.menu.js
  24. +58 −0 src/files/deck.js/extensions/menu/deck.menu.scss
  25. +43 −0 src/files/deck.js/extensions/navigation/deck.navigation.css
  26. +3 −0  src/files/deck.js/extensions/navigation/deck.navigation.html
  27. +92 −0 src/files/deck.js/extensions/navigation/deck.navigation.js
  28. +56 −0 src/files/deck.js/extensions/navigation/deck.navigation.scss
  29. +28 −0 src/files/deck.js/extensions/scale/deck.scale.css
  30. +170 −0 src/files/deck.js/extensions/scale/deck.scale.js
  31. +31 −0 src/files/deck.js/extensions/scale/deck.scale.scss
  32. +18 −0 src/files/deck.js/extensions/status/deck.status.css
  33. +6 −0 src/files/deck.js/extensions/status/deck.status.html
  34. +95 −0 src/files/deck.js/extensions/status/deck.status.js
  35. +22 −0 src/files/deck.js/extensions/status/deck.status.scss
  36. +215 −0 src/files/deck.js/introduction/index.html
  37. +4 −0 src/files/deck.js/jquery-1.7.2.min.js
  38. +4 −0 src/files/deck.js/modernizr.custom.js
  39. +24 −0 src/files/deck.js/test/fixtures/complex.html
  40. +19 −0 src/files/deck.js/test/fixtures/empty.html
  41. +10 −0 src/files/deck.js/test/fixtures/iframe_simple.html
  42. +32 −0 src/files/deck.js/test/fixtures/iframes.html
  43. +36 −0 src/files/deck.js/test/fixtures/nesteds.html
  44. +42 −0 src/files/deck.js/test/fixtures/standard.html
  45. +39 −0 src/files/deck.js/test/index.html
  46. +190 −0 src/files/deck.js/test/lib/jasmine-html.js
  47. +288 −0 src/files/deck.js/test/lib/jasmine-jquery.js
  48. +166 −0 src/files/deck.js/test/lib/jasmine.css
  49. +2,477 −0 src/files/deck.js/test/lib/jasmine.js
  50. +3 −0  src/files/deck.js/test/settings.js
  51. +436 −0 src/files/deck.js/test/spec.core.js
  52. +142 −0 src/files/deck.js/test/spec.goto.js
  53. +81 −0 src/files/deck.js/test/spec.hash.js
  54. +66 −0 src/files/deck.js/test/spec.menu.js
  55. +51 −0 src/files/deck.js/test/spec.navigation.js
  56. +57 −0 src/files/deck.js/test/spec.scale.js
  57. +58 −0 src/files/deck.js/test/spec.status.js
  58. +123 −0 src/files/deck.js/themes/style/neon.css
  59. +155 −0 src/files/deck.js/themes/style/neon.scss
  60. +84 −0 src/files/deck.js/themes/style/swiss.css
  61. +107 −0 src/files/deck.js/themes/style/swiss.scss
  62. +214 −0 src/files/deck.js/themes/style/web-2.0.css
  63. +250 −0 src/files/deck.js/themes/style/web-2.0.scss
  64. +43 −0 src/files/deck.js/themes/transition/fade.css
  65. +69 −0 src/files/deck.js/themes/transition/fade.scss
  66. +76 −0 src/files/deck.js/themes/transition/horizontal-slide.css
  67. +90 −0 src/files/deck.js/themes/transition/horizontal-slide.scss
  68. +94 −0 src/files/deck.js/themes/transition/vertical-slide.css
  69. +112 −0 src/files/deck.js/themes/transition/vertical-slide.scss
  70. +55 −0 src/files/intro/introduction.css
  71. +12 −0 src/files/intro/introduction.js
  72. +61 −0 src/files/intro/introduction.scss
  73. +83 −83 src/layouts/big.html.eco
  74. +93 −93 src/layouts/intro.html.eco
  75. +84 −84 src/layouts/neon.html.eco
  76. +3 −3 src/layouts/slide.html.eco
  77. +84 −84 src/layouts/swiss.html.eco
  78. +84 −84 src/layouts/web-2.0.html.eco
View
4 README.md
@@ -1,10 +1,12 @@
## DeckPad
+seems to actually work now
+
deck.js presentations with docpad
- npm install -g docpad
git clone git://github.com/calvinmetcalf/deckpad.git
cd deckpad
+ npm install
docpad run
mostly writen in jade, feel free to use something else
View
9 docpad.cson
@@ -0,0 +1,9 @@
+# The DocPad Configuration File
+# It is simply a CoffeeScript Object which is parsed by CSON
+{
+ # We're extending the core collections object
+ collections:
+ # This collection named 'articles' fetches the documents with the 'layout' property set to 'article'
+ slides: (database) ->
+ database.findAllLive({layout: 'slide.html.eco'})
+}
View
46 package.json
@@ -1,33 +1,15 @@
-{"name": "deckpad",
-"version": "0.1.2",
-"description": "it's deck.js with docpad",
-"homepage": "https://github.com/calvinmetcalf/deckpad",
-"repository" : {
-"type" : "git",
-"url" : "http://github.com/calvinmetcalf/deckpad.git"
-},
-"dependencies": {
-"coffee-script": "1.3.x",
-"express": "2.5.x",
-"docpad": "5.0.x",
-"docpad-plugin-coffee": "latest",
-"docpad-plugin-eco": "latest",
-"docpad-plugin-haml": "latest",
-"docpad-plugin-hogan": "latest",
-"docpad-plugin-jade": "latest",
-"docpad-plugin-less": "latest",
-"docpad-plugin-markdown": "latest",
-"docpad-plugin-stylus": "latest",
-"docpad-plugin-sass": "latest",
-"docpad-plugin-cachr": "latest",
-"docpad-plugin-cleanurls": "latest",
-"docpad-plugin-feedr": "latest",
-"docpad-plugin-partials": "latest",
-"docpad-plugin-related": "latest"
-},
-"engines" : {
-"node": ">=0.4.0"
-},
-"docpad": {
-}
+{
+ "name": "deckpad",
+ "version": "0.2.0",
+ "description": "it's deck.js with docpad",
+ "homepage": "https://github.com/calvinmetcalf/deckpad",
+ "repository" : {
+ "type" : "git",
+ "url" : "http://github.com/calvinmetcalf/deckpad.git"
+ },
+ "dependencies": {
+ "docpad": "6.13.x",
+ "docpad-plugin-eco": "2.0.x",
+ "docpad-plugin-jade": ">=0.0.1"
+ }
}
View
2  src/documents/index.html.jade
@@ -19,7 +19,7 @@ title: 'DeckPad'
h2 details
li.slide#themes there are 4 layouts each is a differnt theme
li.slide#intro there is a very nice
- a(href='deck') intro to deck.js
+ a(href='deck.html') intro to deck.js
li.slide#yes that layout is called intro
.slide#slider
View
6 src/documents/multi.html.eco
@@ -2,9 +2,7 @@
layout: 'swiss'
title: 'multi'
---
-<% for document in @documents: %>
- <%- if document.url.indexOf('/multi') is 0: %>
- <%- document.contentRendered %>
- <% end %>
+<% for slide in @getCollection('slides').toJSON() : %>
+ <%- slide.contentRendered %>
<% end %>
View
3  src/files/deck.js/.gitignore
@@ -0,0 +1,3 @@
+.DS_Store
+.sass-cache/
+progress/
View
278 src/files/deck.js/GPL-license.txt
@@ -0,0 +1,278 @@
+GNU GENERAL PUBLIC LICENSE
+ Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+ Preamble
+
+ The licenses for most software are designed to take away your
+freedom to share and change it. By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users. This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it. (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.) You can apply it to
+your programs, too.
+
+ When we speak of free software, we are referring to freedom, not
+price. Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+ To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+ For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have. You must make sure that they, too, receive or can get the
+source code. And you must show them these terms so they know their
+rights.
+
+ We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+ Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software. If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+ Finally, any free program is threatened constantly by software
+patents. We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary. To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+ The precise terms and conditions for copying, distribution and
+modification follow.
+
+ GNU GENERAL PUBLIC LICENSE
+ TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+ 0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License. The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language. (Hereinafter, translation is included without limitation in
+the term "modification".) Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope. The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+ 1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+ 2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+ a) You must cause the modified files to carry prominent notices
+ stating that you changed the files and the date of any change.
+
+ b) You must cause any work that you distribute or publish, that in
+ whole or in part contains or is derived from the Program or any
+ part thereof, to be licensed as a whole at no charge to all third
+ parties under the terms of this License.
+
+ c) If the modified program normally reads commands interactively
+ when run, you must cause it, when started running for such
+ interactive use in the most ordinary way, to print or display an
+ announcement including an appropriate copyright notice and a
+ notice that there is no warranty (or else, saying that you provide
+ a warranty) and that users may redistribute the program under
+ these conditions, and telling the user how to view a copy of this
+ License. (Exception: if the Program itself is interactive but
+ does not normally print such an announcement, your work based on
+ the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole. If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works. But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+ 3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+ a) Accompany it with the complete corresponding machine-readable
+ source code, which must be distributed under the terms of Sections
+ 1 and 2 above on a medium customarily used for software interchange; or,
+
+ b) Accompany it with a written offer, valid for at least three
+ years, to give any third party, for a charge no more than your
+ cost of physically performing source distribution, a complete
+ machine-readable copy of the corresponding source code, to be
+ distributed under the terms of Sections 1 and 2 above on a medium
+ customarily used for software interchange; or,
+
+ c) Accompany it with the information you received as to the offer
+ to distribute corresponding source code. (This alternative is
+ allowed only for noncommercial distribution and only if you
+ received the program in object code or executable form with such
+ an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it. For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable. However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+ 4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License. Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+ 5. You are not required to accept this License, since you have not
+signed it. However, nothing else grants you permission to modify or
+distribute the Program or its derivative works. These actions are
+prohibited by law if you do not accept this License. Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+ 6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions. You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+ 7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License. If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all. For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices. Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+ 8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded. In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+ 9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time. Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number. If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation. If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+ 10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission. For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this. Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+ NO WARRANTY
+
+ 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+ 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
View
21 src/files/deck.js/MIT-license.txt
@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2011 Caleb Troughton
+
+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:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+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.
View
64 src/files/deck.js/README.md
@@ -0,0 +1,64 @@
+#deck.js
+
+A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard slideshow.
+
+## Quick Start
+
+This repository includes a `boilerplate.html` as a starting point, with all the extensions included. Just [download it](https://github.com/imakewebthings/deck.js/zipball/stable), open `boilerplate.html`, and start editing your slides.
+
+## Documentation
+
+Check out the [documentation page](http://imakewebthings.github.com/deck.js/docs) for more information on the methods, events, and options available in core and all the included extensions. A sample standard slide deck is included in the package under the `introduction` folder. You can also [view that sample deck](http://imakewebthings.github.com/deck.js/introduction) online to play with the available style and transition themes.
+
+## Extensions, Themes, and Related Projects
+
+Take a look at [the wiki](https://github.com/imakewebthings/deck.js/wiki) for lists of extensions, themes, and other related goodies. If you have a publicly available project of your own, feel free to add to the list.
+
+## Dependencies (included in this repository)
+
+- [jQuery](http://jquery.com)
+- [Modernizr](http://modernizr.com)
+
+## Tests & Support
+
+Unit tests are written with [Jasmine](http://pivotal.github.com/jasmine/) and [jasmine-jquery](https://github.com/velesin/jasmine-jquery). You can [run them here](http://imakewebthings.github.com/deck.js/test).
+
+deck.js has been tested with jQuery 1.6+ and works in IE7+, Chrome, FF, Safari, and Opera. The more capable browsers receive greater enhancements, but a basic cutaway slideshow will work for all browsers listed above. Please don't give your presentations in IE6.
+
+For any questions or general discussion about deck.js please direct your attention to the [mailing list](http://groups.google.com/group/deckjs) (uses Google groups.) If you would like to report a bug, please see the [issues page](https://github.com/imakewebthings/deck.js/issues).
+
+## Known Bug(s)
+
+There is an issue with certain builds of Chrome that result in a solid blue background and generally broken decks. This is a bug in Chrome ([Issue 91518](http://code.google.com/p/chromium/issues/detail?id=91518)) that stems from hardware acceleration of 3d transforms. Current workarounds:
+
+- Use a different browser. This problem doesn't exist in Safari, FF, Opera.
+- Disable hardware compositing by setting `--disable-accelerated-compositing` in the Chrome loading options
+- Replace instances of `translate3d` with `translate` in the CSS of your decks (though this will slow down performance on iOS devices and Safari.)
+
+Firefox contains a bug that allows users to scroll horizontally using the trackpad despite `overflow-x:hidden`. ([Bug 664275](https://bugzilla.mozilla.org/show_bug.cgi?id=664275) and [Bug 325942](https://bugzilla.mozilla.org/show_bug.cgi?id=325942).) If anyone knows of any workarounds to this issue please contact me.
+
+## Printing
+
+Core includes stripped down black and white print styles for the standard slide template that is suitable for handouts.
+
+## Awesome Contributors
+
+- [jbuck](https://github.com/jbuck)
+- [cykod](https://github.com/cykod)
+- [dougireton](https://github.com/dougireton)
+- [awirick](https://github.com/awirick)
+- Daniel Knittl-Frank
+- [alexch](https://github.com/alexch)
+
+If you would like to contribute a patch to deck.js please do as much as you can of the following:
+
+- Add or amend Jasmine tests.
+- Add inline documentation.
+- If the standard snippet of an extension changes, please change it in both the introduction deck and the snippet html in the extension folder.
+- If the API changes, it would be awesome to receive a parallel pull request to the gh-pages branch which updates the public-facing documentation.
+
+## License
+
+Copyright (c) 2011-2012 Caleb Troughton
+
+Dual licensed under the [MIT license](https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt) and [GPL license](https://github.com/imakewebthings/deck.js/blob/master/GPL-license.txt).
View
96 src/files/deck.js/boilerplate.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta name="viewport" content="width=1024, user-scalable=no">
+
+ <title>Your deck.js Presentation</title>
+
+ <!-- Required stylesheet -->
+ <link rel="stylesheet" href="core/deck.core.css">
+
+ <!-- Extension CSS files go here. Remove or add as needed. -->
+ <link rel="stylesheet" href="extensions/goto/deck.goto.css">
+ <link rel="stylesheet" href="extensions/menu/deck.menu.css">
+ <link rel="stylesheet" href="extensions/navigation/deck.navigation.css">
+ <link rel="stylesheet" href="extensions/status/deck.status.css">
+ <link rel="stylesheet" href="extensions/hash/deck.hash.css">
+ <link rel="stylesheet" href="extensions/scale/deck.scale.css">
+
+ <!-- Style theme. More available in /themes/style/ or create your own. -->
+ <link rel="stylesheet" href="themes/style/web-2.0.css">
+
+ <!-- Transition theme. More available in /themes/transition/ or create your own. -->
+ <link rel="stylesheet" href="themes/transition/horizontal-slide.css">
+
+ <!-- Required Modernizr file -->
+ <script src="modernizr.custom.js"></script>
+</head>
+<body class="deck-container">
+
+<!-- Begin slides. Just make elements with a class of slide. -->
+
+<section class="slide">
+ <h1>Slide</h1>
+</section>
+
+<section class="slide">
+ <h1>Content</h1>
+</section>
+
+<section class="slide">
+ <h1>Here</h1>
+</section>
+
+<!-- End slides. -->
+
+
+<!-- Begin extension snippets. Add or remove as needed. -->
+
+<!-- deck.navigation snippet -->
+<a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
+<a href="#" class="deck-next-link" title="Next">&#8594;</a>
+
+<!-- deck.status snippet -->
+<p class="deck-status">
+ <span class="deck-status-current"></span>
+ /
+ <span class="deck-status-total"></span>
+</p>
+
+<!-- deck.goto snippet -->
+<form action="." method="get" class="goto-form">
+ <label for="goto-slide">Go to slide:</label>
+ <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
+ <datalist id="goto-datalist"></datalist>
+ <input type="submit" value="Go">
+</form>
+
+<!-- deck.hash snippet -->
+<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
+
+<!-- End extension snippets. -->
+
+
+<!-- Required JS files. -->
+<script src="jquery-1.7.2.min.js"></script>
+<script src="core/deck.core.js"></script>
+
+<!-- Extension JS files. Add or remove as needed. -->
+<script src="../core/deck.core.js"></script>
+<script src="../extensions/hash/deck.hash.js"></script>
+<script src="../extensions/menu/deck.menu.js"></script>
+<script src="../extensions/goto/deck.goto.js"></script>
+<script src="../extensions/status/deck.status.js"></script>
+<script src="../extensions/navigation/deck.navigation.js"></script>
+<script src="../extensions/scale/deck.scale.js"></script>
+
+<!-- Initialize the deck. You can put this in an external file if desired. -->
+<script>
+ $(function() {
+ $.deck('.slide');
+ });
+</script>
+</body>
+</html>
View
407 src/files/deck.js/core/deck.core.css
@@ -0,0 +1,407 @@
+html, body {
+ height: 100%;
+ padding: 0;
+ margin: 0;
+}
+
+body.deck-container {
+ overflow-y: auto;
+ position: static;
+}
+
+.deck-container {
+ position: relative;
+ min-height: 100%;
+ margin: 0 auto;
+ padding: 0 48px;
+ font-size: 16px;
+ line-height: 1.25;
+ overflow: hidden;
+ /* Resets and base styles from HTML5 Boilerplate */
+ /* End HTML5 Boilerplate adaptations */
+}
+.js .deck-container {
+ visibility: hidden;
+}
+.ready .deck-container {
+ visibility: visible;
+}
+.touch .deck-container {
+ -webkit-text-size-adjust: none;
+ -moz-text-size-adjust: none;
+}
+.deck-container div, .deck-container span, .deck-container object, .deck-container iframe,
+.deck-container h1, .deck-container h2, .deck-container h3, .deck-container h4, .deck-container h5, .deck-container h6, .deck-container p, .deck-container blockquote, .deck-container pre,
+.deck-container abbr, .deck-container address, .deck-container cite, .deck-container code, .deck-container del, .deck-container dfn, .deck-container em, .deck-container img, .deck-container ins, .deck-container kbd, .deck-container q, .deck-container samp,
+.deck-container small, .deck-container strong, .deck-container sub, .deck-container sup, .deck-container var, .deck-container b, .deck-container i, .deck-container dl, .deck-container dt, .deck-container dd, .deck-container ol, .deck-container ul, .deck-container li,
+.deck-container fieldset, .deck-container form, .deck-container label, .deck-container legend,
+.deck-container table, .deck-container caption, .deck-container tbody, .deck-container tfoot, .deck-container thead, .deck-container tr, .deck-container th, .deck-container td,
+.deck-container article, .deck-container aside, .deck-container canvas, .deck-container details, .deck-container figcaption, .deck-container figure,
+.deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section, .deck-container summary,
+.deck-container time, .deck-container mark, .deck-container audio, .deck-container video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+.deck-container article, .deck-container aside, .deck-container details, .deck-container figcaption, .deck-container figure,
+.deck-container footer, .deck-container header, .deck-container hgroup, .deck-container menu, .deck-container nav, .deck-container section {
+ display: block;
+}
+.deck-container blockquote, .deck-container q {
+ quotes: none;
+}
+.deck-container blockquote:before, .deck-container blockquote:after, .deck-container q:before, .deck-container q:after {
+ content: "";
+ content: none;
+}
+.deck-container ins {
+ background-color: #ff9;
+ color: #000;
+ text-decoration: none;
+}
+.deck-container mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold;
+}
+.deck-container del {
+ text-decoration: line-through;
+}
+.deck-container abbr[title], .deck-container dfn[title] {
+ border-bottom: 1px dotted;
+ cursor: help;
+}
+.deck-container table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+.deck-container hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+.deck-container input, .deck-container select {
+ vertical-align: middle;
+}
+.deck-container select, .deck-container input, .deck-container textarea, .deck-container button {
+ font: 99% sans-serif;
+}
+.deck-container pre, .deck-container code, .deck-container kbd, .deck-container samp {
+ font-family: monospace, sans-serif;
+}
+.deck-container a {
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.deck-container a:hover, .deck-container a:active {
+ outline: none;
+}
+.deck-container ul, .deck-container ol {
+ margin-left: 2em;
+ vertical-align: top;
+}
+.deck-container ol {
+ list-style-type: decimal;
+}
+.deck-container nav ul, .deck-container nav li {
+ margin: 0;
+ list-style: none;
+ list-style-image: none;
+}
+.deck-container small {
+ font-size: 85%;
+}
+.deck-container strong, .deck-container th {
+ font-weight: bold;
+}
+.deck-container td {
+ vertical-align: top;
+}
+.deck-container sub, .deck-container sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+}
+.deck-container sup {
+ top: -0.5em;
+}
+.deck-container sub {
+ bottom: -0.25em;
+}
+.deck-container textarea {
+ overflow: auto;
+}
+.ie6 .deck-container legend, .ie7 .deck-container legend {
+ margin-left: -7px;
+}
+.deck-container input[type="radio"] {
+ vertical-align: text-bottom;
+}
+.deck-container input[type="checkbox"] {
+ vertical-align: bottom;
+}
+.ie7 .deck-container input[type="checkbox"] {
+ vertical-align: baseline;
+}
+.ie6 .deck-container input {
+ vertical-align: text-bottom;
+}
+.deck-container label, .deck-container input[type="button"], .deck-container input[type="submit"], .deck-container input[type="image"], .deck-container button {
+ cursor: pointer;
+}
+.deck-container button, .deck-container input, .deck-container select, .deck-container textarea {
+ margin: 0;
+}
+.deck-container input:invalid, .deck-container textarea:invalid {
+ border-radius: 1px;
+ -moz-box-shadow: 0px 0px 5px red;
+ -webkit-box-shadow: 0px 0px 5px red;
+ box-shadow: 0px 0px 5px red;
+}
+.deck-container input:invalid .no-boxshadow, .deck-container textarea:invalid .no-boxshadow {
+ background-color: #f0dddd;
+}
+.deck-container button {
+ width: auto;
+ overflow: visible;
+}
+.ie7 .deck-container img {
+ -ms-interpolation-mode: bicubic;
+}
+.deck-container, .deck-container select, .deck-container input, .deck-container textarea {
+ color: #444;
+}
+.deck-container a {
+ color: #607890;
+}
+.deck-container a:hover, .deck-container a:focus {
+ color: #036;
+}
+.deck-container a:link {
+ -webkit-tap-highlight-color: #fff;
+}
+.deck-container.deck-loading {
+ display: none;
+}
+
+.slide {
+ width: auto;
+ min-height: 100%;
+ position: relative;
+}
+.slide h1 {
+ font-size: 4.5em;
+}
+.slide h1, .slide .vcenter {
+ font-weight: bold;
+ text-align: center;
+ padding-top: 1em;
+ max-height: 100%;
+}
+.csstransforms .slide h1, .csstransforms .slide .vcenter {
+ padding: 0 48px;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50%;
+ -webkit-transform: translate(0, -50%);
+ -moz-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ -o-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+.slide .vcenter h1 {
+ position: relative;
+ top: auto;
+ padding: 0;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -ms-transform: none;
+ -o-transform: none;
+ transform: none;
+}
+.slide h2 {
+ font-size: 2.25em;
+ font-weight: bold;
+ padding-top: .5em;
+ margin: 0 0 .66666em 0;
+ border-bottom: 3px solid #888;
+}
+.slide h3 {
+ font-size: 1.4375em;
+ font-weight: bold;
+ margin-bottom: .30435em;
+}
+.slide h4 {
+ font-size: 1.25em;
+ font-weight: bold;
+ margin-bottom: .25em;
+}
+.slide h5 {
+ font-size: 1.125em;
+ font-weight: bold;
+ margin-bottom: .2222em;
+}
+.slide h6 {
+ font-size: 1em;
+ font-weight: bold;
+}
+.slide img, .slide iframe, .slide video {
+ display: block;
+ max-width: 100%;
+}
+.slide video, .slide iframe, .slide img {
+ display: block;
+ margin: 0 auto;
+}
+.slide p, .slide blockquote, .slide iframe, .slide img, .slide ul, .slide ol, .slide pre, .slide video {
+ margin-bottom: 1em;
+}
+.slide pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ padding: 1em;
+ border: 1px solid #888;
+}
+.slide em {
+ font-style: italic;
+}
+.slide li {
+ padding: .25em 0;
+ vertical-align: middle;
+}
+
+.deck-before, .deck-previous, .deck-next, .deck-after {
+ position: absolute;
+ left: -999em;
+ top: -999em;
+}
+
+.deck-current {
+ z-index: 2;
+}
+
+.slide .slide {
+ visibility: hidden;
+ position: static;
+ min-height: 0;
+}
+
+.deck-child-current {
+ position: static;
+ z-index: 2;
+}
+.deck-child-current .slide {
+ visibility: hidden;
+}
+.deck-child-current .deck-previous, .deck-child-current .deck-before, .deck-child-current .deck-current {
+ visibility: visible;
+}
+
+@media screen and (max-device-width: 480px) {
+ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ text-shadow: none !important;
+ filter: none !important;
+ -ms-filter: none !important;
+ -webkit-box-reflect: none !important;
+ -moz-box-reflect: none !important;
+ -webkit-box-shadow: none !important;
+ -moz-box-shadow: none !important;
+ box-shadow: none !important;
+ }
+ * :before, * :after {
+ display: none !important;
+ }
+
+ a, a:visited {
+ color: #444 !important;
+ text-decoration: underline;
+ }
+
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+ content: "";
+ }
+
+ pre, blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+
+ thead {
+ display: table-header-group;
+ }
+
+ tr, img {
+ page-break-inside: avoid;
+ }
+
+ @page {
+ margin: 0.5cm;
+}
+
+ p, h2, h3 {
+ orphans: 3;
+ widows: 3;
+ }
+
+ h2, h3 {
+ page-break-after: avoid;
+ }
+
+ .slide {
+ position: static !important;
+ visibility: visible !important;
+ display: block !important;
+ -webkit-transform: none !important;
+ -moz-transform: none !important;
+ -o-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+ opacity: 1 !important;
+ }
+
+ h1, .vcenter {
+ -webkit-transform: none !important;
+ -moz-transform: none !important;
+ -o-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+ padding: 0 !important;
+ position: static !important;
+ }
+
+ .deck-container > .slide {
+ page-break-after: always;
+ }
+
+ .deck-container {
+ width: 100% !important;
+ height: auto !important;
+ padding: 0 !important;
+ display: block !important;
+ }
+
+ script {
+ display: none;
+ }
+}
View
498 src/files/deck.js/core/deck.core.js
@@ -0,0 +1,498 @@
+/*!
+Deck JS - deck.core
+Copyright (c) 2011 Caleb Troughton
+Dual licensed under the MIT license and GPL license.
+https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt
+https://github.com/imakewebthings/deck.js/blob/master/GPL-license.txt
+*/
+
+/*
+The deck.core module provides all the basic functionality for creating and
+moving through a deck. It does so by applying classes to indicate the state of
+the deck and its slides, allowing CSS to take care of the visual representation
+of each state. It also provides methods for navigating the deck and inspecting
+its state, as well as basic key bindings for going to the next and previous
+slides. More functionality is provided by wholly separate extension modules
+that use the API provided by core.
+*/
+(function($, deck, document, undefined) {
+ var slides, // Array of all the uh, slides...
+ current, // Array index of the current slide
+ $container, // Keeping this cached
+
+ events = {
+ /*
+ This event fires whenever the current slide changes, whether by way of
+ next, prev, or go. The callback function is passed two parameters, from
+ and to, equal to the indices of the old slide and the new slide
+ respectively. If preventDefault is called on the event within this handler
+ the slide change does not occur.
+
+ $(document).bind('deck.change', function(event, from, to) {
+ alert('Moving from slide ' + from + ' to ' + to);
+ });
+ */
+ change: 'deck.change',
+
+ /*
+ This event fires at the beginning of deck initialization, after the options
+ are set but before the slides array is created. This event makes a good hook
+ for preprocessing extensions looking to modify the deck.
+ */
+ beforeInitialize: 'deck.beforeInit',
+
+ /*
+ This event fires at the end of deck initialization. Extensions should
+ implement any code that relies on user extensible options (key bindings,
+ element selectors, classes) within a handler for this event. Native
+ events associated with Deck JS should be scoped under a .deck event
+ namespace, as with the example below:
+
+ var $d = $(document);
+ $.deck.defaults.keys.myExtensionKeycode = 70; // 'h'
+ $d.bind('deck.init', function() {
+ $d.bind('keydown.deck', function(event) {
+ if (event.which === $.deck.getOptions().keys.myExtensionKeycode) {
+ // Rock out
+ }
+ });
+ });
+ */
+ initialize: 'deck.init'
+ },
+
+ options = {},
+ $d = $(document),
+
+ /*
+ Internal function. Updates slide and container classes based on which
+ slide is the current slide.
+ */
+ updateStates = function() {
+ var oc = options.classes,
+ osc = options.selectors.container,
+ old = $container.data('onSlide'),
+ $all = $();
+
+ // Container state
+ $container.removeClass(oc.onPrefix + old)
+ .addClass(oc.onPrefix + current)
+ .data('onSlide', current);
+
+ // Remove and re-add child-current classes for nesting
+ $('.' + oc.current).parentsUntil(osc).removeClass(oc.childCurrent);
+ slides[current].parentsUntil(osc).addClass(oc.childCurrent);
+
+ // Remove previous states
+ $.each(slides, function(i, el) {
+ $all = $all.add(el);
+ });
+ $all.removeClass([
+ oc.before,
+ oc.previous,
+ oc.current,
+ oc.next,
+ oc.after
+ ].join(" "));
+
+ // Add new states back in
+ slides[current].addClass(oc.current);
+ if (current > 0) {
+ slides[current-1].addClass(oc.previous);
+ }
+ if (current + 1 < slides.length) {
+ slides[current+1].addClass(oc.next);
+ }
+ if (current > 1) {
+ $.each(slides.slice(0, current - 1), function(i, el) {
+ el.addClass(oc.before);
+ });
+ }
+ if (current + 2 < slides.length) {
+ $.each(slides.slice(current+2), function(i, el) {
+ el.addClass(oc.after);
+ });
+ }
+ },
+
+ /* Methods exposed in the jQuery.deck namespace */
+ methods = {
+
+ /*
+ jQuery.deck(selector, options)
+
+ selector: string | jQuery | array
+ options: object, optional
+
+ Initializes the deck, using each element matched by selector as a slide.
+ May also be passed an array of string selectors or jQuery objects, in
+ which case each selector in the array is considered a slide. The second
+ parameter is an optional options object which will extend the default
+ values.
+
+ $.deck('.slide');
+
+ or
+
+ $.deck([
+ '#first-slide',
+ '#second-slide',
+ '#etc'
+ ]);
+ */
+ init: function(elements, opts) {
+ var startTouch,
+ tolerance,
+ esp = function(e) {
+ e.stopPropagation();
+ };
+
+ options = $.extend(true, {}, $[deck].defaults, opts);
+ slides = [];
+ current = 0;
+ $container = $(options.selectors.container);
+ tolerance = options.touch.swipeTolerance;
+
+ // Pre init event for preprocessing hooks
+ $d.trigger(events.beforeInitialize);
+
+ // Hide the deck while states are being applied to kill transitions
+ $container.addClass(options.classes.loading);
+
+ // Fill slides array depending on parameter type
+ if ($.isArray(elements)) {
+ $.each(elements, function(i, e) {
+ slides.push($(e));
+ });
+ }
+ else {
+ $(elements).each(function(i, e) {
+ slides.push($(e));
+ });
+ }
+
+ /* Remove any previous bindings, and rebind key events */
+ $d.unbind('keydown.deck').bind('keydown.deck', function(e) {
+ if (e.which === options.keys.next || $.inArray(e.which, options.keys.next) > -1) {
+ methods.next();
+ e.preventDefault();
+ }
+ else if (e.which === options.keys.previous || $.inArray(e.which, options.keys.previous) > -1) {
+ methods.prev();
+ e.preventDefault();
+ }
+ })
+ /* Stop propagation of key events within editable elements */
+ .undelegate('input, textarea, select, button, meter, progress, [contentEditable]', 'keydown', esp)
+ .delegate('input, textarea, select, button, meter, progress, [contentEditable]', 'keydown', esp);
+
+ /* Bind touch events for swiping between slides on touch devices */
+ $container.unbind('touchstart.deck').bind('touchstart.deck', function(e) {
+ if (!startTouch) {
+ startTouch = $.extend({}, e.originalEvent.targetTouches[0]);
+ }
+ })
+ .unbind('touchmove.deck').bind('touchmove.deck', function(e) {
+ $.each(e.originalEvent.changedTouches, function(i, t) {
+ if (startTouch && t.identifier === startTouch.identifier) {
+ if (t.screenX - startTouch.screenX > tolerance || t.screenY - startTouch.screenY > tolerance) {
+ $[deck]('prev');
+ startTouch = undefined;
+ }
+ else if (t.screenX - startTouch.screenX < -1 * tolerance || t.screenY - startTouch.screenY < -1 * tolerance) {
+ $[deck]('next');
+ startTouch = undefined;
+ }
+ return false;
+ }
+ });
+ e.preventDefault();
+ })
+ .unbind('touchend.deck').bind('touchend.deck', function(t) {
+ $.each(t.originalEvent.changedTouches, function(i, t) {
+ if (startTouch && t.identifier === startTouch.identifier) {
+ startTouch = undefined;
+ }
+ });
+ })
+ .scrollLeft(0).scrollTop(0);
+
+ /*
+ Kick iframe videos, which dont like to redraw w/ transforms.
+ Remove this if Webkit ever fixes it.
+ */
+ $.each(slides, function(i, $el) {
+ $el.unbind('webkitTransitionEnd.deck').bind('webkitTransitionEnd.deck',
+ function(event) {
+ if ($el.hasClass($[deck]('getOptions').classes.current)) {
+ var embeds = $(this).find('iframe').css('opacity', 0);
+ window.setTimeout(function() {
+ embeds.css('opacity', 1);
+ }, 100);
+ }
+ });
+ });
+
+ if (slides.length) {
+ updateStates();
+ }
+
+ // Show deck again now that slides are in place
+ $container.removeClass(options.classes.loading);
+ $d.trigger(events.initialize);
+ },
+
+ /*
+ jQuery.deck('go', index)
+
+ index: integer | string
+
+ Moves to the slide at the specified index if index is a number. Index is
+ 0-based, so $.deck('go', 0); will move to the first slide. If index is a
+ string this will move to the slide with the specified id. If index is out
+ of bounds or doesn't match a slide id the call is ignored.
+ */
+ go: function(index) {
+ var e = $.Event(events.change),
+ ndx;
+
+ /* Number index, easy. */
+ if (typeof index === 'number' && index >= 0 && index < slides.length) {
+ ndx = index;
+ }
+ /* Id string index, search for it and set integer index */
+ else if (typeof index === 'string') {
+ $.each(slides, function(i, $slide) {
+ if ($slide.attr('id') === index) {
+ ndx = i;
+ return false;
+ }
+ });
+ };
+
+ /* Out of bounds, id doesn't exist, illegal input, eject */
+ if (typeof ndx === 'undefined') return;
+
+ $d.trigger(e, [current, ndx]);
+ if (e.isDefaultPrevented()) {
+ /* Trigger the event again and undo the damage done by extensions. */
+ $d.trigger(events.change, [ndx, current]);
+ }
+ else {
+ current = ndx;
+ updateStates();
+ }
+ },
+
+ /*
+ jQuery.deck('next')
+
+ Moves to the next slide. If the last slide is already active, the call
+ is ignored.
+ */
+ next: function() {
+ methods.go(current+1);
+ },
+
+ /*
+ jQuery.deck('prev')
+
+ Moves to the previous slide. If the first slide is already active, the
+ call is ignored.
+ */
+ prev: function() {
+ methods.go(current-1);
+ },
+
+ /*
+ jQuery.deck('getSlide', index)
+
+ index: integer, optional
+
+ Returns a jQuery object containing the slide at index. If index is not
+ specified, the current slide is returned.
+ */
+ getSlide: function(index) {
+ var i = typeof index !== 'undefined' ? index : current;
+ if (typeof i != 'number' || i < 0 || i >= slides.length) return null;
+ return slides[i];
+ },
+
+ /*
+ jQuery.deck('getSlides')
+
+ Returns all slides as an array of jQuery objects.
+ */
+ getSlides: function() {
+ return slides;
+ },
+
+ /*
+ jQuery.deck('getContainer')
+
+ Returns a jQuery object containing the deck container as defined by the
+ container option.
+ */
+ getContainer: function() {
+ return $container;
+ },
+
+ /*
+ jQuery.deck('getOptions')
+
+ Returns the options object for the deck, including any overrides that
+ were defined at initialization.
+ */
+ getOptions: function() {
+ return options;
+ },
+
+ /*
+ jQuery.deck('extend', name, method)
+
+ name: string
+ method: function
+
+ Adds method to the deck namespace with the key of name. This doesn’t
+ give access to any private member data — public methods must still be
+ used within method — but lets extension authors piggyback on the deck
+ namespace rather than pollute jQuery.
+
+ $.deck('extend', 'alert', function(msg) {
+ alert(msg);
+ });
+
+ // Alerts 'boom'
+ $.deck('alert', 'boom');
+ */
+ extend: function(name, method) {
+ methods[name] = method;
+ }
+ };
+
+ /* jQuery extension */
+ $[deck] = function(method, arg) {
+ if (methods[method]) {
+ return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+ }
+ else {
+ return methods.init(method, arg);
+ }
+ };
+
+ /*
+ The default settings object for a deck. All deck extensions should extend
+ this object to add defaults for any of their options.
+
+ options.classes.after
+ This class is added to all slides that appear after the 'next' slide.
+
+ options.classes.before
+ This class is added to all slides that appear before the 'previous'
+ slide.
+
+ options.classes.childCurrent
+ This class is added to all elements in the DOM tree between the
+ 'current' slide and the deck container. For standard slides, this is
+ mostly seen and used for nested slides.
+
+ options.classes.current
+ This class is added to the current slide.
+
+ options.classes.loading
+ This class is applied to the deck container during loading phases and is
+ primarily used as a way to short circuit transitions between states
+ where such transitions are distracting or unwanted. For example, this
+ class is applied during deck initialization and then removed to prevent
+ all the slides from appearing stacked and transitioning into place
+ on load.
+
+ options.classes.next
+ This class is added to the slide immediately following the 'current'
+ slide.
+
+ options.classes.onPrefix
+ This prefix, concatenated with the current slide index, is added to the
+ deck container as you change slides.
+
+ options.classes.previous
+ This class is added to the slide immediately preceding the 'current'
+ slide.
+
+ options.selectors.container
+ Elements matched by this CSS selector will be considered the deck
+ container. The deck container is used to scope certain states of the
+ deck, as with the onPrefix option, or with extensions such as deck.goto
+ and deck.menu.
+
+ options.keys.next
+ The numeric keycode used to go to the next slide.
+
+ options.keys.previous
+ The numeric keycode used to go to the previous slide.
+
+ options.touch.swipeTolerance
+ The number of pixels the users finger must travel to produce a swipe
+ gesture.
+ */
+ $[deck].defaults = {
+ classes: {
+ after: 'deck-after',
+ before: 'deck-before',
+ childCurrent: 'deck-child-current',
+ current: 'deck-current',
+ loading: 'deck-loading',
+ next: 'deck-next',
+ onPrefix: 'on-slide-',
+ previous: 'deck-previous'
+ },
+
+ selectors: {
+ container: '.deck-container'
+ },
+
+ keys: {
+ // enter, space, page down, right arrow, down arrow,
+ next: [13, 32, 34, 39, 40],
+ // backspace, page up, left arrow, up arrow
+ previous: [8, 33, 37, 38]
+ },
+
+ touch: {
+ swipeTolerance: 60
+ }
+ };
+
+ $d.ready(function() {
+ $('html').addClass('ready');
+ });
+
+ /*
+ FF + Transforms + Flash video don't get along...
+ Firefox will reload and start playing certain videos after a
+ transform. Blanking the src when a previously shown slide goes out
+ of view prevents this.
+ */
+ $d.bind('deck.change', function(e, from, to) {
+ var oldFrames = $[deck]('getSlide', from).find('iframe'),
+ newFrames = $[deck]('getSlide', to).find('iframe');
+
+ oldFrames.each(function() {
+ var $this = $(this),
+ curSrc = $this.attr('src');
+
+ if(curSrc) {
+ $this.data('deck-src', curSrc).attr('src', '');
+ }
+ });
+
+ newFrames.each(function() {
+ var $this = $(this),
+ originalSrc = $this.data('deck-src');
+
+ if (originalSrc) {
+ $this.attr('src', originalSrc);
+ }
+ });
+ });
+})(jQuery, 'deck', document);
View
450 src/files/deck.js/core/deck.core.scss
@@ -0,0 +1,450 @@
+html, body {
+ height:100%;
+ padding:0;
+ margin:0;
+}
+
+body.deck-container {
+ overflow-y:auto;
+ position:static;
+}
+
+.deck-container {
+ position:relative;
+ min-height:100%;
+ margin:0 auto;
+ padding:0 48px;
+ font-size:16px;
+ line-height:1.25;
+ overflow:hidden;
+
+ .js & {
+ visibility:hidden;
+ }
+
+ .ready & {
+ visibility:visible;
+ }
+
+ .touch & {
+ -webkit-text-size-adjust:none;
+ -moz-text-size-adjust:none;
+ }
+
+ /* Resets and base styles from HTML5 Boilerplate */
+ div, span, object, iframe,
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+ abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+ small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+ fieldset, form, label, legend,
+ table, caption, tbody, tfoot, thead, tr, th, td,
+ article, aside, canvas, details, figcaption, figure,
+ footer, header, hgroup, menu, nav, section, summary,
+ time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure,
+ footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ blockquote, q {
+ quotes:none;
+
+ &:before, &:after {
+ content:"";
+ content:none;
+ }
+ }
+
+ ins {
+ background-color:#ff9;
+ color:#000;
+ text-decoration:none;
+ }
+
+ mark {
+ background-color:#ff9;
+ color:#000;
+ font-style:italic;
+ font-weight:bold;
+ }
+
+ del {
+ text-decoration:line-through;
+ }
+
+ abbr[title], dfn[title] {
+ border-bottom:1px dotted;
+ cursor:help;
+ }
+
+ table {
+ border-collapse:collapse;
+ border-spacing:0;
+ }
+
+ hr {
+ display:block;
+ height:1px;
+ border:0;
+ border-top:1px solid #ccc;
+ margin:1em 0;
+ padding:0;
+ }
+
+ input, select {
+ vertical-align:middle;
+ }
+
+ select, input, textarea, button {
+ font:99% sans-serif;
+ }
+
+ pre, code, kbd, samp {
+ font-family:monospace, sans-serif;
+ }
+
+ a {
+ -webkit-tap-highlight-color:rgba(0,0,0,0);
+
+ &:hover, &:active {
+ outline:none;
+ }
+ }
+
+ ul, ol {
+ margin-left:2em;
+ vertical-align:top;
+ }
+
+ ol {
+ list-style-type:decimal;
+ }
+
+ nav {
+ ul, li {
+ margin:0;
+ list-style:none;
+ list-style-image:none;
+ }
+ }
+
+ small {
+ font-size:85%;
+ }
+
+ strong, th {
+ font-weight:bold;
+ }
+
+ td {
+ vertical-align:top;
+ }
+
+ sub, sup {
+ font-size:75%;
+ line-height:0;
+ position:relative;
+ }
+
+ sup {
+ top:-0.5em;
+ }
+
+ sub { bottom: -0.25em; }
+
+ textarea {
+ overflow:auto;
+ }
+
+ legend {
+ .ie6 &, .ie7 & {
+ margin-left:-7px;
+ }
+ }
+
+ input[type="radio"] {
+ vertical-align:text-bottom;
+ }
+
+ input[type="checkbox"] {
+ vertical-align:bottom;
+ }
+
+ .ie7 & input[type="checkbox"] {
+ vertical-align:baseline;
+ }
+
+ .ie6 & input {
+ vertical-align:text-bottom;
+ }
+
+ label, input[type="button"], input[type="submit"], input[type="image"], button {
+ cursor:pointer;
+ }
+
+ button, input, select, textarea {
+ margin: 0;
+ }
+
+ input, textarea {
+ &:invalid {
+ border-radius:1px;
+ -moz-box-shadow:0px 0px 5px red;
+ -webkit-box-shadow:0px 0px 5px red;
+ box-shadow: 0px 0px 5px red;
+
+ .no-boxshadow {
+ background-color: #f0dddd;
+ }
+ }
+ }
+
+ button {
+ width:auto;
+ overflow:visible;
+ }
+
+ .ie7 & img {
+ -ms-interpolation-mode: bicubic; }
+
+ &, select, input, textarea {
+ color:#444;
+ }
+
+ a {
+ color:#607890;
+
+ &:hover, &:focus {
+ color:#036;
+ }
+
+ &:link {
+ -webkit-tap-highlight-color: #fff;
+ }
+ }
+ /* End HTML5 Boilerplate adaptations */
+
+ &.deck-loading {
+ display:none;
+ }
+}
+
+.slide {
+ width:auto;
+ min-height:100%;
+ position:relative;
+
+ h1 {
+ font-size:4.5em;
+ }
+
+ h1, .vcenter {
+ font-weight:bold;
+ text-align:center;
+ padding-top:1em;
+ max-height:100%;
+
+ .csstransforms & {
+ padding:0 48px;
+ position:absolute;
+ left:0;
+ right:0;
+ top:50%;
+ -webkit-transform:translate(0, -50%);
+ -moz-transform:translate(0, -50%);
+ -ms-transform:translate(0, -50%);
+ -o-transform:translate(0, -50%);
+ transform:translate(0, -50%);
+ }
+ }
+
+ .vcenter h1 {
+ position:relative;
+ top:auto;
+ padding:0;
+ -webkit-transform:none;
+ -moz-transform:none;
+ -ms-transform:none;
+ -o-transform:none;
+ transform:none;
+ }
+
+ h2 {
+ font-size:2.25em;
+ font-weight:bold;
+ padding-top:.5em;
+ margin:0 0 .66666em 0;
+ border-bottom:3px solid #888;
+ }
+
+ h3 {
+ font-size:1.4375em;
+ font-weight:bold;
+ margin-bottom:.30435em;
+ }
+
+ h4 {
+ font-size:1.25em;
+ font-weight:bold;
+ margin-bottom:.25em;
+ }
+
+ h5 {
+ font-size:1.125em;
+ font-weight:bold;
+ margin-bottom:.2222em;
+ }
+
+ h6 {
+ font-size:1em;
+ font-weight:bold;
+ }
+
+ img, iframe, video {
+ display:block;
+ max-width:100%;
+ }
+
+ video, iframe, img {
+ display:block;
+ margin:0 auto;
+ }
+
+ p, blockquote, iframe, img, ul, ol, pre, video {
+ margin-bottom:1em;
+ }
+
+ pre {
+ white-space:pre;
+ white-space:pre-wrap;
+ word-wrap:break-word;
+ padding: 1em;
+ border:1px solid #888;
+ }
+
+ em {
+ font-style:italic;
+ }
+
+ li {
+ padding:.25em 0;
+ vertical-align:middle;
+ }
+}
+
+.deck-before, .deck-previous, .deck-next, .deck-after {
+ position:absolute;
+ left:-999em;
+ top:-999em;
+}
+
+.deck-current {
+ z-index:2;
+}
+
+.slide .slide {
+ visibility:hidden;
+ position:static;
+ min-height:0;
+}
+
+.deck-child-current {
+ position:static;
+ z-index:2;
+
+ .slide {
+ visibility:hidden;
+ }
+
+ .deck-previous, .deck-before, .deck-current {
+ visibility:visible;
+ }
+}
+
+@media all and (orientation:portrait) {
+
+}
+
+@media all and (orientation:landscape) {
+
+}
+
+@media screen and (max-device-width: 480px) {
+
+ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
+}
+
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ text-shadow: none !important;
+ filter:none !important;
+ -ms-filter: none !important;
+ -webkit-box-reflect:none !important;
+ -moz-box-reflect:none !important;
+ -webkit-box-shadow:none !important;
+ -moz-box-shadow:none !important;
+ box-shadow:none !important;
+
+ :before, :after {
+ display:none !important;
+ }
+}
+ a, a:visited { color: #444 !important; text-decoration: underline; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; }
+ tr, img { page-break-inside: avoid; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3{ page-break-after: avoid; }
+
+ .slide {
+ position:static !important;
+ visibility:visible !important;
+ display:block !important;
+ -webkit-transform:none !important;
+ -moz-transform:none !important;
+ -o-transform:none !important;
+ -ms-transform:none !important;
+ transform:none !important;
+ opacity:1 !important;
+ }
+
+ h1, .vcenter {
+ -webkit-transform:none !important;
+ -moz-transform:none !important;
+ -o-transform:none !important;
+ -ms-transform:none !important;
+ transform:none !important;
+ padding:0 !important;
+ position:static !important;
+ }
+
+ .deck-container > .slide {
+ page-break-after: always;
+ }
+
+ .deck-container {
+ width:100% !important;
+ height:auto !important;
+ padding:0 !important;
+ display:block !important;
+ }
+
+ script {
+ display:none;
+ }
+}
View
41 src/files/deck.js/extensions/goto/deck.goto.css
@@ -0,0 +1,41 @@
+.deck-container .goto-form {
+ position: absolute;
+ z-index: 3;
+ bottom: 10px;
+ left: 50%;
+ height: 1.75em;
+ margin: 0 0 0 -9.125em;
+ line-height: 1.75em;
+ padding: 0.625em;
+ display: none;
+ background: #ccc;
+ overflow: hidden;
+}
+.borderradius .deck-container .goto-form {
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+}
+.deck-container .goto-form label {
+ font-weight: bold;
+}
+.deck-container .goto-form label, .deck-container .goto-form input {
+ display: inline-block;
+ font-family: inherit;
+}
+
+.deck-goto .goto-form {
+ display: block;
+}
+
+#goto-slide {
+ width: 8.375em;
+ margin: 0 0.625em;
+ height: 1.4375em;
+}
+
+@media print {
+ .goto-form, #goto-slide {
+ display: none !important;
+ }
+}
View
7 src/files/deck.js/extensions/goto/deck.goto.html
@@ -0,0 +1,7 @@
+<!-- Place the following snippet at the bottom of the deck container. -->
+<form action="." method="get" class="goto-form">
+ <label for="goto-slide">Go to slide:</label>
+ <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
+ <datalist id="goto-datalist"></datalist>
+ <input type="submit" value="Go">
+</form>
View
170 src/files/deck.js/extensions/goto/deck.goto.js
@@ -0,0 +1,170 @@
+/*!
+Deck JS - deck.goto
+Copyright (c) 2011 Caleb Troughton
+Dual licensed under the MIT license and GPL license.
+https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt
+https://github.com/imakewebthings/deck.js/blob/master/GPL-license.txt
+*/
+
+/*
+This module adds the necessary methods and key bindings to show and hide a form
+for jumping to any slide number/id in the deck (and processes that form
+accordingly). The form-showing state is indicated by the presence of a class on
+the deck container.
+*/
+(function($, deck, undefined) {
+ var $d = $(document);
+
+ /*
+ Extends defaults/options.
+
+ options.classes.goto
+ This class is added to the deck container when showing the Go To Slide
+ form.
+
+ options.selectors.gotoDatalist
+ The element that matches this selector is the datalist element that will
+ be populated with options for each of the slide ids. In browsers that
+ support the datalist element, this provides a drop list of slide ids to
+ aid the user in selecting a slide.
+
+ options.selectors.gotoForm
+ The element that matches this selector is the form that is submitted
+ when a user hits enter after typing a slide number/id in the gotoInput
+ element.
+
+ options.selectors.gotoInput
+ The element that matches this selector is the text input field for
+ entering a slide number/id in the Go To Slide form.
+
+ options.keys.goto
+ The numeric keycode used to show the Go To Slide form.
+
+ options.countNested
+ If false, only top level slides will be counted when entering a
+ slide number.
+ */
+ $.extend(true, $[deck].defaults, {
+ classes: {
+ goto: 'deck-goto'
+ },
+
+ selectors: {
+ gotoDatalist: '#goto-datalist',
+ gotoForm: '.goto-form',
+ gotoInput: '#goto-slide'
+ },
+
+ keys: {
+ goto: 71 // g
+ },
+
+ countNested: true
+ });
+
+ /*
+ jQuery.deck('showGoTo')
+
+ Shows the Go To Slide form by adding the class specified by the goto class
+ option to the deck container.
+ */
+ $[deck]('extend', 'showGoTo', function() {
+ $[deck]('getContainer').addClass($[deck]('getOptions').classes.goto);
+ $($[deck]('getOptions').selectors.gotoInput).focus();
+ });
+
+ /*
+ jQuery.deck('hideGoTo')
+
+ Hides the Go To Slide form by removing the class specified by the goto class
+ option from the deck container.
+ */
+ $[deck]('extend', 'hideGoTo', function() {
+ $($[deck]('getOptions').selectors.gotoInput).blur();
+ $[deck]('getContainer').removeClass($[deck]('getOptions').classes.goto);
+ });
+
+ /*
+ jQuery.deck('toggleGoTo')
+
+ Toggles between showing and hiding the Go To Slide form.
+ */
+ $[deck]('extend', 'toggleGoTo', function() {
+ $[deck]($[deck]('getContainer').hasClass($[deck]('getOptions').classes.goto) ? 'hideGoTo' : 'showGoTo');
+ });
+
+ $d.bind('deck.init', function() {
+ var opts = $[deck]('getOptions'),
+ $datalist = $(opts.selectors.gotoDatalist),
+ slideTest = $.map([
+ opts.classes.before,
+ opts.classes.previous,
+ opts.classes.current,
+ opts.classes.next,
+ opts.classes.after
+ ], function(el, i) {
+ return '.' + el;
+ }).join(', '),
+ rootCounter = 1;
+
+ // Bind key events
+ $d.unbind('keydown.deckgoto').bind('keydown.deckgoto', function(e) {
+ var key = $[deck]('getOptions').keys.goto;
+
+ if (e.which === key || $.inArray(e.which, key) > -1) {
+ e.preventDefault();
+ $[deck]('toggleGoTo');
+ }
+ });
+
+ /* Populate datalist and work out countNested*/
+ $.each($[deck]('getSlides'), function(i, $slide) {
+ var id = $slide.attr('id'),
+ $parentSlides = $slide.parentsUntil(opts.selectors.container, slideTest);
+
+ if (id) {
+ $datalist.append('<option value="' + id + '">');
+ }
+
+ if ($parentSlides.length) {
+ $slide.removeData('rootIndex');
+ }
+ else if (!opts.countNested) {
+ $slide.data('rootIndex', rootCounter);
+ ++rootCounter;
+ }
+ });
+
+ // Process form submittal, go to the slide entered
+ $(opts.selectors.gotoForm)
+ .unbind('submit.deckgoto')
+ .bind('submit.deckgoto', function(e) {
+ var $field = $($[deck]('getOptions').selectors.gotoInput),
+ ndx = parseInt($field.val(), 10);
+
+ if (!$[deck]('getOptions').countNested) {
+ if (ndx >= rootCounter) return false;
+ $.each($[deck]('getSlides'), function(i, $slide) {
+ if ($slide.data('rootIndex') === ndx) {
+ ndx = i + 1;
+ return false;
+ }
+ });
+ }
+
+ $[deck]('go', isNaN(ndx) ? $field.val() : ndx - 1);
+ $[deck]('hideGoTo');
+ $field.val('');
+
+ e.preventDefault();
+ });
+
+ // Dont let keys in the input trigger deck actions
+ $(opts.selectors.gotoInput)
+ .unbind('keydown.deckgoto')
+ .bind('keydown.deckgoto', function(e) {
+ e.stopPropagation();
+ });
+ });
+})(jQuery, 'deck');
+
View
46 src/files/deck.js/extensions/goto/deck.goto.scss
@@ -0,0 +1,46 @@
+.deck-container {
+ .goto-form {
+ position:absolute;
+ z-index:3;
+ bottom:10px;
+ left:50%;
+ height:1.75em;
+ margin:0 0 0 -9.125em;
+ line-height:1.75em;
+ padding:0.625em;
+ display:none;
+ background:#ccc;
+ overflow:hidden;
+
+ .borderradius & {
+ -webkit-border-radius:10px;
+ -moz-border-radius:10px;
+ border-radius:10px;
+ }
+
+ label {
+ font-weight:bold;
+ }
+
+ label, input {
+ display:inline-block;
+ font-family:inherit;
+ }
+ }
+}
+
+.deck-goto .goto-form {
+ display:block;
+}
+
+#goto-slide {
+ width:8.375em;
+ margin:0 0.625em;
+ height:1.4375em;
+}
+
+@media print {
+ .goto-form, #goto-slide {
+ display:none !important;
+ }
+}
View
13 src/files/deck.js/extensions/hash/deck.hash.css
@@ -0,0 +1,13 @@
+.deck-container .deck-permalink {
+ display: none;
+ position: absolute;
+ z-index: 4;
+ bottom: 30px;
+ right: 0;
+ width: 48px;
+ text-align: center;
+}
+
+.no-history .deck-container:hover .deck-permalink {
+ display: block;
+}
View
2  src/files/deck.js/extensions/hash/deck.hash.html
@@ -0,0 +1,2 @@
+<!-- Place the following snippet at the bottom of the deck container. -->
+<a href="." title="Permalink to this slide" class="deck-permalink">#</a>
View
142 src/files/deck.js/extensions/hash/deck.hash.js
@@ -0,0 +1,142 @@
+/*!
+Deck JS - deck.hash
+Copyright (c) 2011 Caleb Troughton
+Dual licensed under the MIT license and GPL license.
+https://github.com/imakewebthings/deck.js/blob/master/MIT-license.txt
+https://github.com/imakewebthings/deck.js/blob/master/GPL-license.txt
+*/
+
+/*
+This module adds deep linking to individual slides, enables internal links
+to slides within decks, and updates the address bar with the hash as the user
+moves through the deck. A permalink anchor is also updated. Standard themes
+hide this link in browsers that support the History API, and show it for
+those that do not. Slides that do not have an id are assigned one according to
+the hashPrefix option. In addition to the on-slide container state class
+kept by core, this module adds an on-slide state class that uses the id of each
+slide.
+*/
+(function ($, deck, window, undefined) {
+ var $d = $(document),
+ $window = $(window),
+
+ /* Collection of internal fragment links in the deck */
+ $internals,
+
+ /*
+ Internal only function. Given a string, extracts the id from the hash,
+ matches it to the appropriate slide, and navigates there.
+ */
+ goByHash = function(str) {
+ var id = str.substr(str.indexOf("#") + 1),
+ slides = $[deck]('getSlides');
+
+ $.each(slides, function(i, $el) {
+ if ($el.attr('id') === id) {
+ $[deck]('go', i);
+ return false;
+ }
+ });
+
+ // If we don't set these to 0 the container scrolls due to hashchange
+ $[deck]('getContainer').scrollLeft(0).scrollTop(0);
+ };
+
+ /*
+ Extends defaults/options.
+
+ options.selectors.hashLink
+ The element matching this selector has its href attribute updated to
+ the hash of the current slide as the user navigates through the deck.
+
+ options.hashPrefix
+ Every slide that does not have an id is assigned one at initialization.
+ Assigned ids take the form of hashPrefix + slideIndex, e.g., slide-0,
+ slide-12, etc.
+
+ options.preventFragmentScroll