309 lines
24 KiB
HTML
309 lines
24 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>
|
||
<span id="order-list"></span>
|
||
<button class="button-primary" data-name="DELETE" data-value="">Delete</button>
|
||
</div>
|
||
|
||
<div id="menu" class="seven columns" data-view="drink-builder">
|
||
<div id="options-menu" class="drink-menu">
|
||
<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" 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" 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" 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" 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" style="display: none;">
|
||
<h5>Syrups</h5>
|
||
<button class="button-primary" data-name="SYRUP" data-value="VANILLA">VANILA</button>
|
||
<button class="button-primary" data-name="SYRUP" data-value="SFVANILLA">SF VANILLA</button>
|
||
<button class="button-primary" data-name="SYRUP" data-value="CARAMEL">CARAMEL</button>
|
||
<button class="button-primary" data-name="SYRUP" data-value="TOFFEENUT">TOFFEE NUT</button>
|
||
<button class="button-primary" data-name="SYRUP" data-value="HAZELNUT">HAZELNUT</button>
|
||
<button class="button-primary" data-name="SYRUP" data-value="WHITEMOCHA">WHITE MOCHA</button>
|
||
<button class="button-primary" data-name="SYRUP" data-value="MOCHA">MOCHA</button>
|
||
</div>
|
||
|
||
<div class="drink-maker-tabs">
|
||
<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> |