campfire_coffee/data.html at master · dkulp23/campfire_coffee · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Campfire Coffee Ops Data</title>
    <link href="https://fonts.googleapis.com/css?family=Cabin+Sketch" rel="stylesheet">
    <link rel="stylesheet" href="style.css" media="screen" type="text/css">
  </head>
  <body>
    <header>
      <nav>
        <a href="index.html">
          <figure>
            <img src="http://i.imgur.com/fGy2OuG.jpg" alt="campfire by water" />
            <figcaption>campfirecoffee.com</figcaption>
          </figure>
        </a>
      </nav>
    </header>
    <section id="addObjectForm">
      <form id="form" action="data.html" method="post">
        <fieldset>
          <legend>Create a new kiosk location:</legend>
          <label for="name">Location name:</label>
          <input type="text" name="name" id="name" required="required" placeholder="ex. Capitol Hill"/>
          <label for="minCust">Minimum customers expected per hour:</label>
          <input type="number" step="any" name="minCust" min="0" required="required" placeholder="ex. 12"/>
          <label for="maxCust">Maximum customers expected per hour:</label>
          <input type="number" step="any" name="maxCust" min="0" required="required" placeholder="ex. 42"/>
          <label for="custCups">Average cups sold per customer:</label>
          <input type="number" step="any" name="custCups" required="required" placeholder="ex. 1.6"/>
          <label for="custLbs">Average pounds sold to go per customer:</label>
          <input type="number" step="any" name="custLbs" required="required" placeholder="ex. 0.7">
          <input type="submit" name="submitInfo" value="Create New Kiosk Location">
        </fieldset>
      </form>
    </section>
    <section id="dataTables">
      <h1>Beans Needed In Stores and Company Wide</h1>
      <table id="beans">
        <thead id="beansHead"></thead>
        <tbody id="beansBody"></tbody>
        <tfoot id="beansFoot"></tfoot>
      </table>
      <h1>Staff Needed in Stores and Company Wide</h1>
      <table id="staff">
        <thead id="staffHead"></thead>
        <tbody id="staffBody"></tbody>
        <tfoot id="staffFoot"></tfoot>
      </table>
    </section>
  <script type="text/javascript" src="app.js"></script>
  </body>
</html>