forked from hawkerfun/flower
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWildflower.html
290 lines (207 loc) · 39.7 KB
/
Wildflower.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
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
<!DOCTYPE html>
<!-- saved from url=(0029)http://wildflower.resn.co.nz/ -->
<html class=" js no-flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths desktop landscape"><!--<![endif]--><!--
* Wildflower
* http://wildflower.resn.co.nz
* 13/2/2015
*
* Copyright (c) 2015 Resn. All rights reserved.
* http://www.resn.co.nz
--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Wildflower</title>
<meta name="description" content="Express your true feelings by sending a unique wildflower on Valentine’s Day.
">
<meta name="keywords" content="">
<meta property="og:title" content="Wildflower">
<meta property="og:description" content="Express your true feelings by sending a unique wildflower on Valentine’s Day.
">
<meta property="og:image" content="http://wildflower.resn.co.nz/facebook_wildflower2.png">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="./Wildflower_files/main.css">
<script async="" src="./Wildflower_files/analytics.js"></script><script id="facebook-jssdk" src="./Wildflower_files/sdk.js"></script><script src="./Wildflower_files/modernizr-2.5.3.min.js"></script>
<script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="loader" src="./Wildflower_files/loader.js"></script><link rel="stylesheet" type="text/css" href="./Wildflower_files/main.css"><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main_desktop_extended" src="./Wildflower_files/main_desktop_extended.js"></script><style type="text/css">.dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;transition:opacity 0.1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;transition:opacity 0.1s linear;border:0;position:absolute;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-x:hidden}.dg.a.has-save ul{margin-top:27px}.dg.a.has-save ul.closed{margin-top:0}.dg.a .save-row{position:fixed;top:0;z-index:1002}.dg li{-webkit-transition:height 0.1s ease-out;-o-transition:height 0.1s ease-out;-moz-transition:height 0.1s ease-out;transition:height 0.1s ease-out}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;overflow:hidden;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li > *{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:9px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2fa1d6}.dg .cr.number input[type=text]{color:#2fa1d6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2fa1d6}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}
</style><style type="text/css">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}.fb_link img{border:none}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_reset .fb_dialog_legacy{overflow:visible}.fb_dialog_advanced{padding:10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.fb_dialog_content{background:#fff;color:#333}.fb_dialog_close_icon{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{top:5px;left:5px;right:auto}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_loader{background-color:#f6f7f9;border:1px solid #606060;font-size:24px;padding:20px}.fb_dialog_top_left,.fb_dialog_top_right,.fb_dialog_bottom_left,.fb_dialog_bottom_right{height:10px;width:10px;overflow:hidden;position:absolute}.fb_dialog_top_left{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 0;left:-10px;top:-10px}.fb_dialog_top_right{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -10px;right:-10px;top:-10px}.fb_dialog_bottom_left{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -20px;bottom:-10px;left:-10px}.fb_dialog_bottom_right{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/8YeTNIlTZjm.png) no-repeat 0 -30px;right:-10px;bottom:-10px}.fb_dialog_vert_left,.fb_dialog_vert_right,.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{position:absolute;background:#525252;filter:alpha(opacity=70);opacity:.7}.fb_dialog_vert_left,.fb_dialog_vert_right{width:10px;height:100%}.fb_dialog_vert_left{margin-left:-10px}.fb_dialog_vert_right{right:0;margin-right:-10px}.fb_dialog_horiz_top,.fb_dialog_horiz_bottom{width:100%;height:10px}.fb_dialog_horiz_top{margin-top:-10px}.fb_dialog_horiz_bottom{bottom:0;margin-bottom:-10px}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{-webkit-transform:none;height:100%;margin:0;overflow:visible;position:absolute;top:-10000px;left:0;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{width:auto;height:auto;min-height:initial;min-width:initial;background:none}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{color:#fff;display:block;padding-top:20px;clear:both;font-size:18px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .45);position:absolute;bottom:0;left:0;right:0;top:0;width:100%;min-height:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_content .dialog_header{-webkit-box-shadow:white 0 1px 1px -1px inset;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#738ABA), to(#2C4987));border-bottom:1px solid;border-color:#1d4088;color:#fff;font:14px Helvetica, sans-serif;font-weight:bold;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{-webkit-font-smoothing:subpixel-antialiased;height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4966A6), color-stop(.5, #355492), to(#2A4887));border:1px solid #29487d;-webkit-background-clip:padding-box;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, .117188) 0 1px 1px inset, rgba(255, 255, 255, .167969) 0 1px 0;display:inline-block;margin-top:3px;max-width:85px;line-height:18px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{border:none;background:none;color:#fff;font:12px Helvetica, sans-serif;font-weight:bold;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #555;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f6f7f9;border:1px solid #555;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_button{text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://static.xx.fbcdn.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-repeat:no-repeat;background-position:50% 50%;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_hide_iframes iframe{position:relative;left:-10000px}.fb_iframe_widget_loader{position:relative;display:inline-block}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}.fb_iframe_widget_loader iframe{min-height:32px;z-index:2;zoom:1}.fb_iframe_widget_loader .FB_Loader{background:url(https://static.xx.fbcdn.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat;height:32px;width:32px;margin-left:-16px;position:absolute;left:50%;z-index:4}</style></head>
<body>
<!-- Prompt IE 6 users to install Chrome Frame -->
<!--[if lt IE 7]>
<p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<script type="x-shader/x-vertex" id="sem2-vs">
varying vec3 e;
varying vec3 n;
varying vec2 vTextureCoord;
void main() {
e = normalize( vec3( modelViewMatrix * vec4( position, 1.0 ) ) );
n = normalize( normalMatrix * normal );
vTextureCoord = uv;
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1. );
}
</script>
<script type="x-shader/x-vertex" id="sem2-fs">
uniform sampler2D tMatCap;
uniform sampler2D tMatCap2;
varying vec3 e;
varying vec3 n;
varying vec2 vTextureCoord;
void main() {
vec3 r = reflect( e, n );
float m = 2. * sqrt( pow( r.x, 2. ) + pow( r.y, 2. ) + pow( r.z + 1., 2. ) );
vec2 vN = r.xy / m + .5;
vec3 base = texture2D( tMatCap, vN ).rgb;
vec3 base2 = texture2D( tMatCap2, vTextureCoord ).rgb;
vec3 base3 = base.rgb*base2.rgb;
gl_FragColor = vec4( base3, 1.0 );
}
</script>
<div style="display: none;">
<svg class="spritemapSVG"><symbol viewBox="0 0 22 16" id="icon-accept"><title>accept</title> <path d="M 2.2 8.2 C 1.8134 7.8134 1.1642 7.8358 0.75 8.25 C 0.3358 8.6642 0.3134 9.3134 0.7 9.7 L 6.3 15.3 C 6.6866 15.6866 7.3358 15.6642 7.75 15.25 L 21.25 1.75 C 21.6642 1.3358 21.6866 0.6866 21.3 0.3 C 20.9134 -0.0866 20.2642 -0.0642 19.85 0.35 L 7.1 13.1 L 2.2 8.2 Z"></path> </symbol><symbol viewBox="0 0 77 33" id="icon-arrow-next"><title>arrow-next</title> <path d="M 75.8613 14.8174 L 62.0234 0.9795 C 61.1787 0.1357 59.8096 0.1357 58.9658 0.9795 C 58.1211 1.8252 58.1211 3.1924 58.9658 4.0381 L 69.1113 14.1846 L 3.1563 14.1846 C 1.9609 14.1846 0.9941 15.1523 0.9941 16.3467 C 0.9941 17.541 1.9609 18.5088 3.1563 18.5088 L 69.1113 18.5088 L 58.9658 28.6553 C 58.1211 29.501 58.1211 30.8682 58.9658 31.7129 C 59.3877 32.1357 59.9414 32.3467 60.4941 32.3467 C 61.0469 32.3467 61.6016 32.1357 62.0234 31.7129 L 75.8613 17.876 C 76.7051 17.0303 76.7051 15.6631 75.8613 14.8174 L 75.8613 14.8174 ZM 75.8613 14.8174 L 75.8613 14.8174 Z"></path> </symbol><symbol viewBox="0 0 77 33" id="icon-arrow-prev"><title>arrow-prev</title> <path d="M 1.627 14.8174 L 15.4648 0.9795 C 16.3096 0.1357 17.6787 0.1357 18.5225 0.9795 C 19.3672 1.8252 19.3672 3.1924 18.5225 4.0381 L 8.377 14.1846 L 74.332 14.1846 C 75.5273 14.1846 76.4941 15.1523 76.4941 16.3467 C 76.4941 17.541 75.5273 18.5088 74.332 18.5088 L 8.377 18.5088 L 18.5225 28.6553 C 19.3672 29.501 19.3672 30.8682 18.5225 31.7129 C 18.1006 32.1357 17.5469 32.3467 16.9941 32.3467 C 16.4414 32.3467 15.8867 32.1357 15.4648 31.7129 L 1.627 17.876 C 0.7832 17.0303 0.7832 15.6631 1.627 14.8174 L 1.627 14.8174 ZM 1.627 14.8174 L 1.627 14.8174 Z"></path> </symbol><symbol viewBox="0 0 77 37" id="icon-chevron"><title>chevron</title> <path d="M 0.2593 2.1617 L 38.1304 36.2437 C 38.3004 36.3967 38.6294 36.3967 38.7993 36.2437 L 76.6665 2.1578 C 77.297 1.5902 75.5571 -0.3399 74.9272 0.227 L 38.465 33.045 L 1.9985 0.227 C 1.3676 -0.3408 -0.3708 1.5946 0.2593 2.1617 Z"></path> </symbol><symbol viewBox="0 0 38 37" id="icon-close"><title>close</title> <path d="M 22.54 18.5967 L 36.5723 4.5693 C 37.5625 3.5742 37.5625 1.9658 36.5723 0.9756 C 35.5957 -0.0117 33.9863 -0.0117 33.0078 0.9756 L 18.9746 15.0107 L 4.9424 0.9756 C 3.9521 -0.0117 2.3438 -0.0117 1.3535 0.9756 C 0.3633 1.9658 0.3633 3.5742 1.3535 4.5693 L 15.3867 18.5967 L 1.3535 32.6328 C 0.3633 33.5986 0.3633 35.208 1.3535 36.1982 C 2.3438 37.1875 3.9521 37.1875 4.9424 36.1982 L 18.9746 22.165 L 33.0078 36.1982 C 33.9863 37.1875 35.5957 37.1875 36.5723 36.1982 C 37.5625 35.208 37.5625 33.5986 36.5723 32.6328 L 22.54 18.5967 ZM 22.54 18.5967 L 22.54 18.5967 Z"></path> </symbol><symbol viewBox="0 0 19 37" id="icon-fb-logo"><title>fb-logo</title> <path d="M 0.5674 12.1592 L 4.3643 12.1592 L 4.3643 8.4678 C 4.3643 6.8389 4.4063 4.3291 5.5879 2.7773 C 6.835 1.1299 8.5459 0.0098 11.4873 0.0098 C 16.2773 0.0098 18.2959 0.6943 18.2959 0.6943 L 17.3467 6.3213 C 17.3467 6.3213 15.7607 5.8643 14.2852 5.8643 C 12.8066 5.8643 11.4873 6.3936 11.4873 7.8701 L 11.4873 12.1592 L 17.542 12.1592 L 17.1182 17.6582 L 11.4873 17.6582 L 11.4873 36.748 L 4.3643 36.748 L 4.3643 17.6582 L 0.5674 17.6582 L 0.5674 12.1592 Z"></path> </symbol><symbol viewBox="0 0 41 36" id="icon-heart-outline"><title>heart-outline</title> <path d="M 0.0527 12.0254 C 0.0527 22.1178 13.0378 31.0924 20.0176 35.4693 C 20.2255 35.5997 20.8727 35.5995 21.0806 35.469 C 28.0573 31.0887 41.0293 22.1157 41.0293 12.0254 C 41.0293 1.2515 27.8485 -3.8638 20.545 3.51 C 13.2259 -3.8319 0.0527 1.2171 0.0527 12.0254 ZM 2.0527 12.0254 C 2.0527 2.7204 13.8436 -1.4888 19.7805 5.6381 C 20.2101 6.1538 20.8916 6.1526 21.3194 5.6354 C 27.2255 -1.5044 39.0293 2.7351 39.0293 12.0254 C 39.0293 20.5789 27.892 28.7777 20.55 33.44 C 13.2043 28.7809 2.0527 20.5801 2.0527 12.0254 Z"></path> </symbol><symbol viewBox="0 0 79 68" id="icon-heart-solid"><title>heart-solid</title> <path d="M 67.0879 2.7915 C 63.9336 1.0532 60.3223 0.0562 56.4541 0.0562 C 49.6348 0.0562 43.543 3.1577 39.5137 8.0361 C 35.457 3.1577 29.3652 0.0562 22.5313 0.0562 C 18.6914 0.0562 15.0791 1.0532 11.9121 2.7915 C 5.1201 6.5518 0.5234 13.7754 0.5234 22.0913 C 0.5234 24.4644 0.915 26.7427 1.6152 28.8701 C 5.3896 45.8677 39.5137 67.2837 39.5137 67.2837 C 39.5137 67.2837 73.6035 45.8677 77.3848 28.8701 C 78.0859 26.7427 78.4766 24.4644 78.4766 22.0913 C 78.4766 13.7754 73.8867 6.5649 67.0879 2.7915 L 67.0879 2.7915 ZM 67.0879 2.7915 L 67.0879 2.7915 Z"></path> </symbol><symbol viewBox="0 0 25 25" id="icon-info"><title>info</title> <g> <path d="M 1 12.5 C 1 6.1486 6.1486 1 12.5 1 C 18.8514 1 24 6.1486 24 12.5 C 24 18.8514 18.8514 24 12.5 24 C 6.1486 24 1 18.8514 1 12.5 ZM 0 12.5 C 0 19.4036 5.5964 25 12.5 25 C 19.4036 25 25 19.4036 25 12.5 C 25 5.5964 19.4036 0 12.5 0 C 5.5964 0 0 5.5964 0 12.5 Z"></path> <g> <path d="M 13.6094 7.5469 C 13.8594 7.2344 14 6.9063 14 6.5469 C 14 6.2656 13.9531 6.0313 13.875 5.8438 C 13.7813 5.6563 13.6719 5.4844 13.5469 5.3594 C 13.4219 5.2344 13.2813 5.1563 13.125 5.0938 C 12.9688 5.0313 12.8281 5 12.7031 5 C 12.4063 5 12.1563 5.0625 11.9531 5.1563 C 11.7344 5.25 11.5625 5.375 11.4219 5.5313 C 11.2656 5.6875 11.1563 5.8438 11.0938 6.0156 C 11.0313 6.2031 11 6.3438 11 6.4688 C 11 6.7656 11.0469 7 11.1406 7.1875 C 11.2344 7.375 11.3594 7.5313 11.5156 7.6563 C 11.6563 7.7813 11.8125 7.875 11.9844 7.9219 C 12.1563 7.9844 12.3281 8 12.5 8 C 12.9844 8 13.3594 7.8594 13.6094 7.5469 L 13.6094 7.5469 ZM 14 10.3906 C 14 10.2344 13.9531 10.125 13.875 10.0625 C 13.7969 10.0156 13.7031 10 13.5781 10 C 13.4531 10.0313 13.3438 10.0625 13.2188 10.125 C 13.0938 10.1875 12.9219 10.2656 12.7188 10.3594 C 12.5156 10.4531 12.25 10.5625 11.9375 10.6719 C 11.6094 10.7969 11.2031 10.9063 10.7031 11 C 10.5781 11.0313 10.5 11.0938 10.4375 11.1875 C 10.375 11.2813 10.3594 11.375 10.3594 11.4688 C 10.3594 11.75 10.4063 11.9063 10.5156 11.9375 C 10.625 11.9844 10.75 12 10.8906 12 C 11.1875 12 11.4219 12.0469 11.5781 12.1094 C 11.7344 12.1875 11.8438 12.2813 11.9063 12.4063 C 11.9688 12.5313 12 12.6719 12 12.8281 L 12 13.2969 L 12 17.7031 L 12 18.1875 C 12 18.3438 11.9688 18.4844 11.9063 18.6094 C 11.8438 18.7344 11.7344 18.8281 11.5781 18.8906 C 11.4219 18.9688 11.1875 19 10.8906 19 C 10.7344 19 10.625 19.0156 10.5313 19.0469 C 10.4375 19.0781 10.3906 19.2344 10.3594 19.5156 C 10.3594 19.6719 10.375 19.8125 10.4375 19.9063 C 10.5 20 10.5781 20.0625 10.7031 20.0625 C 11.125 20.0313 11.5156 20 11.8594 20.0156 C 12.2031 20 12.5781 20 12.9844 20 C 13.375 20 13.75 20 14.1094 20.0156 C 14.4688 20 14.8594 20.0313 15.2969 20.0625 C 15.4063 20.0625 15.4844 20 15.5469 19.9063 C 15.6094 19.8125 15.6406 19.6719 15.6406 19.5156 C 15.625 19.2344 15.5625 19.0781 15.4688 19.0469 C 15.375 19.0156 15.2656 19 15.1406 19 C 14.8281 19 14.5781 18.9688 14.4219 18.8906 C 14.2656 18.8125 14.1563 18.7031 14.0938 18.5781 C 14.0313 18.4531 14 18.2969 14 18.125 L 14 17.5938 L 14 10.3906 L 14 10.3906 Z"></path> </g> </g> </symbol><symbol viewBox="0 0 46 64" id="icon-ipad"><title>ipad</title> <g> <path d="M 42.7143 0.9412 C 43.975 0.9412 45.0612 2.0302 45.0612 3.2941 L 45.0612 60.7059 C 45.0612 61.9698 43.975 63.0588 42.7143 63.0588 L 3.2857 63.0588 C 2.025 63.0588 0.9388 61.9698 0.9388 60.7059 L 0.9388 3.2941 C 0.9388 2.0302 2.025 0.9412 3.2857 0.9412 L 42.7143 0.9412 ZM 42.7143 0 L 3.2857 0 C 1.5065 0 0 1.5104 0 3.2941 L 0 60.7059 C 0 62.4896 1.5065 64 3.2857 64 L 42.7143 64 C 44.4935 64 46 62.4896 46 60.7059 L 46 3.2941 C 46 1.5104 44.4935 0 42.7143 0 Z"></path> <path d="M 5 6 L 41 6 L 41 52 L 5 52 L 5 6 ZM 4 5 L 4 53 L 42 53 L 42 5 L 4 5 Z"></path> <path d="M 22.9995 55.5516 C 24.2894 55.5529 25.5 56.3751 25.5 58 C 25.5 59.6314 24.2895 60.4498 23.0005 60.4484 C 21.7106 60.4471 20.5 59.6249 20.5 58 C 20.5 56.3686 21.7105 55.5502 22.9995 55.5516 ZM 23.0005 54.5516 C 21.2895 54.5497 19.5 55.6938 19.5 58 C 19.5 60.2999 21.2894 61.4466 22.9995 61.4484 C 24.7105 61.4503 26.5 60.3062 26.5 58 C 26.5 55.7001 24.7106 54.5534 23.0005 54.5516 Z"></path> </g> </symbol><symbol viewBox="0 0 53 35" id="icon-mute"><title>mute</title> <path d="M 24.4678 0.5239 L 9.2578 11.3833 L 3.3203 11.3833 C 1.9658 11.3833 0.8623 12.4927 0.8623 13.8394 L 0.8623 20.396 C 0.8623 21.7505 1.9717 22.853 3.3203 22.853 L 9.2578 22.853 L 24.4678 33.7114 C 25.5771 34.5034 26.4629 34.0415 26.4629 32.686 L 26.4629 1.5483 C 26.4688 0.1948 25.5771 -0.269 24.4678 0.5239 L 24.4678 0.5239 ZM 24.4678 0.5239 L 24.4678 0.5239 Z"></path> <path d="M 45.0508 17.1226 L 52.0674 10.1089 C 52.5615 9.6118 52.5615 8.8062 52.0674 8.311 C 51.5781 7.8188 50.7744 7.8188 50.2852 8.311 L 43.2686 15.3296 L 36.252 8.311 C 35.7578 7.8188 34.9531 7.8188 34.457 8.311 C 33.9629 8.8062 33.9629 9.6118 34.457 10.1089 L 41.4746 17.1226 L 34.457 24.1401 C 33.9629 24.6235 33.9629 25.4282 34.457 25.9224 C 34.9531 26.4175 35.7578 26.4175 36.252 25.9224 L 43.2686 18.9067 L 50.2852 25.9224 C 50.7744 26.4175 51.5781 26.4175 52.0674 25.9224 C 52.5615 25.4282 52.5615 24.6235 52.0674 24.1401 L 45.0508 17.1226 ZM 45.0508 17.1226 L 45.0508 17.1226 Z"></path> </symbol><symbol viewBox="0 0 40 48" id="icon-regenerate"><title>regenerate</title> <g> <path d="M 30.8175 9.7195 C 35.1796 12.995 38 18.2027 38 24.0674 C 38 33.3066 31 40.9149 22 41.9072 L 22 38.0281 L 15 43.014 L 22 48 L 22 43.9115 C 32.1068 42.9109 40 34.4091 40 24.0674 C 40 17.4758 36.7933 11.6311 31.8507 8 C 31.8507 8 27.8061 7.4583 30.8175 9.7195 Z"></path> <path d="M 9.1825 38.2261 C 4.8204 34.9553 2 29.755 2 23.8987 C 2 14.6726 9 7.075 18 6.0842 L 18 9.9578 L 25 4.9789 L 18 0 L 18 4.0827 C 7.8932 5.0819 0 13.5716 0 23.8987 C 0 30.4809 3.2067 36.3173 8.1493 39.9432 C 8.1493 39.9432 12.1939 40.4842 9.1825 38.2261 Z"></path> </g> </symbol><symbol viewBox="0 0 32 16" id="icon-reject"><title>reject</title> <path d="M 3.935 8.5 L 31 8.5 C 31.5523 8.5 32 8.0523 32 7.5 C 32 6.9477 31.5523 6.5 31 6.5 L 4.025 6.5 L 8.6936 2.3208 C 9.0733 1.9809 9.0678 1.4343 8.6857 1.1 C 8.306 0.7678 7.694 0.7678 7.3143 1.1 L 0.7711 6.8253 C 0.3464 7.1969 0.3047 7.8047 0.6829 8.1829 L 7.2258 14.7258 C 7.6521 15.1521 8.3479 15.1521 8.7742 14.7258 C 9.1975 14.3025 9.1907 13.6225 8.7643 13.207 L 3.935 8.5 Z"></path> </symbol><symbol viewBox="0 0 141.779 53.48" id="icon-resn-logo"><title>resn-logo</title><path d="M0 0h14.518c6.961 0 11.3 1.3 13.7 3.18c3.719 2.9 5.4 7.3 5.4 12.119c0 3.42-0.961 6.061-2.221 8 c-1.5 2.34-3.66 3.84-5.76 4.738l9.18 16.32H23.158l-11.58-21.42h1.859c2.881 0 5.34-0.24 6.84-1.199c1.381-0.9 2.52-3 2.52-5.461 c0-2.34-1.139-4.199-2.639-5.158c-1.26-0.781-3.061-1.201-4.621-1.201h-4.199v34.439H0V0z"></path><path d="M63.154 15.225c-3.119-3.301-7.5-5.281-12.6-5.281c-10.139 0-17.459 8.58-17.459 17.879c0 9.9 8.1 17.6 17.6 17.6 c3.418 0 6.719-1.02 9.479-3c2.82-1.92 5.16-4.801 6.779-8.52H56.795c-1.199 1.74-2.879 3.119-6.059 3.1 c-3.9 0-7.26-2.34-7.68-5.879h24.777C68.615 25.1 67.4 19.7 63.2 15.225z M43.176 23.6 c0.24-1.561 2.279-5.279 7.439-5.279s7.199 3.7 7.4 5.279H43.176z"></path><path d="M84.215 20.443c-0.061-0.721-0.18-2.52-3.119-2.52c-2.1 0-2.82 1.32-2.82 2.219c0 1.5 2.5 2.5 5.1 3.3 c5.641 1.6 11.6 3.2 11.6 10.439c0 7.32-6.182 11.641-13.561 11.641c-5.039 0-12.66-2.281-13.559-11.041h9.898 c0.42 3.1 3.4 3.1 3.8 3.061c1.68 0 3.479-0.961 3.479-2.58c0-2.279-2.459-2.58-8.818-5.039 c-4.32-1.381-7.92-4.201-7.92-8.701c0-6.898 6-11.279 12.898-11.279c4.381 0 11.9 1.7 12.8 10.5H84.215z"></path><path d="M117.275 41.454c0.263-1.907 0.904-3.756 1.893-5.435c1.068-1.91 2.682-3.525 4.24-5.09c1.723-1.725 3.67-3.676 3.777-5.08 l0.002-0.16h0.047v-2.127c0-4.498-1.139-13.619-12.359-13.619c-5.939 0-8.039 3.061-9.18 4.68v-3.539h-9.299v33.299h9.959V26.264 c0-3.42 0.779-6.961 5.699-6.961c4.441 0 5.2 3.2 5.2 6.9V41.454z"></path><path d="M140.365 38.303c-2.053-3.76-8.5-7.318-8.633-12.412v-0.158c0 0.025-0.004 0.051-0.004 0.1 c-0.002-0.027-0.004-0.053-0.004-0.078l-0.004 0.225c-0.189 5.059-6.586 8.602-8.631 12.342c-0.895 1.504-1.416 3.25-1.416 5.1 c0 5.6 4.5 10.1 10.1 10.055c5.551 0 10.053-4.502 10.053-10.055C141.779 41.6 141.3 39.8 140.4 38.303z"></path></symbol><symbol viewBox="0 0 20.105 27.748" id="icon-resn"><title>resn</title> <path d="M18.691 12.57c-2.053-3.76-8.5-7.318-8.633-12.412V0c0 0.025-0.004 0.051-0.004 0.078C10.053 0.1 10.1 0 10.1 0 l-0.004 0.225C9.857 5.3 3.5 8.8 1.4 12.566C0.521 14.1 0 15.8 0 17.693c0 5.6 4.5 10.1 10.1 10.1 c5.551 0 10.053-4.502 10.053-10.055C20.105 15.8 19.6 14.1 18.7 12.57z"></path> </symbol><symbol viewBox="0 0 32 28" id="icon-rotate"><title>rotate</title> <g> <path d="M13.9,0c7.6,0,13.7,6.1,13.9,13.7H32l-6.3,7l-6.3-7h4.9C24.2,8,19.6,3.5,13.9,3.5C8.1,3.5,3.5,8.2,3.5,14
c0,5.8,4.7,10.5,10.4,10.5c2.3,0,4.4-0.8,6.2-2l2.4,2.6c-2.4,1.9-5.3,3-8.6,3C6.2,28,0,21.7,0,14C0,6.3,6.2,0,13.9,0L13.9,0z"></path> </g> </symbol><symbol viewBox="0 0 40 40" id="icon-share"><title>share</title> <path d="M 33.6416 27.1489 C 31.916 27.1489 30.3564 27.8633 29.2461 29.0156 L 12.7715 20.7754 C 12.8213 20.4609 12.8467 20.1387 12.8467 19.8086 C 12.8467 19.4785 12.8213 19.1567 12.7715 18.8398 L 29.2461 10.6035 C 30.3564 11.752 31.916 12.4688 33.6416 12.4688 C 37.0205 12.4688 39.7578 9.731 39.7578 6.3535 C 39.7578 2.9771 37.0205 0.2383 33.6416 0.2383 C 30.2637 0.2383 27.5273 2.9771 27.5273 6.3535 C 27.5273 6.6807 27.5527 7.0063 27.6045 7.3203 L 11.1299 15.5576 C 10.0146 14.4082 8.457 13.6938 6.7305 13.6938 C 3.3525 13.6938 0.6152 16.4316 0.6152 19.8086 C 0.6152 23.186 3.3525 25.9238 6.7305 25.9238 C 8.457 25.9238 10.0146 25.2075 11.1299 24.0571 L 27.6045 32.2939 C 27.5527 32.6118 27.5273 32.9341 27.5273 33.2651 C 27.5273 36.6426 30.2637 39.3799 33.6416 39.3799 C 37.0205 39.3799 39.7578 36.6426 39.7578 33.2651 C 39.7578 29.8838 37.0205 27.1489 33.6416 27.1489 L 33.6416 27.1489 ZM 33.6416 27.1489 L 33.6416 27.1489 Z"></path> </symbol><symbol viewBox="0 0 38 31" id="icon-twitter-logo"><title>twitter-logo</title> <path d="M 37.8584 4.1602 C 36.4893 4.7686 35.0195 5.1797 33.4785 5.3613 C 35.0547 4.4189 36.2646 2.9248 36.8301 1.1445 C 35.3584 2.0176 33.7256 2.6504 31.9873 2.9932 C 30.6006 1.5107 28.6182 0.5859 26.4229 0.5859 C 22.2168 0.5859 18.8037 3.999 18.8037 8.208 C 18.8037 8.8086 18.8682 9.3877 19 9.9453 C 12.665 9.627 7.0508 6.5938 3.2852 1.9795 C 2.6289 3.1074 2.2529 4.4189 2.2529 5.8154 C 2.2529 8.457 3.6016 10.7939 5.6445 12.1602 C 4.3975 12.1201 3.2217 11.7764 2.1924 11.21 L 2.1924 11.3027 C 2.1924 14.9961 4.8193 18.0762 8.3076 18.7754 C 7.6689 18.9551 6.9971 19.0439 6.2979 19.0439 C 5.8086 19.0439 5.3301 18.999 4.8662 18.9092 C 5.834 21.9346 8.6465 24.1426 11.9863 24.2021 C 9.3779 26.2451 6.0869 27.4658 2.5186 27.4658 C 1.9033 27.4658 1.2969 27.4297 0.6992 27.3594 C 4.0752 29.5215 8.083 30.7842 12.3838 30.7842 C 26.4102 30.7842 34.0742 19.1689 34.0742 9.0928 C 34.0742 8.7627 34.0693 8.4336 34.0537 8.1104 C 35.5439 7.0322 36.8389 5.6904 37.8584 4.1602 L 37.8584 4.1602 Z"></path> </symbol><symbol viewBox="0 0 53 35" id="icon-unmute"><title>unmute</title> <path d="M26.547,32.736c0,1.359-0.889,1.824-2.002,1.028L9.285,22.872H3.328c-1.353,0-2.466-1.106-2.466-2.466v-6.577
c0-1.352,1.107-2.464,2.466-2.464h5.957L24.544,0.47c1.114-0.795,2.007-0.33,2.002,1.027V32.736z"></path> <g> <path d="M39.257,32.132c-0.333,0-0.665-0.127-0.919-0.381c-0.508-0.508-0.508-1.331,0-1.838c3.418-3.418,5.301-7.962,5.301-12.795
S41.756,7.74,38.338,4.323c-0.508-0.508-0.508-1.331,0-1.838c0.508-0.508,1.33-0.508,1.838,0c3.909,3.909,6.063,9.106,6.063,14.634
s-2.153,10.725-6.063,14.633C39.922,32.005,39.59,32.132,39.257,32.132z"></path> </g> <g> <path d="M34.458,27.332c-0.333,0-0.665-0.127-0.919-0.381c-0.508-0.507-0.508-1.33,0-1.838c2.136-2.137,3.312-4.977,3.312-7.996
c0-3.02-1.176-5.859-3.312-7.994c-0.508-0.508-0.508-1.331,0-1.838c0.506-0.508,1.33-0.508,1.838,0
c2.627,2.626,4.074,6.118,4.074,9.833c0,3.714-1.447,7.207-4.074,9.834C35.123,27.205,34.791,27.332,34.458,27.332z"></path> </g> </symbol></svg>
</div>
<div id="rootNode">
<!-- Loader -->
<section class="js-loader block block__loader" style="display: none;">
</section>
<!-- Home -->
<section class="js-home">
<!-- User Interface -->
<div class="js-interface block block__interface">
<div class="interfaceCrop">
<header class="js-header header globalHeader" data-active="false"><h3 class="headerTitle">Your flower for <span class="js-recipient" style="color: #F96943;"></span></h3></header>
<section class="js-screen-fallback screen screen__fallback" data-active="false">
<div class="layout layoutFallback">
<h2 class="layoutHeading">How can you love someone if you don’t even love yourself? Show yourself some love by upgrading your browser.</h2>
<p class="layoutParagraph">Update your <a href="http://browsehappy.com/" target="_blank">browser</a>.</p>
</div>
</section>
<div class="js-screen-intro screen screen__intro" data-active="true" style="display: block; visibility: inherit; opacity: 1;">
<div class="header screenHeader screenHeader__intro">
<h3 class="headerTitle">Create a Flower</h3>
</div>
<div class="layout layoutIntro">
<h2 class="layoutHeading">Enter your names &<br> click <div class="heart-wrapper"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-heart-solid"></use></svg></div> to create a unique flower<br> for someone</h2>
<button class="js-intro-continue continueButton"><svg><use xlink:href="#icon-chevron"></use></svg></button>
</div>
</div>
<section class="js-screen-generate screen screen__generate" data-active="false" style="visibility: hidden; opacity: 0;">
<div class="header screenHeader screenHeader__generate" style="visibility: hidden; opacity: 0;">
<h3 class="headerTitle">Enter Names & Click <svg><use xlink:href="#icon-heart-outline"></use></svg></h3>
</div>
<div class="layout layoutGenerate" style="visibility: hidden; opacity: 0;">
<div class="inputHolder inputHolder__you">
<input class="js-input_you nameField nameField__you" type="text" maxlength="15" name="input_you" id="js-name-you">
<label class="js-placeholder_you placeholder placeholder_you" for="input_you">you</label>
<span class="l_brack">(</span>
<span class="r_brack">)</span>
</div>
<div class="pulsatingHeart" data-speed="1">
<svg><use xlink:href="#icon-heart-solid"></use></svg>
</div>
<div class="inputHolder inputHolder__who">
<input class="js-input_who nameField nameField__who" type="text" maxlength="15" name="input_who" id="js-name-who">
<label class="js-placeholder_who placeholder placeholder_who" for="input_who">who?</label>
<span class="l_brack">(</span>
<span class="r_brack">)</span>
</div>
</div>
</section>
<section class="js-share-flower shareOverlay shareOverlay__flower" data-active="false">
<div class="layout layoutFlowerShare">
<h2 class="layoutHeading">Share this flower</h2>
<input class="shareSiteURL" value="http://flower.resn.co.nz/TWFuIGlzIGRpc3Rpbmd1aXNoZWQsIG" readonly="readonly">
<!--<p class="layoutParagraph">http://flower.resn.co.nz/TWFuIGlzIGRpc3Rpbmd1aXNoZWQsIG</p>-->
<ul class="layoutShareBtns">
<li class="js-share-flower-fb shareIcon" data-network="facebook">
<div><svg><use xlink:href="#icon-fb-logo"></use></svg></div>
</li>
<li class="js-share-flower-tw shareIcon" data-network="twitter" data-share-copy="Happy Valentine’s Day, {{recipient}}!
This #wildflower was created for you by {{sender}} and Resn.">
<div><svg><use xlink:href="#icon-twitter-logo"></use></svg></div>
</li>
</ul>
</div>
</section>
<section class="js-share-site shareOverlay shareOverlay__site" data-active="false">
<div class="header screenHeader screenHeader__share">
<h3 class="headerTitle">Built with <span class="heart"><svg><use xlink:href="#icon-heart-outline"></use></svg></span> by <span class="resn"><svg><use xlink:href="#icon-resn-logo"></use></svg></span></h3>
</div>
<div class="layout layoutSiteShare">
<button class="js-mute muteButton">
<svg data-state="unmute">
<use class="mute" xlink:href="#icon-mute"></use>
<use class="unmute" xlink:href="#icon-unmute"></use>
</svg>
</button>
<h2 class="layoutHeading">Share the love</h2>
<p class="layoutParagraph">Share this site</p>
<ul class="layoutShareBtns">
<li class="js-share-flower-fb shareIcon" data-network="facebook">
<div><svg><use xlink:href="#icon-fb-logo"></use></svg></div>
</li>
<li class="js-share-flower-tw shareIcon" data-network="twitter">
<div><svg><use xlink:href="#icon-twitter-logo"></use></svg></div>
</li>
</ul>
<button class="js-share-close closeButton"><svg><use xlink:href="#icon-close"></use></svg></button>
</div>
</section>
<section class="js-screen-rotate screen screen__rotate">
<div class="layout layoutRotate">
<h2 class="layoutHeading">Please rotate your device<br>to see your flower</h2>
<div class="layoutIcons">
<div class="layoutIcon__device">
<svg><use xlink:href="#icon-ipad"></use></svg>
</div>
<div class="layoutIcon__arrow">
<svg><use xlink:href="#icon-regenerate"></use></svg>
</div>
</div>
</div>
</section>
<footer class="js-footer globalFooter" style="display: block;">
<button class="js-footer-resn footerAction footerAction__resn" onclick="window.open('http://resn.co.nz/present/latest/');">
<svg><use xlink:href="#icon-resn"></use></svg>
</button>
<ul class="js-flower-controls footerAction footerAction__controls" data-state="flower" data-active="false">
<!-- hidden if unless you are the creator -->
<li class="js-flower-cancel controls controls__cancel">
<div><svg><use xlink:href="#icon-reject"></use></svg></div>
</li>
<li class="js-flower-regenerate controls controls__regenerate">
<div><svg><use xlink:href="#icon-regenerate"></use></svg></div>
</li>
<li class="js-flower-accept controls controls__accept">
<div><svg><use xlink:href="#icon-accept"></use></svg></div>
</li>
<!-- hidden if unless you are the recipient -->
<li class="js-flower-recipient-button controls controls__recipient">
<div><svg><use xlink:href="#icon-chevron"></use></svg></div>
</li>
</ul>
<!-- display: none; is temporary -->
<button tabindex="-1" class="js-footer-share-close footerAction footerAction__back" onclick="" data-active="false">
<div><svg><use xlink:href="#icon-reject"></use></svg></div>
</button>
<button class="js-footer-info footerAction footerAction__info" onclick="">
<svg><use xlink:href="#icon-info"></use></svg>
</button>
</footer>
</div>
</div>
<!-- Flower Experience -->
<div class="js-flower block block__flower" data-active="false">
<div class="js-flower_view flower_view"></div>
<div class="js-colour_overlay colour_overlay"></div>
</div>
</section>
</div>
<script data-main="20150213194513_1_0_0c9c3c2/js/loader" src="./Wildflower_files/require.js"></script>
<!-- version: 1.0.0c9c3c2 -->
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div></div></div><div style="position: absolute; top: -10000px; height: 0px; width: 0px;"><div><iframe name="fb_xdm_frame_http" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" id="fb_xdm_frame_http" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="./Wildflower_files/0F7S7QWJ0Ac.html" style="border: none;"></iframe><iframe name="fb_xdm_frame_https" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" id="fb_xdm_frame_https" aria-hidden="true" title="Facebook Cross Domain Communication Frame" tabindex="-1" src="./Wildflower_files/0F7S7QWJ0Ac(1).html" style="border: none;"></iframe></div></div></div></body></html>