From 5a774ef6f3b38b19b26913a34b1388530c72334e Mon Sep 17 00:00:00 2001 From: Christian Franke Date: Tue, 9 Apr 2013 14:31:22 +0200 Subject: Initial Commit --- deck.js/samples/deck-clone.html | 195 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 195 insertions(+) create mode 100644 deck.js/samples/deck-clone.html (limited to 'deck.js/samples/deck-clone.html') diff --git a/deck.js/samples/deck-clone.html b/deck.js/samples/deck-clone.html new file mode 100644 index 0000000..e4b77a2 --- /dev/null +++ b/deck.js/samples/deck-clone.html @@ -0,0 +1,195 @@ + + + + + + + + + + deck.clone.js test/demo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +This page surely has a purpose.
+Use left/right arrow keys to browse the presentation.
+ + +
+ + +
+

Getting started with deck.js:
clone extension +
use right arrow to move on +

+
+ +
+

“clone”: What?

+
    +
  • Duplicate your window
    • +
  • Forwards events to all clones
    • +
  • Replicates mouse pointer
    • +
  • Usage +
      +
    • put a second view on a second screen
      • +
    • view next slide on your view (theme)
      • +
    • view notes on your view (extension)
      • +
    +
    • +
+
+ +
+

“clone”: let's get cloned

+
+ With firefox and "file://..." URLs (local files), the popup might be blocked, refusing to be shown. + To fix that: +
    +
  • on the bar that pops up, click on Preferences>Edit Pop-Up Blocker Preferences…
    • +
  • type “<file>” (without the quotes, with the brackets)
    • +
  • click allow
    • +
  • click close
    • +
  • close the poped-up bar and hit 'c' again
    • +
+
+
    +
  • Clone your view! +
      +
    • NB: the browser will probably open a new tab
      • +
    • clone your view by typing 'c' +
      (in local, show how to tell firefox to not block the popup) +
      • +
    • detach your tab (drag it out of the browser)
      • +
    • go to the main view and hit the right arrow
      • +
    +
    • +
+
+ + +
+

“clone”: Propagation

+
    +
  • Slide events are propagated to clone(s) +
      +
    • from master to clone(s)
      • +
    • try left/right arrows
      • +
    • try up arrow (with the “step” extension)
      • +
    +
    • +
  • Mouse pointer is replicated +
      +
    • try to move your mouse (on the master)
      • +
    • custom style using HTML+CSS
      • +
    • examples: red box, centered green box, …
      • +
    +
    • +
+
+ +
+

“clone”: Styling

+
    +
  • Master view styling +
      +
    • adds the “has-clones” class when cloned
      • +
    • in this deck: gray background
      • +
    • allow for a presenter view (next slide, notes, …)
      • +
    +
    • +
+
+ +
+

Browser support

+
    +
  • Should be ok
    • +
+
+ + + + + + + + + +
+ +
+ + +# + + + +
+ + -- cgit v1.2.1