This repository was archived by the owner on Feb 4, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
257 lines (215 loc) · 12.1 KB
/
index.html
File metadata and controls
257 lines (215 loc) · 12.1 KB
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
---
layout: default
---
<!-- banner 삭제 -->
<!--
<div id="index-banner" class="parallax-container">
<div id="mainBanner" class="section no-pad-bot ">
<div class="container">
<div class="row center">
<img src="assets/images/favicon/apple-touch-icon-152x152.png" width="128" alt="">
<h2 class="hide-on-med-and-down header center deep-orange-text text-lighten-2">I. BOB. U</h2>
</div>
<div class="row center">
<h5 class="header col s12 white-text" >
일하다가 한 번! 엘베타기 전에 또 한 번!<br />P밥과 나의 연결고리
</h5>
<a href="https://play.google.com/store/apps/details?id=kr.bobplanet.android&referrer=utm_source%3Dmain%26utm_medium%3Dsite%26utm_content%3Dindex-banner%26utm_campaign%3DPartBadge" target="_blank" class="appDownload waves-effect waves-light btn-large "><img width="30" class="icon right" src="/assets/images/1449132244_google_play.png"><span class="hide-on-med-and-down">Google Play </span></a>
|
<a href="http://onesto.re/0000694906?referrer=utm_source%3Dmain%26utm_medium%3Dsite%26utm_content%3Dindex-banner%26utm_campaign%3DPartBadge" target="_blank" class="appDownload waves-effect waves-light btn-large "><img width="30" class="icon right" src="/assets/images/Tstore.png"><span class="hide-on-med-and-down">T store </span></a><br />
</div>
</div>
</div>
<div class="parallax"><img src="assets/images/bg_about4.png" alt="Unsplashed background img 1"></div>
</div>
-->
<div id="mainBanner" class="slider">
<ul class="slides">
<li>
<img src="/content/images/PhotoFunia-1449206609.png" ><!-- random image -->
<div class="caption center-align">
<a href="/2015/12/09/launching-event.html">
<h3>밥플래닛 런칭 이벤트</h3>
<h5 class="light grey-text text-lighten-3">앱 설치 후 식단 평가를 하거나, 개선의견을 주세요!
<br /><span class="hide-on-med-and-down">꾸준히, 활발하게 참여하신 분께는 식권을 쏩니다!</span>
</h5>
<br />
</a>
<!-- <a href="/2015/12/09/launching-event.html" class="waves-effect waves-light btn-large hide-on-med-and-down">이벤트 상세보기</a> -->
<a href="https://play.google.com/store/apps/details?id=kr.bobplanet.android&referrer=utm_source%3Dmain%26utm_medium%3Dsite%26utm_content%3Dbanner02%26utm_campaign%3DPartBadge" target="_blank" class="appDownload waves-effect waves-light btn-large blue-grey darken-4 red-text"><img class="icon left hide-on-med-and-down" src="/assets/images/1449132244_google_play.png">구글 플레이</a>
<a href="http://onesto.re/0000694906?referrer=utm_source%3Dmain%26utm_medium%3Dsite%26utm_content%3Dbanner02%26utm_campaign%3DPartBadge" target="_blank" class="appDownload waves-effect waves-light btn-large white blue-text"><img class="icon left hide-on-med-and-down" src="/assets/images/Tstore.png">원스토어</a>
</div>
</li>
</ul>
</div>
<div class="container">
<div id="content-placeholder" class="section row">
<!-- 서버에서 불러온 메뉴를 화면에 표시할 템플릿 -->
<script id="menu-template" type="text/x-handlebars-template">
{% raw %}
<div class="col s12 m4 l4">
<div class="section center-align">
<a data-id='{{previousDate}}' class="date previousDate btn-floating btn-large waves-effect waves-light deep-orange lighten-2"><i class="material-icons">keyboard_arrow_up</i></a>
</div>
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h4 class="section-heading deep-orange-text text-lighten-2"><i class="material-icons">today</i>오늘의 식단 <br /><span class="today">{{date}}</span></h4>
<div class="section center-align">
<a data-id='{{nextDate}}' class="date nextDate btn-floating btn-large waves-effect waves-light deep-orange lighten-2"><i class="material-icons">keyboard_arrow_down</i></a>
</div>
</div>
<div class="col s12 m8 l8" data-id="{{date}}">
{{#each menu}}
<div class="col s12 m6 l6 grid-item" id="{{id}}">
<div class="card small">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="{{item.thumbnail}}" />
</div>
<div class="card-content row valign-wrapper"><span class="badge teal white-text">{{when}}{{type}}</span>
<div class="col s12">
<span class="card-title activator grey-text text-darken-4 truncate"><strong class="activator menu_name">{{item.name}}</strong> </span>
<p class="truncate activator">{{#each submenu}}{{item.name}}, {{/each}}</p>
</div>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4 "><strong class="menu_name">{{item.name}}</strong><i class="material-icons right">close</i></span>
<p class="submenu">{{#each submenu}}{{item.name}}, {{/each}}</p>
<div class="card-action truncate">
<a class="kakao-link-btn" href="javascript:menu( {{id}}, sharekakao );">카톡 공유하기<i class="material-icons right brown-text">chat_bubble</i></a>
</div>
</div>
</div>
</div>
{{/each}}
</div>
{% endraw %}
</script>
</div> <!-- end content-placeholder -->
</div> <!-- end container -->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div id="banner02" class="row center">
<h4 class="header light">
<span class="hide-on-med-and-down">"메뉴를 미리 보면 <span class="yellow-text">그런 기운</span>이 온다?"<br /></span>식당 메뉴를 미리 푸시받고, 비콘으로 평가하세요!
</h4>
<a href="https://play.google.com/store/apps/details?id=kr.bobplanet.android&referrer=utm_source%3Dmain%26utm_medium%3Dsite%26utm_content%3Dbanner02%26utm_campaign%3DPartBadge" target="_blank" class="appDownload waves-effect waves-light btn-large "><img width="30" class="icon right" src="/assets/images/1449132244_google_play.png"><span class="hide-on-med-and-down">Google Play </span></a>
|
<a href="http://onesto.re/0000694906?referrer=utm_source%3Dmain%26utm_medium%3Dsite%26utm_content%3Dbanner02%26utm_campaign%3DPartBadge" target="_blank" class="appDownload waves-effect waves-light btn-large "><img width="30" class="icon right" src="/assets/images/Tstore.png"><span class="hide-on-med-and-down">T store </span></a>
</div>
</div>
</div>
<div class="parallax"><img src="assets/images/bg_about5.png" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m6 l4">
<div class="icon-block">
<h2 class="center deep-orange-text"><i class="material-icons">phonelink_ring</i></h2>
<h5 class="center deep-orange-text">P넷 없이도 식단표를 확인!</h5>
<p class="brown-text">이젠 식단을 확인하기 위해 Pnet에 접속할 필요가 없습니다. 간편하게 앱에서 바로바로 확인하세요.</p>
</div>
</div>
<div class="col s12 m6 l4">
<div class="icon-block">
<h2 class="center deep-orange-text"><i class="material-icons">cloud_download</i></h2>
<h5 class="center deep-orange-text">매일매일 푸시 알림</h5>
<p class="brown-text">정신을 차려보니 벌써 식당이 닫았다구요? 점심에 한 번, 저녁에도 한 번 푸시메시지로 메뉴가 배달됩니다. 원하지 않는 분은 끄실 수 있어요!</p>
</div>
</div>
<div class="col s12 m6 l4">
<div class="icon-block">
<h2 class="center deep-orange-text"><i class="material-icons">thumbs_up_down</i></h2>
<h5 class="center deep-orange-text">좋아요 or 싫어요</h5>
<p class="brown-text">설탕으로 넘치는 꼬치우동이 별로세요? 밥플래닛으로 당신의 의견을 이야기해주세요! 밥플래닛 데이터는 후니드에 전달됩니다.</p>
</div>
</div>
</div>
</div><!-- end section -->
</div><!-- end container -->
<!-- Page Content -->
<div class="section deep-orange lighten-5">
<div class="container">
<div class="row">
<div class="col s12 m6 l6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h4 class="section-heading deep-orange-text text-lighten-2">P넷 없이도 <br>식단표를 확인!</h4>
<p class="lead brown-text">일하다가 한 번! 엘베타기 전에 또 한 번! P넷 없이도 식단표를 확인하세요!
</p>
</div>
<div class="col s12 m6 l6 center-align">
<img class="responsive-img" src="assets/images/step1_900px.png" alt="">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-a -->
<div class="section">
<div class="container">
<div class="row">
<div class="col s12 m6 l6 center-align">
<img class="responsive-img" src="assets/images/step2_900px.png" alt="">
</div>
<div class="col s12 m6 l6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h4 class="section-heading deep-orange-text text-lighten-2">매일 매일<br>푸시 알림! </h4>
<p class="lead brown-text">10층 식당 앞에 선 후에야 '아뿔싸! 흠좀무!'라며 매점과 편의점으로 발을 돌려본 적이 있으신가요? 이젠 미리미리 푸시 확인하시고 당신의 시간을 아끼세요.
</p>
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-b -->
<div class="section deep-orange lighten-5">
<div class="container">
<div class="row">
<div class="col s12 m6 l6">
<hr class="section-heading-spacer">
<div class="clearfix"></div>
<h4 class="section-heading deep-orange-text text-lighten-2">좋아요<br /> or 싫어요</h4>
<p class="lead brown-text">"맛없는 메뉴를 먹으면 혼이 비정상..." <br />No, 세상에 그런 거 없습니다. 당신의 소중한 의견을 '눌러'주세요. 당신의 메뉴 평가가 후니드에 전달됩니다.
</p>
</div>
<div class="col s12 m6 l6 center-align">
<img class="responsive-img" src="assets/images/step3_900px.png" alt="">
</div>
</div>
</div>
<!-- /.container -->
</div>
<!-- /.content-section-b -->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container classTue">
<div id="banner03" class="row center">
<h5 class="header light white-text">
나머지 인생을 <span class="yellow-text">설탕물 꼬치우동</span>을먹으면서 보내고 싶습니까, 아니면 식단 메뉴를 바꿔놓을 기회를 갖고 싶습니까?
</h5>
<a href="https://github.com/bobplanet" target="_blank" class="githubJoin waves-effect waves-light btn-large deep-orange lighten-3"><i class="fa fa-github right "></i>깃허브 참여하기</a>
</div>
</div>
<div class="parallax"><img src="assets/images/bg_about6.png" alt="Unsplashed background img 3"></div>
</div>
</div>
<!--깃허브 코드 -->
<div class="github-commit">
<div class="container">
<div class="commit truncate">
<i class="fa fa-github"></i> Latest Commit on Github:
<a href="" class="sha"></a>
<span class="message"></span>
<span class="date"></span>
<!-- <a id="github-button" href="https://github.com/bobplanet/Bobplanet" target="_blank" class="btn-flat right grey-text text-lighten-5 waves-effect waves-light hide-on-med-and-down">Github</a> -->
</div>
</div>
</div>