-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathBFLUIWireframe.drawio
More file actions
439 lines (439 loc) · 41.5 KB
/
BFLUIWireframe.drawio
File metadata and controls
439 lines (439 loc) · 41.5 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
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36" version="27.0.6">
<diagram name="Page-1" id="NwJZEkm6zoyf0KhG3ohw">
<mxGraphModel dx="1404" dy="678" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="FZFN_ivKoZWH-NBg14Uj-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="40" y="40" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-117" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=-0.014;entryY=0.422;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" source="FZFN_ivKoZWH-NBg14Uj-10" target="FZFN_ivKoZWH-NBg14Uj-103" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-10" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#FFFFFF);" parent="1" vertex="1">
<mxGeometry x="95" y="220" width="50" height="50" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-21" value="Home Page" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="40" y="10" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-36" value="No food logs for today" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="70" y="140" width="100" height="50" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-103" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="240" y="40" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-104" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="240" y="40" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-105" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="40" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-107" value="Search" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.searchBox;strokeColor=#999999;mainText=;strokeColor2=#008cff;fontColor=#666666;fontSize=17;align=left;spacingLeft=3;whiteSpace=wrap;" parent="1" vertex="1">
<mxGeometry x="240" y="100" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-110" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="374" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-111" value="" style="swimlane;fontStyle=0;childLayout=stackLayout;horizontal=1;startSize=0;horizontalStack=0;resizeParent=1;resizeParentMax=0;resizeLast=0;collapsible=0;marginBottom=0;whiteSpace=wrap;html=1;strokeColor=none;fillColor=none;" parent="1" vertex="1">
<mxGeometry x="240" y="130" width="160" height="180" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-113" value="🕝Banana (100 g)" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="FZFN_ivKoZWH-NBg14Uj-111" vertex="1">
<mxGeometry width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-114" value="🕝Milk (500 ml)" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="FZFN_ivKoZWH-NBg14Uj-111" vertex="1">
<mxGeometry y="30" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-115" value="🕝Pizza (4 slices)" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="FZFN_ivKoZWH-NBg14Uj-111" vertex="1">
<mxGeometry y="60" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-132" value="🕝Apple Juice (1 carton)" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="FZFN_ivKoZWH-NBg14Uj-111" vertex="1">
<mxGeometry y="90" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-133" value="🕝Apple Juice (1 carton)" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="FZFN_ivKoZWH-NBg14Uj-111" vertex="1">
<mxGeometry y="120" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-134" value="🕝Apple Juice (1 carton)" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="FZFN_ivKoZWH-NBg14Uj-111" vertex="1">
<mxGeometry y="150" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-118" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="240" y="360" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-122" value="B" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.searchBox;strokeColor=#999999;mainText=;strokeColor2=#008cff;fontColor=#666666;fontSize=17;align=left;spacingLeft=3;whiteSpace=wrap;" parent="1" vertex="1">
<mxGeometry x="240" y="420" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-131" value="" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shadow=0;dashed=0;strokeWidth=1;shape=mxgraph.android.keyboard;sketch=0;" parent="1" vertex="1">
<mxGeometry x="240" y="540" width="160" height="100" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-138" value="Banana" style="text;strokeColor=#DFDFDF;fillColor=#FFFFFF;align=left;verticalAlign=middle;spacingLeft=10;spacingRight=10;overflow=hidden;points=[[0,0.5],[1,0.5]];portConstraint=eastwest;rotatable=0;whiteSpace=wrap;html=1;rSize=5;fontColor=#000000;" parent="1" vertex="1">
<mxGeometry x="240" y="450" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-224" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="FZFN_ivKoZWH-NBg14Uj-140" target="FZFN_ivKoZWH-NBg14Uj-177" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-140" value="➕Add New Food" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="490" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-141" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="240" y="70" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-144" value="May 19" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="85" width="160" height="10" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-145" value="Breakfast 🔻" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="70" width="160" height="10" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-147" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=light-dark(#232F3E, #ffffff);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="290" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-150" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#66B2FF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="330" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-152" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="240" y="360" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-153" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="360" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-154" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="375" y="365" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-155" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=light-dark(#232F3E,#FFFFFF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="290" y="365" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-156" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#66B2FF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="330" y="365" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-157" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="240" y="390" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-158" value="May 19" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="405" width="160" height="10" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-159" value="Breakfast 🔻" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="390" width="160" height="10" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-177" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="440" y="40" width="160" height="600" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-178" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="440" y="40" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-179" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="440" y="40" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-181" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="574" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-189" value="&nbsp;&lt;&nbsp;<span style="white-space: pre;">	</span>Add New Food" style="rounded=0;whiteSpace=wrap;html=1;align=left;" parent="1" vertex="1">
<mxGeometry x="440" y="70" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-192" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=light-dark(#232F3E,#FFFFFF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="490" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-193" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#66B2FF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="530" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-197" value="Log Food Page" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="240" y="10" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-199" value="Add New Food Page" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="440" y="10" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-206" value="Name" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="450" y="140" width="140" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-207" value="E.g 1 Bar, 1 Carton" style="strokeWidth=1;html=1;shadow=0;dashed=0;shape=mxgraph.ios.iTextInput;strokeColor=#444444;buttonText=;fontSize=8;whiteSpace=wrap;align=left;" parent="1" vertex="1">
<mxGeometry x="450" y="200" width="140" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-209" value="" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="450" y="155" width="140" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-214" value="Brand (optional)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="450" y="100" width="140" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-215" value="" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="450" y="115" width="140" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-216" value="Serving Description" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="450" y="185" width="140" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-217" value="Serving Mass (g)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="450" y="227.5" width="140" height="15" as="geometry" />
</mxCell>
<mxCell id="jQ2a3KR2F1OwhAI6DL4u-6" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="FZFN_ivKoZWH-NBg14Uj-218" target="jQ2a3KR2F1OwhAI6DL4u-5">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-218" value="100" style="rounded=1;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="450" y="242.5" width="140" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-229" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="530" y="253.5" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-230" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="530" y="248.5" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-233" value="Calories" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="320" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-234" value="100" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="335" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-237" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="346" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-238" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="341" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-241" value="Protein (g)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="360" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-242" value="22" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="375" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-243" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="386" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-244" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="381" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-245" value="Fat (g)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="400" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-246" value="12" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="415" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-247" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="426" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-248" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="421" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-249" value="Carbs (g)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="440" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-250" value="6" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="455" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-251" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="466" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-252" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="461" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-253" value="Sugar (g)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="480" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-254" value="3" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="495" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-255" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="506" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-256" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="501" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-257" value="Cholesterol (mg)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="520" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-258" value="0" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="535" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-259" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="546" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-260" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="541" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-261" value="Sodium (mg)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="460" y="565" width="130" height="15" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-262" value="2" style="rounded=1;whiteSpace=wrap;html=1;align=center;" parent="1" vertex="1">
<mxGeometry x="460" y="580" width="130" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-263" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="591" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-264" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" parent="1" vertex="1">
<mxGeometry x="580" y="586" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-289" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="720" y="40" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-290" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="720" y="40" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-291" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="720" y="40" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-293" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="850" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-304" value="" style="sketch=0;outlineConnect=0;fontColor=light-dark(#232F3E,#66B2FF);gradientColor=none;strokeColor=light-dark(#232F3E,#3399FF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="770" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-305" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#FFFFFF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="810" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-306" value="Reports Page" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="720" y="10" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-309" value="Show NavBarOnBottom?" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="720" y="390" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-310" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="720" y="390" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-311" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="720" y="390" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-312" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=light-dark(#000000,#3399FF);shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="850" y="395" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-313" value="" style="sketch=0;outlineConnect=0;fontColor=light-dark(#232F3E,#66B2FF);gradientColor=none;strokeColor=light-dark(#232F3E,#FFFFFF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="770" y="395" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-314" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#FFFFFF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="810" y="395" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="FZFN_ivKoZWH-NBg14Uj-315" value="Settings Page" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="720" y="360" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="720" y="70" width="160" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-2" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);" parent="1" vertex="1">
<mxGeometry x="858" y="75" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-3" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);flipH=1;" parent="1" vertex="1">
<mxGeometry x="730" y="75" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-7" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" parent="1" source="xzO150RjOkOy09AYd-r7-4" target="xzO150RjOkOy09AYd-r7-5" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-4" value="Today 🔻" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="720" y="70" width="160" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-5" value="<ul><li>Today</li><li>This week</li><li>Last 7 Days</li><li>Custom</li></ul>" style="text;strokeColor=none;fillColor=none;html=1;verticalAlign=middle;overflow=hidden;labelPosition=center;verticalLabelPosition=middle;align=center;spacing=0;" parent="1" vertex="1">
<mxGeometry x="900" y="40" width="110" height="80" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-9" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#0080F0;shadow=0;dashed=0;shape=mxgraph.ios7.icons.pie_chart;" parent="1" vertex="1">
<mxGeometry x="760" y="147.5" width="80" height="80" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-11" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="1040" y="40" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-12" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="1040" y="40" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-13" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="1040" y="40" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-14" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="1170" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-15" value="" style="sketch=0;outlineConnect=0;fontColor=light-dark(#232F3E,#66B2FF);gradientColor=none;strokeColor=light-dark(#232F3E,#3399FF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="1090" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-16" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#FFFFFF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="1130" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-17" value="Reports Page" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="1040" y="10" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-18" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="1040" y="70" width="160" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-19" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);" parent="1" vertex="1">
<mxGeometry x="1178" y="75" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-20" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);flipH=1;" parent="1" vertex="1">
<mxGeometry x="1050" y="75" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-22" value="Last 7 days 🔻" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
<mxGeometry x="1040" y="70" width="160" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-25" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn4.iconfinder.com/data/icons/evil-icons-user-interface/64/statistics-128.png" parent="1" vertex="1">
<mxGeometry x="1074" y="129" width="92" height="92" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-27" value="Calories" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="720" y="90" width="80" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-28" value="Macros" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="800" y="90" width="80" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-29" value="Calories" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="1040" y="90" width="80" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-30" value="Macros" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="1120" y="90" width="80" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-33" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="38" y="360" width="160" height="280" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-34" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="38" y="360" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-35" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=light-dark(#000000,#3399FF);" parent="1" vertex="1">
<mxGeometry x="38" y="360" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-36" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="168" y="365" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-37" value="" style="sketch=0;outlineConnect=0;fontColor=light-dark(#232F3E,#66B2FF);gradientColor=none;strokeColor=light-dark(#FFFFFF,#FFFFFF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="88" y="365" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-38" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#FFFFFF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="130" y="365" width="18" height="18" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-47" value="" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="40" y="40" width="160" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-48" value="BFL" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontColor=light-dark(#000000,#3399FF);" parent="1" vertex="1">
<mxGeometry x="40" y="40" width="40" height="30" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-49" value="" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=default;shadow=0;dashed=0;shape=mxgraph.ios7.icons.settings;" parent="1" vertex="1">
<mxGeometry x="170" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-50" value="" style="sketch=0;outlineConnect=0;fontColor=light-dark(#232F3E,#66B2FF);gradientColor=none;strokeColor=light-dark(#FFFFFF,#FFFFFF);fillColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.reported_state;" parent="1" vertex="1">
<mxGeometry x="90" y="45" width="20" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-51" value="" style="shape=cross;whiteSpace=wrap;html=1;fillColor=light-dark(#FFFFFF,#FFFFFF);strokeColor=none;" parent="1" vertex="1">
<mxGeometry x="132" y="45" width="18" height="18" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-52" value="Today" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="40" y="70" width="160" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-53" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);" parent="1" vertex="1">
<mxGeometry x="178" y="75" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-54" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);flipH=1;" parent="1" vertex="1">
<mxGeometry x="50" y="75" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-55" value="Today" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
<mxGeometry x="38" y="390" width="160" height="20" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-56" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);" parent="1" vertex="1">
<mxGeometry x="176" y="395" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="xzO150RjOkOy09AYd-r7-57" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0;dx=30;notch=20;fillColor=light-dark(#FFFFFF,#FFFFFF);flipH=1;" parent="1" vertex="1">
<mxGeometry x="48" y="395" width="10" height="10" as="geometry" />
</mxCell>
<mxCell id="jQ2a3KR2F1OwhAI6DL4u-1" value="Serving Volume (ml)" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
<mxGeometry x="450" y="270" width="140" height="15" as="geometry" />
</mxCell>
<mxCell id="jQ2a3KR2F1OwhAI6DL4u-2" value="100" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
<mxGeometry x="450" y="285" width="140" height="20" as="geometry" />
</mxCell>
<mxCell id="jQ2a3KR2F1OwhAI6DL4u-3" value="" style="shape=triangle;direction=south;fillColor=#343A40;strokeColor=none;perimeter=none;" vertex="1" parent="1">
<mxGeometry x="530" y="296" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="jQ2a3KR2F1OwhAI6DL4u-4" value="" style="shape=triangle;direction=north;fillColor=#343A40;strokeColor=none;perimeter=none;" vertex="1" parent="1">
<mxGeometry x="530" y="291" width="7" height="3" as="geometry" />
</mxCell>
<mxCell id="jQ2a3KR2F1OwhAI6DL4u-5" value="if changed the nutrients should too" style="whiteSpace=wrap;html=1;rounded=1;" vertex="1" parent="1">
<mxGeometry x="620" y="210" width="100" height="72.5" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>