shopful/index.html at gh-pages · mdfw/shopful · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title> Shopful </title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/style.css">
	<link href="https://fonts.googleapis.com/css?family=Arima+Madurai" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
</head>
<body>
<div id="holding-bag">
	<div id="handle">
	</div>
	<header class="title">
		Shopful
	</header>
		<form action="" method="GET" id="add-an-item" class="list" label="Add an item form">
			<div class="row add-item">
				<div class="column quantity">
					<label id="quantity-label" for="quantity-field" style="display: none">Quantity</label>
					<input id="quantity-field" name="quantity" type="text" value="1" size="2" aria-labelledby="quantity-label" aria-required="true" class="quantity-input input-box" \>
				</div><div class="column item-new">
					<label id="item-description-label" for="item-description" style="display: none">Item description</label>
					<input id="item-description" name="item" type="text" value="" placeholder="Milk" aria-labelledby="item-description-label" aria-required="true" class="item-input input-box">
				</div><div class="column action">
					<button id="add-button" name="add-to-common" type="submit" title="Add item" class="action-button" disabled> Add </button>
				</div>
			</div>
		</form>

	<div class="shopping list shopping-list" aria-live="assertive" aria-atomic="true" aria-relevant="additions removals text">
		<div id="shopping-list-label">The list</div>
	</div>

	<div class="edit-row row">
			<button id="cleanup" type="button" class="action-button"> Cleanup (hold to clear) </button>
	</div>


	<div id="notes-area">
		<div id="notes-label">
			<label for="notes-text" id="notes-label"> Notes </label>
		</div>
		<div>
			<textarea id="notes-text" cols="40" rows="5" class="notes-input input-box"></textarea>
		</div>
	</div>
</div>

<div class="show-list-row show-list-row-prototype" role="button" hidden>
	<form action="#" onsubmit="return checkoffTriggeredOn(this);" method="GET" id="checkoff" class="checkoff-trigger">
	<div class="column quantity">
		<button type="submit" class="quantity-button button-astext" >1</button>
	</div>
	<div class="column item">
		<button type="submit" class="item-button button-astext">Milk</button>
	</div>
	<div class="hidden-for-screenreaders checked-screenreaders" aria-live="assertive" aria-atomic="true" aria-relevant="all"></div>
	</form>
</div>

<footer class="shopful-footer">Copyright &copy; 2016 Mark Williams</footer>

<script src="js/jquery-2.2.4.js">
</script>
<script src="js/app.js">
</script>
</body>
</html>

<!-- http://www.59times.com/Legacy/color-palette-generator/color-palette-generator.aspx?r=85&g=79&b=192 -->