-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.html
100 lines (65 loc) · 1.87 KB
/
app.html
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
<head>
<link href='https://fonts.googleapis.com/css?family=Lato:600,400,300' rel='stylesheet' type='text/css'>
<title>Change For Change</title>
</head>
<body>
</body>
<template name="main">
<div id="charities">
<div id="searched-charities">
<span id="charities-title">
<h1>Search for a Charity </h1>
<input id="search" class="pulse">
</span>
{{#if charities}}
<div class="charity-container">
{{#each charities}}
{{> charity}}
{{/each}}
</div>
{{/if}}
</div>
<h1 id="or">- or -</h1>
<div id="local-charities">
<span id="charities-title">
<h1>Pick a Local Charity</h1>
</span>
<div class="charity-container">
{{#each localCharities}}
{{> charity}}
{{/each}}
</div>
</div>
</div>
<div id="about">
<div id="name">
<h1>
<span class="product-name" id="name-1">Change</span>
<span class="product-name" id="name-2">for</span>
<span class="product-name" id="name-3">Change</span>
</h1>
</div>
<div id="instructions">
<h2>How it works</h2>
<div class="instruction-container">
<span class="instruction"><h4>1. </h4>Insert your change</span>
<span class="instruction"><h4>2. </h4>Pick a charity</span>
<span class="instruction"><h4>3. </h4>Donate instantly</span>
</div>
</div>
<div id="pot">
<div id="pot-title">Current balance</div>
<div id="pot-balance">£{{currentBalance}}</div>
</div>
</div>
</template>
<template name="charity">
<div class="charity">
<div class="charity-title">
<span>{{Name}}</span>
</div>
<div class="charity-actions">
<span class="action-button info">Info</span><span class="action-button donate">Donate</span>
</div>
</div>
</template>