cocktail-project/index.html at master · pasaunders/cocktail-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Cliquor Cabinet  -  Drinks Cabinet</title>
    <link href='https://fonts.googleapis.com/css?family=Quicksand:700' rel='stylesheet' type='text/css'>
    <link href="css/style.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <link rel="stylesheet" href="css/indexRender.css" type="text/css">
    <script src="https://cdn.firebase.com/js/client/2.4.0/firebase.js"></script>
  </head>
  <body>
    <div class="logoDiv">
      <img src="img/logo.png"></img>
    </div>
    <div class="navDiv">
      <h3 class="navBar">
        <a href="index.html">My Cabinet</a>  |  <a href="finder.html">Drink Finder</a>  |  <a href="about.html">About Us</a>
      </h3>
    </div>


    <main class="dataEntry">
      <div class="recipe" id="cocktail-entry">
          <label for="" class="name">New Cocktail Name:<br />
            <input type="text" value="" id="cocktail-name"><br />
          </label>
          <article class="ingredientContainer">
            <label for="" class="cocktailIngredients">Ingredients:<br />
              <input type="text" class="cocktailIngredient" value="" ><br />
              <input type="text" class="cocktailIngredient" value="" ><br />
              <input type="text" class="cocktailIngredient" value="" ><br />
              <input type="text" class="cocktailIngredient" value="" ><br />
              <input type="text" class="cocktailIngredient" value="" ><br />
              <input type="text" class="cocktailIngredient" value="" ><br />
              <input type="text" class="cocktailIngredient" value="" ><br />
            </label>

            <label for="" class="cocktailAmounts">Amount:<br />
              <input type="text" class="ingredientAmount" value=""><br />
              <input type="text" class="ingredientAmount" value=""><br />
              <input type="text" class="ingredientAmount" value=""><br />
              <input type="text" class="ingredientAmount" value=""><br />
              <input type="text" class="ingredientAmount" value=""><br />
              <input type="text" class="ingredientAmount" value=""><br />
              <input type="text" class="ingredientAmount" value=""><br />
            </label>
          </article>
          <!-- <article class="categoryArticle"> -->
            <label for=""class="categoryLabel">Categories:<br/>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="hot"> Hot
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="cold"> Cold
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="shot"> Shot
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="punch"> Punch<br />
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="highball"> Highball
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="fast"> Fast
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="flaming"> Flaming
              </article>
              <article class="categoryWrapper">
                <input type="checkbox" class="category" value="classic"> Classic<br />
              </article>
          </label>
        <!-- </article> -->
          <article class="triviaContainer">
            <label class="trivia">Base Liquor: <br />
              <select class="" name="baseLiquior" id="base-liquor">
                <option value="brandy">Brandy</option>
                <option value="gin">Gin</option>
                <option value="rum">Rum</option>
                <option value="tequila">Tequila</option>
                <option value="vodka">Vodka</option>
                <option value="whiskey">Whiskey</option>
                <option value="other">Other</option>
              </select><br />
            </label>
            <label class="trivia">Glassware:<br />
              <select class="" name="glassware" id="glassware">
                <option value="flute">Flute</option>
                <option value="highball">Highball</option>
                <option value="irish">Irish Coffee</option>
                <option value="margarita">Margarita</option>
                <option value="martini">Martini</option>
                <option value="rocks">Rocks</option>
                <option value="shot">Shot</option>
                <option value="snifter">Snifter</option>
                <option value="wine">Wine Glass</option>
                <option value="other">Other</option>
              </select> <br />
            </label>
          </article>
          <label for="" class="instructions">Instructions:<br /><textarea class="cocktailInstructions" rows="8" cols="40" id="cocktailInstructions">Enter mixing instructions here.</textarea></label><br/>
          <article>
            <button name="submitCocktail" id="submit-cocktail">Submit</button>
          </article>
        </div>
        <div class="components" id="ingredients-entry">
          <article class="componentSubArticle">
            <label for="">Ingredients:</label>
              <textarea name="ingredientsText" rows="8" cols="40" id="ingredientList">Enter ingredients here, separated by commas.</textarea>
          </article>
          <button name="submitIngredients" id="submit-ingredients">Submit</button>
        </div>
      </main>
      <script type="text/javascript" src="js/app.js"></script>
      <script type="text/javascript" src="js/indexRender.js"></script>
      <script type="text/javascript" src="js/index.js"></script>
    </body>
    </html>