JavaScript bespoke-classes Examples

Example #1

File: bespoke-overviewSpec.js Project: GerHobbelt/bespoke-overview

 createDeck = function(enableScale, overviewPluginOptions, numSlides) {
   if (numSlides === undefined) numSlides = 10;
   lastSlideIndex = numSlides - 1;
   var deckParent = document.createElement('article');
   deckParent.className = 'deck';
   resizeDeck(deckParent, 800, 450, false);
   for (var i = 1; i <= numSlides; i++) {
     var section = document.createElement('section');
     section.appendChild(document.createTextNode(i));
     deckParent.appendChild(section);
   }
   document.body.appendChild(deckParent);
   if (enableScale === false) {
     deck = bespoke.from('.deck', [
       classes(),
       overview(overviewPluginOptions)
     ]);
   }
   else {
     deck = bespoke.from('.deck', [
       classes(),
       scale(isWebKit ? 'zoom' : 'transform'),
       overview(overviewPluginOptions)
     ]);
   }
 },

Example #2

File: bespoke-jumpySpec.js Project: joelpurra/bespoke-jumpy

            createDeck = function() {
                var parent = document.createElement("article");
                for (var i = 0; i < 10; i++) {
                    parent.appendChild(document.createElement("section"));
                }

                deck = bespoke.from(parent, [
                    classes(),
                    jumpy()
                ]);
            },

Example #3

File: bespoke-blackoutSpec.js Project: GerHobbelt/bespoke-blackout

 createDeck = function() {
   var parent = document.createElement('article');
   for (var i = 1; i <= 5; i++) {
     var slide = document.createElement('section');
     parent.appendChild(slide);
   }
   document.body.appendChild(parent);
   deck = bespoke.from(parent, [
     classes(),
     nav(),
     blackout()
   ]);
 },

Example #4

File: bespoke-runSpec.js Project: mcollina/bespoke-run

    (function() {
      var parent = document.createElement("article");

      var section = document.createElement("section");
      section.innerHTML =
        "<code>dummyCall(true);</code>" +
        "<a data-bespoke-run>Run!</a>";

      var section2 = document.createElement("section");
      section2.innerHTML =
        "<code>dummyCall(<b>true</b>);</code>" +
        "<a data-bespoke-run>Run!</a>";

      var section3 = document.createElement("section");
      section3.innerHTML =
        "<code data-bespoke-autorun>dummyCall(<b>true</b>);</code>";

      var section4 = document.createElement("section");
      section3.innerHTML =
        "<code data-bespoke-autorun>dummyCall(<b>true</b>);</code>";

      var section5 = document.createElement("section");
      section4.innerHTML =
        "<b>Hello world</b>";

      parent.appendChild(section);
      parent.appendChild(section2);
      parent.appendChild(section3);
      parent.appendChild(section4);
      document.body.appendChild(parent);

      deck = bespoke.from(parent, [
        classes(),
        run()
      ]);
    })();

Example #5

File: main.js Project: torifat/intro-to-scala-n-play

  cube = require('bespoke-theme-cube'),
  classes = require('bespoke-classes'),
  keys = require('bespoke-keys'),
  touch = require('bespoke-touch'),
  bullets = require('bespoke-bullets'),
  backdrop = require('bespoke-backdrop'),
  scale = require('bespoke-scale'),
  hash = require('bespoke-hash'),
  progress = require('bespoke-progress'),
  state = require('bespoke-state'),
  ga = require('bespoke-ga');

// Bespoke.js
bespoke.from('article', [
  cube(),
  classes(),
  keys(),
  touch(),
  bullets('li, .bullet'),
  backdrop(),
  scale(),
  hash(),
  progress(),
  state(),
  ga({trackingId: 'UA-56311291-1'})
]);

// Prism syntax highlighting
// This is actually loaded from "bower_components" thanks to
// debowerify: https://github.com/eugeneware/debowerify
require('prism/components/prism-core');

Example #6

File: build.js Project: frncsdrk/bespoke-theme-sea

 return function(deck) {
   classes()(deck);
 };