-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
149 lines (135 loc) · 6.48 KB
/
index.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!doctype html>
<html>
<head>
<title>Food Raise</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.css" />
<link rel="stylesheet" href="/styles/index.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.js"></script>
<script src="https://cdn.firebase.com/js/client/2.4.1/firebase.js"></script>
<script src="https://cdn.rawgit.com/visionmedia/page.js/master/page.js"></script>
<script src="/app/game.js"></script>
<script src="/app/router.js"></script>
<script src="/app/sponsers.js"></script>
<script src="/app/coupon.js"></script>
<script src="/app/food-storage.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="white">
<div class="container" style="padding: 20px;">
<div class="row">
<div class="col s12 m12">
<div class="card" id="card">
<div id="game" class="route hide">
<div id="insert-food"></div>
<div class="card-image">
<img id="logo" height="250" />
<!--<span class="card-title">Card Title</span>-->
</div>
<div class="card-content" id="card">
<div class="row">
<div class="input-field col s3 div-hide">.</div>
<div id="answer" class="input-field col s12 m6 z-depth-2">
<input id="input_answer" placeholder="Type Answer" type="text" class="center-align">
<!--<label for="last_name">Answer</label>-->
</div>
<div class="input-field col s3 div-hide">.</div>
</div>
</div>
<div class="card-action">
<div class="row">
<div class="right">
<a href="#" id="skip" class="btn waves-effect waves-light">Skip</a>
</div>
</div>
</div>
</div>
<div id="home" class="route hide">
<div class="collection home-container ">
<a href="/game" class="home-item collection-item valign-wrapper" style="background-color: #2ecc71;">
<h4 class="center-align">Play to Feed</h4>
</a>
<a href="/sponsers" class="home-item collection-item" style="background-color: #f39c12;">
<h4 class="center-align">Sponsers</h4>
</a>
<a href="/food-storage" class="home-item collection-item" style="background-color: #795548;">
<h4 class="center-align">Food Storage</h4>
</a>
<a href="/coupon" class="home-item collection-item" style="background-color: #2980b9;">
<h4 class="center-align">Coupon</h4>
</a>
</div>
</div>
<div id="food-storage" class="route hide">
<div class="card-image">
<img height="200px" style="padding-top: 40px;" src="/assets/spoon-knife.svg"/>
</div>
<div class="card-action">
<h3 class="center-align"><span id="count"></span> Families Fed</h3>
</div>
</div>
<div id="sponsers" class="route hide">
<div class="row">
<div class="col s12">
<div class="card-image">
<img src="http://learnedthis.com/wp-content/uploads/2015/04/Untitled-2.png">
<span class="card-title">Starbucks</span>
</div>
<div class="card-image">
<img src="http://trgif.com/files/cocacola.png">
<span class="card-title">Coca Cola</span>
</div>
<div class="card-image">
<img src="http://cvilleshop.com/wp-content/uploads/2014/10/harris-teeter-logo-web-670x670.jpg">
<!-- <span class="card-title">Coca Cola</span> -->
</div>
</div>
</div>
</div>
</div>
<div id="coupon" class="route hide">
<ul class="collection">
<li class="collection-item">
<h4><span style="color: #e67e22;">40%</span> Off General Mills Cereal</h4>
<img height="100px" class="materialboxed" src="/assets/upc.png"/>
</li>
<li class="collection-item">
<h4>Buy 1 Get <span style="color: #2980b9;">1 Free</span> 2 Liter Cokes</h4>
<img height="100px" class="materialboxed" src="http://nobeesnohoney.com/wp-content/uploads/2012/03/Mouse-Tales-Cat-Toy-Bar-Code-850785004003.png"/>
</li>
<li class="collection-item">
<h4><span style="color: #e74c3c;">1 Free</span> Snickers</h4>
<img height="100px" class="materialboxed" src="http://www.codeupc.net/barcode.jpg"/>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="fixed-action-btn vertical click-to-toggle" style="bottom: 45px; right: 24px;">
<a class="btn-floating btn-large" style="background-color: #EE6E73;">
<i class="large mdi-navigation-menu"></i>
</a>
<ul>
<li><a href="/" class="btn-floating red"><b class="material-icons">H</b></a></li>
<li><a href="/game" class="btn-floating blue"><b class="material-icons">P</b></a></li>
<li><a href="/sponsers" class="btn-floating blue"><b class="material-icons">S</b></a></li>
<li><a href="/food-storage" class="btn-floating blue"><b class="material-icons">T</b></a></li>
<li><a href="/coupon" class="btn-floating blue"><b class="material-icons">C</b></a></li>
</ul>
</div>
<!-- Modal Structure -->
<div id="modal1" class="modal bottom-sheet">
<div class="modal-content">
<ul class="collection">
<li class="collection-item">
<h4><span style="color: #e67e22;">40%</span> Off General Mills Cereal</h4>
<img height="100px" src="/assets/upc.png"/>
</li>
</ul>
</div>
</div>
</div>
<script src="//cdn.jsdelivr.net/mojs/latest/mo.min.js"></script>
</body>
</html>