jewlofthelotus

            // Calculates knowledge level based on number of correct answers
            calculateLevel: function(correctAnswers) {
                var percent = (correctAnswers / questionCount).toFixed(2),
                    level   = 0;

                if (plugin.method.inRange(0, 0.330, percent)) {
                    level = 3;
                } else if (plugin.method.inRange(0.331, 0.660, percent)) {
                    level = 2;
                } else if (plugin.method.inRange(0.661, 1.00, percent)) {

jewlofthelotus

$(function () {
    $('#slickQuiz').slickQuiz({
      json: {
        "info": {
          "name":    "Test Your Knowledge!!",
          "main":    "<p>Think you're smart enough to be on Jeopardy? Find out with this super crazy knowledge quiz!</p>",
          "results": "<h5>Learn More</h5><p>Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus.</p>",
          "level1":  "Jeopardy Ready",
          "level2":  "Jeopardy Contender",
          "level3":  "Jeopardy Amateur",

jewlofthelotus

$(function () {
  $.getJSON('path/to/file.json', function(data) {
    $('#slickQuiz').slickQuiz({json: data});
  });
});

jewlofthelotus

/*
 * Extends - @extend .inheritance-class;
 *
 * Selectors extending a class get comma separated. Property / value pairs ARE NOT duplicated everywhere.
 * Use for simple selectors. Warning: it gets messy where there are sub-nodes
 *
 * Still unsure? Use @extend if a relationship IS implied AND you need the base class in the stylesheet. Example:
 *      .message { ... }
 *      .error { @extend .message; ... }
 *      .info { @extend .message; ... }

jewlofthelotus

/* ==========================================================================
   Block Title
   ========================================================================== */


/**
 * Markdown Example (HAML)
 *
 * %div.block_modifiers
 *  %header.block--element_modifiers

jewlofthelotus

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/

jewlofthelotus

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// To enable support for browsers that do not support @media queries,
// (IE <= 8, Firefox <= 3, Opera <= 9) set $mq-responsive to false
// Create a separate stylesheet served exclusively to these browsers,
// meaning @media queries will be rasterized, relying on the cascade itself
$mq-responsive: true !default;

jewlofthelotus

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// Horizontal Spacing

@mixin margin--horz($left, $right: $left) {
  margin-left: $left;
  margin-right: $right;

jewlofthelotus

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// You can use inline %placeholders in Sass:
.form %form-item + .text {
  margin-top: 10px;
}

jewlofthelotus

mkdir base && touch base/_vars.scss && touch base/_base.scss && mkdir blocks && touch blocks/_all.scss && mkdir modules && touch modules/_all.scss && mkdir pages && touch pages/_all.scss && mkdir lib && touch application.scss