CS3041Assignment4/Help.html at master · gabi246/CS3041Assignment4 · 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
<!DOCTYPE html>

<html>
<head>
    <title> Fridge Friend </title>
    <link rel="stylesheet" type="text/css" href="style.css" media="screen and (orientation:portrait)"/>
    <link rel="stylesheet" type="text/css" href="landscape.css" media="screen and (orientation:landscape)"/>
</head>
<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}
</style>


<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">

<body>
<!-- HTML5 article tag for content -->
<div id="content">
    <div class="topnav">
        <a href="List.html">List </a>
        <a href="Recipe.html">Recipes </a>
        <a href="Expiration.html">Expiration </a>
        <a class="active" href="Help.html">Help</a>
    </div>

    <!-- H1 means 1st level heading -->
    <h1>Help Page</h1>

    <!-- Help for List Page -->
    <h2>List Page Help</h2>
    <p>You can enter items and add them to your shopping list by clicking where the input "items..." bar is. Than click "add."</p>
    <p>You can remove items from your shopping list by hovering over the item than clicking the "x" to the left.</p>
    <p>You can check and item off from your shopping list by clicking the item.</p>
    <h3>Functionality on List Page</h3>
    <p>When you check off an item, it is indicated that the item has been bought. The item is than automatically added with estimated expiration
        dates which can be viewed under the "Expiration" tab. The "Recipe" tab also shows suggested recipes for the
        purchased items that are indicated.</p>

    <!-- Help for Recipe Page -->
    <h2>Recipe Page Help</h2>
    <p>You can click on the image of the food to be directed to the recipe.</p>
    <p>Recipes are based off items that have been purchased and not expired.</p>

    <!-- Help for Expiration Page -->
    <h2>Expiration Page Help</h2>
    <p>Sorts the purchased items by soonest to expire to longest to expire.</p>
    <p>The number indicated the number of days until the item expires.</p>

    <footer>CS3041: Fridge Friend App </footer>
</div>

</body>

</html>