LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

        

Mixology

Your personal bartender.

Step 1 of 4: Pick your alcohol.

Vodka Gin Whiskey Tequila
CSS
* {
  box-sizing: border-box;
  font-family: helvetica;
}

.page-wrapper {
  max-width: 600px;
  margin: 0 auto;
}

body {
  padding: 1em;
  background: #fff;
}

.title {
  background: black;
  color: white;
  text-align: center;
  padding: 1.5em;
  padding-bottom: 1em;
  font-size: 3em;
  margin-bottom: 0;
  display: block;
  width: 100%;
  text-transform: uppercase;
}

.description {
  text-align: center;
  background: black;
  color: white;
  padding-bottom: 1em;
  margin: 0;
  display: block;
  width: 100%;
  }

.step {
  text-align: center;
  padding: 1em;
  display: block;
  width: 100%;
 }

.btn {
  display: block;
  color: #fff;
  background: black;
  text-align: center;
  padding: 3em;
  border: 0;
  margin: 1em;
  text-transform: uppercase;
  border-radius: 6px;
  box-shadow: 5px 5px gray;
  letter-spacing: .10em;
  position: relative;
    text-decoration: none;
}

.btn:active {
  top: 4px;
  box-shadow: 0 0 transparent;
}

.home {
  display: block;
  width: 100%;
  background: black;
  color: white;
  padding: 2em;
  font-size: 18px;
  text-align: center;
    text-decoration: none;
  }

JS
$( document ).ready(function() {
    var userSelection = [];
    
    $("span").click(answerHandler);
    function answerHandler() {
      var answer = $(this).attr('id');
      var currentQuestion = $(".options-wrapper").attr('id');

      if (currentQuestion == "alcohol-options") {
            userSelection[0] = answer;
            $(".options-wrapper").replaceWith("

Step 2 of 4: Pick your skill level.

BeginnerIntermediateAdvancedHome"); $("span").click(answerHandler); } else {userSelection[1] = answer; giveFeedback(); } } } /*else if (currentQuestion == "skill-level") { userSelection[1] = answer; $(".options-wrapper").replaceWith("

Step 3 of 4: Pick your drink.

SkrewdriverKamikaziWhite RussianVodka Strawberry LemonadeCape CodderHome"); $("span").click(answerHandler); } else if (currentQuestion == "skill-level") { userSelection[2] = answer; $(".options-wrapper").replaceWith("

Step 3 of 4: Pick your drink.

Cherry BlushMMPHGreen AlaskaGrand RoyalX-RatedHome"); $("span").click(answerHandler); } else if (currentQuestion == "skill-level") { userSelection[2] = answer; $(".options-wrapper").replaceWith("

Step 3 of 4: Pick your drink.

Blue TemptationBloody MaryTwisterLong Island Iced TeaPolish Spring PunchHome"); $("span").click(answerHandler); } else {userSelection[1] = answer; giveFeedback(); } } */ function giveFeedback() { console.log(userSelection); if (userSelection[0] == "vodka") { if (userSelection[1] == "beginner") { $(".options-wrapper").replaceWith("

Step 3 of 4: Pick your drink.

SkrewdriverKamikaziWhite RussianVodka Strawberry LemonadeCape CodderHome"); } } } }
Term
Sat, 01/13/2018 - 08:35

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv