ducky/web

Paddy 2015-05-03

0:99a43a6d1d30 Go to Latest

ducky/web/src/components/ducky.svg

First commit. Setup project structure, start getting our registration flow set up. At this point, it runs successfully locally, assuming the auth server is running locally at slightly.local:8080. So, uh... on my computer. Also, we currently have the Register button (on the register page) disabled always, because we still need to hook up form validation and set the this.state.valid property. If that property is set to true, then the button is enabled again. Still to do: validation, logging in. Then what we have written works, minus some configuration stuff that still needs to be figured out.

Download raw file
View source Diff to previous Annotate
History
1 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
2 <!-- Created with Inkscape (http://www.inkscape.org/) -->
3
4 <svg
5 xmlns:dc="http://purl.org/dc/elements/1.1/"
6 xmlns:cc="http://creativecommons.org/ns#"
7 xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
8 xmlns:svg="http://www.w3.org/2000/svg"
9 xmlns="http://www.w3.org/2000/svg"
10 xmlns:xlink="http://www.w3.org/1999/xlink"
11 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
12 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
13 width="290"
14 height="290"
15 id="svg2"
16 version="1.1"
17 inkscape:version="0.48.2 r9819"
18 inkscape:export-filename="/Users/paddyforan/Desktop/ducky.png"
19 inkscape:export-xdpi="180"
20 inkscape:export-ydpi="180"
21 sodipodi:docname="ducky.svg">
22 <sodipodi:namedview
23 id="base"
24 pagecolor="#ffffff"
25 bordercolor="#666666"
26 borderopacity="1.0"
27 inkscape:pageopacity="0.0"
28 inkscape:pageshadow="2"
29 inkscape:zoom="1"
30 inkscape:cx="145"
31 inkscape:cy="60.147186"
32 inkscape:document-units="px"
33 inkscape:current-layer="layer1"
34 showgrid="false"
35 showguides="true"
36 fit-margin-top="20"
37 fit-margin-left="20"
38 fit-margin-right="20"
39 fit-margin-bottom="20"
40 inkscape:window-width="1294"
41 inkscape:window-height="835"
42 inkscape:window-x="839"
43 inkscape:window-y="141"
44 inkscape:window-maximized="0"
45 inkscape:object-paths="true" />
46 <defs
47 id="defs4">
48 <linearGradient
49 inkscape:collect="always"
50 id="linearGradient4376">
51 <stop
52 style="stop-color:#000000;stop-opacity:1;"
53 offset="0"
54 id="stop4378" />
55 <stop
56 style="stop-color:#000000;stop-opacity:0;"
57 offset="1"
58 id="stop4380" />
59 </linearGradient>
60 <linearGradient
61 id="linearGradient4348">
62 <stop
63 style="stop-color:#ffffff;stop-opacity:0.720339;"
64 offset="0"
65 id="stop4350" />
66 <stop
67 id="stop4356"
68 offset="0.3125"
69 style="stop-color:#ffffff;stop-opacity:0.18644068;" />
70 <stop
71 style="stop-color:#ffffff;stop-opacity:0;"
72 offset="1"
73 id="stop4352" />
74 </linearGradient>
75 <linearGradient
76 id="linearGradient4336">
77 <stop
78 style="stop-color:#f9f9f9;stop-opacity:1;"
79 offset="0"
80 id="stop4338" />
81 <stop
82 style="stop-color:#f9f9f9;stop-opacity:0;"
83 offset="1"
84 id="stop4340" />
85 </linearGradient>
86 <linearGradient
87 id="linearGradient4048">
88 <stop
89 style="stop-color:#e0c700;stop-opacity:1;"
90 offset="0"
91 id="stop4050" />
92 <stop
93 id="stop4056"
94 offset="0.27083334"
95 style="stop-color:#ebd100;stop-opacity:1;" />
96 <stop
97 style="stop-color:#fce100;stop-opacity:1;"
98 offset="0.63541669"
99 id="stop4058" />
100 <stop
101 style="stop-color:#ffe300;stop-opacity:1;"
102 offset="1"
103 id="stop4052" />
104 </linearGradient>
105 <linearGradient
106 id="linearGradient3845">
107 <stop
108 style="stop-color:#e3e000;stop-opacity:0.58119661;"
109 offset="0"
110 id="stop3847" />
111 <stop
112 id="stop3853"
113 offset="0.66666669"
114 style="stop-color:#ffff3b;stop-opacity:0.52991456;" />
115 <stop
116 style="stop-color:#ffff65;stop-opacity:1;"
117 offset="0.83333337"
118 id="stop3913" />
119 <stop
120 style="stop-color:#ffff65;stop-opacity:1;"
121 offset="1"
122 id="stop3849" />
123 </linearGradient>
124 <linearGradient
125 inkscape:collect="always"
126 xlink:href="#linearGradient3845-4"
127 id="linearGradient3851-7"
128 x1="205"
129 y1="194.26562"
130 x2="330"
131 y2="194.26562"
132 gradientUnits="userSpaceOnUse" />
133 <linearGradient
134 id="linearGradient3845-4">
135 <stop
136 style="stop-color:#e3e000;stop-opacity:0.58119661;"
137 offset="0"
138 id="stop3847-0" />
139 <stop
140 id="stop3853-7"
141 offset="0.66666669"
142 style="stop-color:#ffff3b;stop-opacity:0.52991456;" />
143 <stop
144 style="stop-color:#ffff65;stop-opacity:1;"
145 offset="0.83333337"
146 id="stop3913-5" />
147 <stop
148 style="stop-color:#ffff65;stop-opacity:1;"
149 offset="1"
150 id="stop3849-0" />
151 </linearGradient>
152 <linearGradient
153 inkscape:collect="always"
154 xlink:href="#linearGradient4048-7"
155 id="linearGradient4054-2"
156 x1="205"
157 y1="195"
158 x2="330"
159 y2="195"
160 gradientUnits="userSpaceOnUse" />
161 <linearGradient
162 id="linearGradient4048-7">
163 <stop
164 style="stop-color:#9e8d00;stop-opacity:1;"
165 offset="0"
166 id="stop4050-8" />
167 <stop
168 id="stop4056-8"
169 offset="0.27083334"
170 style="stop-color:#d9c100;stop-opacity:1;" />
171 <stop
172 style="stop-color:#fce100;stop-opacity:1;"
173 offset="0.63541669"
174 id="stop4058-6" />
175 <stop
176 style="stop-color:#ffe300;stop-opacity:1;"
177 offset="1"
178 id="stop4052-4" />
179 </linearGradient>
180 <linearGradient
181 inkscape:collect="always"
182 xlink:href="#linearGradient4048-2"
183 id="linearGradient4054-26"
184 x1="205"
185 y1="195"
186 x2="330"
187 y2="195"
188 gradientUnits="userSpaceOnUse" />
189 <linearGradient
190 id="linearGradient4048-2">
191 <stop
192 style="stop-color:#cfb800;stop-opacity:1;"
193 offset="0"
194 id="stop4050-81" />
195 <stop
196 id="stop4056-6"
197 offset="0.27083334"
198 style="stop-color:#d9c100;stop-opacity:1;" />
199 <stop
200 style="stop-color:#fce100;stop-opacity:1;"
201 offset="0.63541669"
202 id="stop4058-4" />
203 <stop
204 style="stop-color:#ffe300;stop-opacity:1;"
205 offset="1"
206 id="stop4052-9" />
207 </linearGradient>
208 <linearGradient
209 inkscape:collect="always"
210 xlink:href="#linearGradient4048-6"
211 id="linearGradient4054-0"
212 x1="205"
213 y1="195"
214 x2="330"
215 y2="195"
216 gradientUnits="userSpaceOnUse" />
217 <linearGradient
218 id="linearGradient4048-6">
219 <stop
220 style="stop-color:#e0c700;stop-opacity:1;"
221 offset="0"
222 id="stop4050-3" />
223 <stop
224 id="stop4056-86"
225 offset="0.27083334"
226 style="stop-color:#ebd100;stop-opacity:1;" />
227 <stop
228 style="stop-color:#fce100;stop-opacity:1;"
229 offset="0.63541669"
230 id="stop4058-3" />
231 <stop
232 style="stop-color:#ffe300;stop-opacity:1;"
233 offset="1"
234 id="stop4052-93" />
235 </linearGradient>
236 <linearGradient
237 inkscape:collect="always"
238 xlink:href="#linearGradient4048"
239 id="linearGradient4184"
240 gradientUnits="userSpaceOnUse"
241 x1="205"
242 y1="195"
243 x2="330"
244 y2="195" />
245 <linearGradient
246 inkscape:collect="always"
247 xlink:href="#linearGradient4048-6"
248 id="linearGradient4186"
249 gradientUnits="userSpaceOnUse"
250 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
251 x1="205"
252 y1="195"
253 x2="330"
254 y2="195" />
255 <clipPath
256 clipPathUnits="userSpaceOnUse"
257 id="clipPath4222">
258 <path
259 sodipodi:type="star"
260 style="fill:#008000;fill-opacity:1"
261 id="path4224"
262 sodipodi:sides="8"
263 sodipodi:cx="119"
264 sodipodi:cy="143"
265 sodipodi:r1="102"
266 sodipodi:r2="94.23571"
267 sodipodi:arg1="0"
268 sodipodi:arg2="0.39269908"
269 inkscape:flatsided="true"
270 inkscape:rounded="0"
271 inkscape:randomized="0"
272 d="M 221,143 191.12489,215.12489 119,245 46.875108,215.12489 17,143 46.875108,70.875108 119,41 191.12489,70.875108 z"
273 transform="translate(-111.43993,46.15993)" />
274 </clipPath>
275 <clipPath
276 clipPathUnits="userSpaceOnUse"
277 id="clipPath4222-3">
278 <path
279 sodipodi:type="star"
280 style="fill:#008000;fill-opacity:1"
281 id="path4224-2"
282 sodipodi:sides="8"
283 sodipodi:cx="119"
284 sodipodi:cy="143"
285 sodipodi:r1="102"
286 sodipodi:r2="94.23571"
287 sodipodi:arg1="0"
288 sodipodi:arg2="0.39269908"
289 inkscape:flatsided="true"
290 inkscape:rounded="0"
291 inkscape:randomized="0"
292 d="M 221,143 191.12489,215.12489 119,245 46.875108,215.12489 17,143 46.875108,70.875108 119,41 191.12489,70.875108 z"
293 transform="translate(-111.43993,46.15993)" />
294 </clipPath>
295 <linearGradient
296 inkscape:collect="always"
297 xlink:href="#linearGradient4348"
298 id="linearGradient4354"
299 x1="217"
300 y1="838.86218"
301 x2="246"
302 y2="838.86218"
303 gradientUnits="userSpaceOnUse" />
304 <linearGradient
305 inkscape:collect="always"
306 xlink:href="#linearGradient4376"
307 id="linearGradient4382"
308 x1="170"
309 y1="188"
310 x2="193"
311 y2="188"
312 gradientUnits="userSpaceOnUse" />
313 <linearGradient
314 inkscape:collect="always"
315 xlink:href="#linearGradient4048-60"
316 id="linearGradient4184-8"
317 gradientUnits="userSpaceOnUse"
318 x1="205"
319 y1="195"
320 x2="330"
321 y2="195" />
322 <linearGradient
323 id="linearGradient4048-60">
324 <stop
325 style="stop-color:#e0c700;stop-opacity:1;"
326 offset="0"
327 id="stop4050-9" />
328 <stop
329 id="stop4056-1"
330 offset="0.27083334"
331 style="stop-color:#ebd100;stop-opacity:1;" />
332 <stop
333 style="stop-color:#fce100;stop-opacity:1;"
334 offset="0.63541669"
335 id="stop4058-31" />
336 <stop
337 style="stop-color:#ffe300;stop-opacity:1;"
338 offset="1"
339 id="stop4052-8" />
340 </linearGradient>
341 <linearGradient
342 inkscape:collect="always"
343 xlink:href="#linearGradient4048-6-4"
344 id="linearGradient4186-9"
345 gradientUnits="userSpaceOnUse"
346 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
347 x1="205"
348 y1="195"
349 x2="330"
350 y2="195" />
351 <linearGradient
352 id="linearGradient4048-6-4">
353 <stop
354 style="stop-color:#e0c700;stop-opacity:1;"
355 offset="0"
356 id="stop4050-3-3" />
357 <stop
358 id="stop4056-86-7"
359 offset="0.27083334"
360 style="stop-color:#ebd100;stop-opacity:1;" />
361 <stop
362 style="stop-color:#fce100;stop-opacity:1;"
363 offset="0.63541669"
364 id="stop4058-3-5" />
365 <stop
366 style="stop-color:#ffe300;stop-opacity:1;"
367 offset="1"
368 id="stop4052-93-1" />
369 </linearGradient>
370 <linearGradient
371 y2="195"
372 x2="330"
373 y1="195"
374 x1="205"
375 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
376 gradientUnits="userSpaceOnUse"
377 id="linearGradient5318"
378 xlink:href="#linearGradient4048-6-4"
379 inkscape:collect="always" />
380 <linearGradient
381 id="linearGradient4048-4">
382 <stop
383 style="stop-color:#e0c700;stop-opacity:1;"
384 offset="0"
385 id="stop4050-30" />
386 <stop
387 id="stop4056-4"
388 offset="0.27083334"
389 style="stop-color:#ebd100;stop-opacity:1;" />
390 <stop
391 style="stop-color:#fce100;stop-opacity:1;"
392 offset="0.63541669"
393 id="stop4058-7" />
394 <stop
395 style="stop-color:#ffe300;stop-opacity:1;"
396 offset="1"
397 id="stop4052-7" />
398 </linearGradient>
399 <linearGradient
400 inkscape:collect="always"
401 xlink:href="#linearGradient4048-6-46"
402 id="linearGradient4186-2"
403 gradientUnits="userSpaceOnUse"
404 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
405 x1="205"
406 y1="195"
407 x2="330"
408 y2="195" />
409 <linearGradient
410 id="linearGradient4048-6-46">
411 <stop
412 style="stop-color:#e0c700;stop-opacity:1;"
413 offset="0"
414 id="stop4050-3-6" />
415 <stop
416 id="stop4056-86-4"
417 offset="0.27083334"
418 style="stop-color:#ebd100;stop-opacity:1;" />
419 <stop
420 style="stop-color:#fce100;stop-opacity:1;"
421 offset="0.63541669"
422 id="stop4058-3-8" />
423 <stop
424 style="stop-color:#ffe300;stop-opacity:1;"
425 offset="1"
426 id="stop4052-93-3" />
427 </linearGradient>
428 <linearGradient
429 inkscape:collect="always"
430 xlink:href="#linearGradient4048-5"
431 id="linearGradient4184-7"
432 gradientUnits="userSpaceOnUse"
433 x1="205"
434 y1="195"
435 x2="330"
436 y2="195" />
437 <linearGradient
438 id="linearGradient4048-5">
439 <stop
440 style="stop-color:#e0c700;stop-opacity:1;"
441 offset="0"
442 id="stop4050-2" />
443 <stop
444 id="stop4056-9"
445 offset="0.27083334"
446 style="stop-color:#ebd100;stop-opacity:1;" />
447 <stop
448 style="stop-color:#fce100;stop-opacity:1;"
449 offset="0.63541669"
450 id="stop4058-9" />
451 <stop
452 style="stop-color:#ffe300;stop-opacity:1;"
453 offset="1"
454 id="stop4052-88" />
455 </linearGradient>
456 <linearGradient
457 inkscape:collect="always"
458 xlink:href="#linearGradient4048-6-3"
459 id="linearGradient4186-4"
460 gradientUnits="userSpaceOnUse"
461 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
462 x1="205"
463 y1="195"
464 x2="330"
465 y2="195" />
466 <linearGradient
467 id="linearGradient4048-6-3">
468 <stop
469 style="stop-color:#e0c700;stop-opacity:1;"
470 offset="0"
471 id="stop4050-3-1" />
472 <stop
473 id="stop4056-86-3"
474 offset="0.27083334"
475 style="stop-color:#ebd100;stop-opacity:1;" />
476 <stop
477 style="stop-color:#fce100;stop-opacity:1;"
478 offset="0.63541669"
479 id="stop4058-3-2" />
480 <stop
481 style="stop-color:#ffe300;stop-opacity:1;"
482 offset="1"
483 id="stop4052-93-0" />
484 </linearGradient>
485 <linearGradient
486 y2="195"
487 x2="330"
488 y1="195"
489 x1="205"
490 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
491 gradientUnits="userSpaceOnUse"
492 id="linearGradient7857"
493 xlink:href="#linearGradient4048-6-3"
494 inkscape:collect="always" />
495 <linearGradient
496 inkscape:collect="always"
497 xlink:href="#linearGradient4048"
498 id="linearGradient8538"
499 gradientUnits="userSpaceOnUse"
500 x1="205"
501 y1="195"
502 x2="330"
503 y2="195" />
504 <linearGradient
505 inkscape:collect="always"
506 xlink:href="#linearGradient4048-6"
507 id="linearGradient8540"
508 gradientUnits="userSpaceOnUse"
509 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
510 x1="205"
511 y1="195"
512 x2="330"
513 y2="195" />
514 <linearGradient
515 inkscape:collect="always"
516 xlink:href="#linearGradient4048"
517 id="linearGradient8550"
518 gradientUnits="userSpaceOnUse"
519 x1="205"
520 y1="195"
521 x2="330"
522 y2="195" />
523 <linearGradient
524 inkscape:collect="always"
525 xlink:href="#linearGradient4048-6"
526 id="linearGradient8552"
527 gradientUnits="userSpaceOnUse"
528 gradientTransform="matrix(-1,0,0,1,410,652.36218)"
529 x1="205"
530 y1="195"
531 x2="330"
532 y2="195" />
533 <linearGradient
534 inkscape:collect="always"
535 xlink:href="#linearGradient4048-6"
536 id="linearGradient8555"
537 gradientUnits="userSpaceOnUse"
538 gradientTransform="matrix(-1,0,0,1,410,636.36218)"
539 x1="205"
540 y1="195"
541 x2="330"
542 y2="195" />
543 <linearGradient
544 inkscape:collect="always"
545 xlink:href="#linearGradient4048"
546 id="linearGradient8558"
547 gradientUnits="userSpaceOnUse"
548 x1="205"
549 y1="195"
550 x2="330"
551 y2="195"
552 gradientTransform="translate(0,636.36218)" />
553 <linearGradient
554 inkscape:collect="always"
555 xlink:href="#linearGradient4048-25"
556 id="linearGradient8558-8"
557 gradientUnits="userSpaceOnUse"
558 x1="205"
559 y1="195"
560 x2="330"
561 y2="195"
562 gradientTransform="translate(0,636.36218)" />
563 <linearGradient
564 id="linearGradient4048-25">
565 <stop
566 style="stop-color:#e0c700;stop-opacity:1;"
567 offset="0"
568 id="stop4050-5" />
569 <stop
570 id="stop4056-7"
571 offset="0.27083334"
572 style="stop-color:#ebd100;stop-opacity:1;" />
573 <stop
574 style="stop-color:#fce100;stop-opacity:1;"
575 offset="0.63541669"
576 id="stop4058-0" />
577 <stop
578 style="stop-color:#ffe300;stop-opacity:1;"
579 offset="1"
580 id="stop4052-2" />
581 </linearGradient>
582 <linearGradient
583 inkscape:collect="always"
584 xlink:href="#linearGradient4048-6-8"
585 id="linearGradient8555-6"
586 gradientUnits="userSpaceOnUse"
587 gradientTransform="matrix(-0.99999999,0,0,1,410,626.36218)"
588 x1="205"
589 y1="195"
590 x2="330"
591 y2="195" />
592 <linearGradient
593 id="linearGradient4048-6-8">
594 <stop
595 style="stop-color:#e0c700;stop-opacity:1;"
596 offset="0"
597 id="stop4050-3-9" />
598 <stop
599 id="stop4056-86-78"
600 offset="0.27083334"
601 style="stop-color:#ebd100;stop-opacity:1;" />
602 <stop
603 style="stop-color:#fce100;stop-opacity:1;"
604 offset="0.63541669"
605 id="stop4058-3-9" />
606 <stop
607 style="stop-color:#ffe300;stop-opacity:1;"
608 offset="1"
609 id="stop4052-93-6" />
610 </linearGradient>
611 <linearGradient
612 y2="195"
613 x2="330"
614 y1="195"
615 x1="205"
616 gradientTransform="translate(-6.04e-6,626.36218)"
617 gradientUnits="userSpaceOnUse"
618 id="linearGradient8584"
619 xlink:href="#linearGradient4048-25"
620 inkscape:collect="always" />
621 </defs>
622 <metadata
623 id="metadata7">
624 <rdf:RDF>
625 <cc:Work
626 rdf:about="">
627 <dc:format>image/svg+xml</dc:format>
628 <dc:type
629 rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
630 <dc:title></dc:title>
631 </cc:Work>
632 </rdf:RDF>
633 </metadata>
634 <g
635 inkscape:label="Layer 1"
636 inkscape:groupmode="layer"
637 id="layer1"
638 transform="translate(-59.999997,-686.36218)">
639 <g
640 id="g10687">
641 <path
642 id="path3999-6"
643 d="m 205,706.36218 0,250 51.78125,0 L 330,883.14343 l 0,-103.5625 -73.21875,-73.21875 -51.78125,0 z"
644 style="fill:url(#linearGradient8558);fill-opacity:1"
645 inkscape:connector-curvature="0" />
646 <path
647 id="path3999-6-6"
648 d="m 205,706.36218 0,250 -51.78125,0 L 80,883.14343 l 0,-103.5625 73.21875,-73.21875 51.78125,0 z"
649 style="fill:url(#linearGradient8555);fill-opacity:1"
650 inkscape:connector-curvature="0" />
651 </g>
652 <path
653 inkscape:connector-curvature="0"
654 id="path4388"
655 d="m 257,808.4383 0,53.84777 -17.57359,38.07611 -24.85282,0 L 197,862.28606 l 0,-53.84776 17.57359,-38.07612 24.85282,0 z"
656 style="fill:#f9f9f9;fill-opacity:1" />
657 <path
658 inkscape:connector-curvature="0"
659 id="path4388-3"
660 d="m 214.99999,808.4383 0,53.84777 -17.57359,38.07611 -24.85281,0 -17.5736,-38.07612 0,-53.84776 17.57359,-38.07612 24.85282,0 z"
661 style="fill:#f9f9f9;fill-opacity:1" />
662 <path
663 inkscape:connector-curvature="0"
664 id="path4388-3-2"
665 d="m 199,830.42105 0,19.88225 -6.44365,14.05888 -9.1127,0 L 177,850.3033 l 0,-19.88225 6.44365,-14.05887 9.1127,0 z"
666 style="fill:#000000;fill-opacity:1" />
667 <path
668 inkscape:connector-curvature="0"
669 id="path4388-3-2-3"
670 d="m 237,830.42105 0,19.88225 -6.44365,14.05888 -9.1127,0 L 215,850.3033 l 0,-19.88225 6.44365,-14.05887 9.1127,0 z"
671 style="fill:#000000;fill-opacity:1" />
672 <path
673 style="fill:#ff8b00;fill-opacity:1;stroke:none"
674 d="m 302.02397,911.28458 -45.24272,45.0776 -103.38652,0 -44.35762,-45.0776 44.35762,-44.85924 103.21095,0 z"
675 id="path7828"
676 inkscape:connector-curvature="0"
677 sodipodi:nodetypes="ccccccc" />
678 </g>
679 </svg>