224 lines
16 KiB
HTML
224 lines
16 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="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> |