410 lines
33 KiB
HTML
410 lines
33 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Barista Menu</title>
|
||
<meta name="author" content="Joshua Shoemaker">
|
||
<meta name="description" content="">
|
||
<!-- Mobile Specific Metas
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- FONT
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
|
||
|
||
<!-- CSS
|
||
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
||
<link rel="stylesheet" href="css/normalize.css">
|
||
<link rel="stylesheet" href="css/skeleton.css">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
|
||
</head>
|
||
|
||
<body id="app" class="container">
|
||
|
||
<div class="row">
|
||
<header class="eleven columns" style="margin-top: 25px;">
|
||
<h4>Barista Menu</h4>
|
||
<p>Starbucks does not have a training
|
||
setting on their POS for new partners. Thats stupid!
|
||
I'm working on it! But only in my spare time. Wanna help?
|
||
- <a href="https://github.com/joshuashoemaker/baristaMenu">Here's the Repo!</a></p>
|
||
</header>
|
||
</div>
|
||
|
||
<div class="row" style="background-color: rgb(253, 253, 253);">
|
||
|
||
<div id="order" class="three columns">
|
||
<h5>Order</h5>
|
||
<div class="order-container">
|
||
<span id="order-list"></span>
|
||
<div class="order-buttons">
|
||
<button class="button-primary" data-name="DELETE" data-value="">Delete</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="menu" class="seven columns" data-view="drink-builder">
|
||
<div id="options-menu" class="drink-menu five-buttons">
|
||
<h5>Drink Options</h5>
|
||
<button class="button-blue" data-name="ICED" data-value="">ICED</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="CAFFEINE" data-value="DECAF">DECAF</button>
|
||
<button class="button-brown" data-name="CAFFEINE" data-value="HALFCAF">1/2 Caf</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="CAFFEINE" data-value="TWOTHIRDS">2/3 Caf</button>
|
||
<button class="button-brown" data-name="CAFFEINE" data-value="THREEFOURTHS">3/4 Caf</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-purple" data-name="SHOTCOUNT" data-value="SOLO">SOLO</button>
|
||
<button class="button-purple" data-name="SHOTCOUNT" data-value="DOPPIO">DOPPIO</button>
|
||
<button class="button-purple" data-name="SHOTCOUNT" data-value="TRIPLE">TRIPLE</button>
|
||
<button class="button-purple" data-name="SHOTCOUNT" data-value="QUAD">QUAD</button>
|
||
<button class="button-purple" data-name="SHOTCOUNT" data-value="MORESHOTS">MORESHOTS</button>
|
||
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
|
||
<button class="button-yellow" data-name="SIZE" data-value="KIDS">KIDS</button>
|
||
<button class="button-yellow" data-name="SIZE" data-value="MINI">MINI</button>
|
||
|
||
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-green" data-name="SHOTTYPE" data-value="RESTRETTO">RESTRETTO</button>
|
||
<button class="button-green" data-name="SHOTTYPE" data-value="LONG">LONG</button>
|
||
|
||
<button class="button-yellow" data-name="SIZE" data-value="SHORT">SHORT</button>
|
||
<button class="button-yellow" data-name="SIZE" data-value="TALL">TALL</button>
|
||
<button class="button-yellow" data-name="SIZE" data-value="GRANDE">GRANDE</button>
|
||
<button class="button-yellow" data-name="SIZE" data-value="VENTI">VENTI</button>
|
||
<button class="button-yellow" data-name="SIZE" data-value="TRENTA">TRENTA</button>
|
||
</div>
|
||
|
||
<div id="brewed-menu" class="drink-menu five-buttons" style="display: none;">
|
||
<h5>Brewed</h5>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-brown" data-name="RECIPE" data-value="POUROVERPPR">POUR OVER PPR</button>
|
||
<button class="button-purple" data-name="RECIPE" data-value="POUROVERDARK">POUR OVER DARK</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="POUROVERBLOND">POUR OVER BLOND</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="POUROVERDECAF">POUR OVER DECAF</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-blue" data-name="RECIPE" data-value="ICEDCOFFEE">ICED COFFEE</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="ICEDCOFFEEWMILK">ICED COFFEE w/ MILK</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="DECAFICEDCOFFEE">DECAF ICED COFFEE</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="DECAFICEDCOFFEEWMILK">DECAF ICED COFFEE w/ MILK</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="ICEDCOFFEEREFILL">ICED COFFEE REFILL</button>
|
||
|
||
<button class="button-grey" data-name="RECIPE" data-value="COLDBREW">COLD BREW</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="COLDBREWWMILK">COLD BREW w/ MILK</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="NITROCOLDBREW">NITRO COLD BREW</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="VSWTCRMCOLDBREW">VSWTCRM COLD BREW</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="COLDBREWREFILL">COLD BREW REFILL</button>
|
||
|
||
|
||
<button class="button-brown" data-name="RECIPE" data-value="CAFEMISTO">CAFE MISTO</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="POUROVERPPR">SPCDSWTCRM COLD BREW</button>
|
||
|
||
<button class="button-brown" data-name="RECIPE" data-value="PIKE">PIKE PLACE ROAST</button>
|
||
<button class="button-purple" data-name="RECIPE" data-value="DARK">DARK ROAST</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="BLOND">BLOND ROAST</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="DECAFPIKE">DECAF PIKE PLACE ROAST</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="HOTCOFFEEREFILL">HOT COFFEE REFILL</button>
|
||
|
||
</div>
|
||
|
||
<div id="espresso-menu" class="drink-menu five-buttons" style="display: none;">
|
||
<h5>Espresso</h5>
|
||
<button class="button-purple" data-name="RECIPE" data-value="AMERICANO">AMERICANO</button>
|
||
<button class="button-purple" data-name="RECIPE" data-value="ESPRESSO">ESPRESSO</button>
|
||
<button class="button-purple" data-name="RECIPE" data-value="ESPRESSOMACCHIATO">ESPRESSO MACCHIATO</button>
|
||
<button class="button-purple" data-name="RECIPE" data-value="ESPRESSOCONPANNA">ESPRESSO CON PANNA</button>
|
||
<button class="button-purple" data-name="RECIPE" data-value="DOUBLESHOT">STRBUX DOUBLESHOT ON ICE</button>
|
||
|
||
<button class="button-yellow" data-name="RECIPE" data-value="LATTE">LATTE</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="CINNDOLLATTE">CINN DOLCE LATTE</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="CAPPUCCINO">CAPPUCCINO</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="FLATWHITE">FLATWHITE</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="LATTEMACCHIATO">LATTE MACCHIATO</button>
|
||
|
||
<button class="button-yellow" data-name="RECIPE" data-value="SKINNYLATTE">SKINNY LATTE</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="SKINNYCINNDOLLATTE">SKINNY CINN DOLCE LATTE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-purple" data-name="RECIPE" data-value="CARAMELMACCHIATO">CARAMEL MACCHIATO</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-purple" data-name="RECIPE" data-value="SKINNYCARAMELMACCHIATO">SKINNY CARAMEL MAC</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-brown" data-name="RECIPE" data-value="MOCHA">MOCHA</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="SKINNYMOCHA">SKINNY MOCHA</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="WHITEMOCHA">WHITE MOCHA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="PSL">PUMKIN SPICE LATTE</button>
|
||
<button class="button-default" data-name="" data-value="">SESN/RSRV OPTIONS</button>
|
||
|
||
<button class="button-default" data-name="" data-value="">SEASONAL LATTE</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL LATTE</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL LATTE</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL LATTE</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL LATTE</button>
|
||
</div>
|
||
|
||
<div id="blended-menu" class="drink-menu five-buttons" style="display: none;">
|
||
<h5>Blended</h5>
|
||
<button class="button-blue" data-name="" data-value="">LIGHT</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="COFFEEFRAPP">COFFEE FRAPP</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="MOCHAFRAPP">MOCHA FRAPP</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="CARAMELFRAPP">CARAMEL FRAPP</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="JAVACHIPFRAPP">JAVA CHIP FRAPP</button>
|
||
|
||
|
||
<button class="button-brown" data-name="RECIPE" data-value="CAFEVANILLAFRAPP">CAFE VANILLA FRAPP</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="ESPRESSOFRAPP">ESPRESSO FRAPP</button>
|
||
<button class="button-brown" data-name="RECIPE" data-value="WHITEMOCHAFRAPP">WHITE MOCHA FRAPP</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-grey" data-name="RECIPE" data-value="CHAIFRAPP">CHAI FRAPP</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="DOUBLECHOCFRAPP">DOUBLE CHOC FRAPP</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="VANILLABEANFRAPP">VAN BEAN FRAPP</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="WMCREAMFRAPP">WM CREME FRAPP</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-grey" data-name="RECIPE" data-value="STRAWCREAMFRAPP">STRAW + CREAM FRAPP</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="GREENTEAFRAPP">GREEN TEA FRAPP</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="SYRUPFRAPP">SYRUP CREAM FRAPP</button>
|
||
<button class="button-grey" data-name="RECIPE" data-value="OPARAHCHAIFRAPP">OPARAH CHAI FRAPP</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-yellow" data-name="" data-value="ORANGESMOOTHIE">CLASSIC ORANGE SMOOTHIE</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="CHOCOLATESMOOTHIE">CLASSIC CHOCOLATE SMOOTHIE</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="STRAWBERRYSMOOTHIE">CLASSIC STARBERRY SMOOTHIE</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="BLENDEDSTRAWBERRY">BLENDED STRAWBERRY LEMONADE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-purple" data-name="" data-value="EVOLUTIONSTRAWBERRY">EVOLUTION STARWBERRY SMOOTHIE</button>
|
||
<button class="button-purple" data-name="" data-value="EVOLUTIONMANGO">EVOLUTION MANGO CARROT SMOOTHIE</button>
|
||
<button class="button-purple" data-name="" data-value="EVOLUTIONGREENS">EVOLUTION SWEET GREENS SMOOTHIE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-default" data-name="" data-value="">MORE SEASONAL BLENDED</button>
|
||
|
||
<button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
|
||
<button class="button-default" data-name="" data-value="">SEASONAL BLENDED</button>
|
||
</div>
|
||
|
||
<div id="tea-menu" class="drink-menu five-buttons" style="display: none;">
|
||
<h5>Tea</h5>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="CHAITEALATTE">CHAI TEA LATTE</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="OPARAHCHAITEALATTE">OPARAH CHAI LATTE</button>
|
||
<button class="button-green" data-name="RECIPE" data-value="GREENTEALATTE">GREEN TEA LATTE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-blue" data-name="RECIPE" data-value="BLACKICETEA">BLACK ICED TEA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="BLACKICETEALEMONADE">BLACK TEA LEMONADE</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="MANGOBLACKICETEA">MANGO BLACK TEA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="MANGOBLACKICETEALEMONADE">MANGO TEA LEMONADE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-blue" data-name="RECIPE" data-value="GREENICETEA">GREEN ICED TEA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="GREENICETEALEMONADE">GREEN TEA LEMONADE</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="PEACHGREENICETEA">PEACH GREEN TEA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="PEACHGREENICETEALEMONADE">PEACH GREEN TEA LEMONADE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-blue" data-name="RECIPE" data-value="PASSIONICETEA">PASSION ICED TEA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="PASSIONTEALEMONADE">PASSION TEA LEMONADE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-blue" data-name="" data-value="">SWEET ICED TEA</button>
|
||
<button class="button-yellow" data-name="" data-value="">SWEET TEA LEMONADE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
|
||
<button class="button-blue" data-name="RECIPE" data-value="CUSTOMICETEA">CUSTOM ICED TEA</button>
|
||
<button class="button-yellow" data-name="RECIPE" data-value="CUSTOMICETEALEMONADE">CUSTOM TEA LEMONADE</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-blue" data-name="RECIPE" data-value="ICEDTEAREFILL">ICED TEA REFILL</button>
|
||
</div>
|
||
|
||
<div id="syrup-menu" class="drink-menu five-buttons" style="display: none;">
|
||
<h5>Syrups</h5>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Caramel">CARAMEL</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Cinnamon Dolce">CINN DOLCE</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Hazelnut">HAZELNUT</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Toffeenut">TOFFEE NUT</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Vanilla">VANIlLA</button>
|
||
|
||
<button class="button-brown" data-name="SYRUP" data-value="Classic">CLASSIC</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Peppermint">PEPPERMINT</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Raspberry">RASPBERRY</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Peach">PEACH</button>
|
||
<button class="button-brown" data-name="SYRUP" data-value="Mango">MANGO</button>
|
||
|
||
<button class="button-green" data-name="SYRUP" data-value="Chai">CHAI</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-green" data-name="SYRUP" data-value="Oparah Chai">OPARAH CHAI</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-grey" data-name="SYRUP" data-value="Sf Caramel">SF CARAMEL</button>
|
||
<button class="button-grey" data-name="SYRUP" data-value="Sf Cinnamon Dolce">SF CINN DOLCE</button>
|
||
<button class="button-grey" data-name="SYRUP" data-value="Sf Hazelnut">SF HAZELNUT</button>
|
||
<button class="button-grey" data-name="SYRUP" data-value="Sf Vanilla">SF VANILLA</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
|
||
<button class="button-purple" data-name="SYRUP" data-value="Mocha">MOCHA</button>
|
||
<button class="button-purple" data-name="SYRUP" data-value="White Mocha">WHITE MOCHA</button>
|
||
<button class="button-purple" data-name="SYRUP" data-value="Sf Mocha">SKINNY MOCHA</button>
|
||
<button class="button-purple" data-name="SYRUP" data-value="Caramel Sauce">CARAMEL SAUCE</button>
|
||
<button class="button-default" data-name="" data-value="">MORE SEASONAL SYRUP</button>
|
||
</div>
|
||
|
||
<div id="milk-menu" class="drink-menu five-buttons" style="display: none;">
|
||
<h5>Milks</h5>
|
||
<button class="button-brown" data-name="MILK" data-value="2">NONFAT</button>
|
||
<button class="button-brown" data-name="MILK" data-value="7">1% MILK</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="MILK" data-value="2">WITH NONFAT</button>
|
||
<button class="button-brown" data-name="MILK" data-value="7">WITH 1% MILK</button>
|
||
|
||
<button class="button-brown" data-name="MILK" data-value="1">2% MILK</button>
|
||
<button class="button-brown" data-name="MILK" data-value="3">WHOLE MILK</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="MILK" data-value="2">WITH 2% MILK</button>
|
||
<button class="button-brown" data-name="MILK" data-value="3">WITH WHOLE MILK</button>
|
||
|
||
<button class="button-brown" data-name="MILK" data-value="5">SOY MILK</button>
|
||
<button class="button-brown" data-name="MILK" data-value="10">LACTAID MILK</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="MILK" data-value="5">WITH SOY MILK</button>
|
||
<button class="button-brown" data-name="MILK" data-value="10">WITH LACTAID MILK</button>
|
||
|
||
<button class="button-brown" data-name="MILK" data-value="4">COCONUT MILK</button>
|
||
<button class="button-brown" data-name="MILK" data-value="6">ALMOUNDMILK</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="MILK" data-value="4">WITH COCONUT MILK</button>
|
||
<button class="button-brown" data-name="MILK" data-value="6">WITH ALMOUNDMILK</button>
|
||
|
||
<button class="button-brown" data-name="MILK" data-value="8">BREVE</button>
|
||
<button class="button-brown" data-name="MILK" data-value="9">HEAVY CREAM</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="MILK" data-value="8">WITH BREVE</button>
|
||
<button class="button-brown" data-name="MILK" data-value="9">WITH HEAVY CREAM</button>
|
||
|
||
<button class="button-brown" data-name="CUSTOM" data-value="Add Dairy">ADD DAIRY</button>
|
||
</div>
|
||
|
||
<div id="custom-menu" class="drink-menu six-buttons" style="display: none;">
|
||
<h5>Other</h5>
|
||
<button class="button-blue" data-name="OTHER" data-value="Ice">ICE</button>
|
||
<button class="button-blue" data-name="OTHER" data-value="Water">WATER</button>
|
||
<button class="button-blue" data-name="OTHER" data-value="Whipped Cream">WHOPPED CREAM</button>
|
||
<button class="button-grey" data-name="OTHER" data-value="Vanilla Sweet Cream">VANILLA SWEET CREAM</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Stevia">STEVIA</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Honey">HONEY</button>
|
||
|
||
<button class="button-brown" data-name="OTHER" data-value="Agave">AGAVE</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Sugar">SUGAR</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Splenda">SPLENDA</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Sweet'N Low'">SWEET'N LOW</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Equal">EQUAL</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Raw Sugar">RAW SUGAR</button>
|
||
|
||
<button class="button-purple" data-name="OTHER" data-value="Protien">PROTIEN POWDER</button>
|
||
<button class="button-purple" data-name="OTHER" data-value="Bannana">ADD BANNANA</button>
|
||
<button class="button-purple" data-name="OTHER" data-value="Strawbery Puree">STRAWBERRY PUREE</button>
|
||
<button class="button-purple" data-name="OTHER" data-value="Chips">FRAPP CHIPS</button>
|
||
<button class="button-purple" data-name="OTHER" data-value="Vanilla Bean">VANILLA BEAN</button>
|
||
<button class="button-purple" data-name="OTHER" data-value="Matcha">MATCHA</button>
|
||
|
||
<button class="button-grey" data-name="OTHER" data-value="Mocha Drizzle">MOCHA DRIZZLE</button>
|
||
<button class="button-grey" data-name="OTHER" data-value="Caramel Drizzle">CARAMEL DRIZZLE</button>
|
||
<button class="button-grey" data-name="OTHER" data-value="No Topping">NO TOPPING</button>
|
||
<button class="button-grey" data-name="OTHER" data-value="Coconut Flakes">COCONUT FLAKES</button>
|
||
<button class="button-grey" data-name="OTHER" data-value="Nonfat Greek Yogurt">NONFAT GREEK YOGURT</button>
|
||
<button class="button-grey" data-name="OTHER" data-value="Add Blueberry">ADD BLUEBERRY</button>
|
||
|
||
<button class="button-brown" data-name="OTHER" data-value="Black Tea">BLACK TEA BASE</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Green Tea">GREEN TEA BASE</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Passion Tea">PASSION TEA BASE</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Berry Hibiscus">BERRY HIBISCUS BASE</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Cool Lime">COOL LIME BASE</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Strawberry Acai">STRAWBERRY ACAI BASE</button>
|
||
|
||
<button class="button-default" data-name="OTHER" data-value="Foam">FOAM</button>
|
||
<button class="button-default" data-name="OTHER" data-value="w/ room">WITH ROOM</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="empty-button" data-name="" data-value="">.</button>
|
||
<button class="button-brown" data-name="OTHER" data-value="Apple Juice">APPLE JUICE</button>
|
||
<button class="button-yellow" data-name="OTHER" data-value="Lemonade">LEMONADE</button>
|
||
</div>
|
||
|
||
<div class="drink-maker-tabs five-buttons">
|
||
<button class="button-default" data-name="CONTROL" data-value="BREWED">BREWED</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="ESPRESSO">ESPRESSO</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="BLENDED">BLENDED</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="TEA">TEA</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="OTHER">OTHER</button>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="one columns" id="drink-builder-options">
|
||
<h5>Options</h5>
|
||
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Decaf</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Shots</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="OPTIONS">Size</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="SYRUP">Syrup</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="MILK">Milk</button>
|
||
<button class="button-default" data-name="CONTROL" data-value="CUSTOM">Custom</button>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<script src="js/lib/underscore.js"></script>
|
||
|
||
<script src="js/customTypes.js"></script>
|
||
<script src="js/standardRecipies.js"></script>
|
||
<script src="js/createDrink.js"></script>
|
||
<script src="js/order.js"></script>
|
||
<script src="js/app.js"></script>
|
||
</body>
|
||
</html> |