diff --git a/index.js b/index.js index 83d7cc8..bcf8ac0 100644 --- a/index.js +++ b/index.js @@ -18,7 +18,7 @@ animationend:r("Animation","AnimationEnd"),animationiteration:r("Animation","Ani traverseTwoPhase:i,traverseEnterLeave:s}},function(e,t,n){"use strict";var r=n(6),o=n(3),a=n(71),i=n(72),s=n(32),l=n(77),u=(n(7),n(125),function(e){this._currentElement=e,this._stringText=""+e,this._hostNode=null,this._hostParent=null,this._domID=0,this._mountIndex=0,this._closingComment=null,this._commentNodes=null});o(u.prototype,{mountComponent:function(e,t,n,r){var o=n._idCounter++,a=" react-text: "+o+" ",u=" /react-text ";if(this._domID=o,this._hostParent=t,e.useCreateElement){var c=n._ownerDocument,d=c.createComment(a),p=c.createComment(u),f=i(c.createDocumentFragment());return i.queueChild(f,i(d)),this._stringText&&i.queueChild(f,i(c.createTextNode(this._stringText))),i.queueChild(f,i(p)),s.precacheNode(this,d),this._closingComment=p,f}var h=l(this._stringText);return e.renderToStaticMarkup?h:""+h+""},receiveComponent:function(e,t){if(e!==this._currentElement){this._currentElement=e;var n=""+e;if(n!==this._stringText){this._stringText=n;var r=this.getHostNode();a.replaceDelimitedText(r[0],r[1],n)}}},getHostNode:function(){var e=this._commentNodes;if(e)return e;if(!this._closingComment)for(var t=s.getNodeFromInstance(this),n=t.nextSibling;;){if(null==n?r("67",this._domID):void 0,8===n.nodeType&&" /react-text "===n.nodeValue){this._closingComment=n;break}n=n.nextSibling}return e=[this._hostNode,this._closingComment],this._commentNodes=e,e},unmountComponent:function(){this._closingComment=null,this._commentNodes=null,s.uncacheNode(this)}}),e.exports=u},function(e,t,n){"use strict";function r(){this.reinitializeTransaction()}var o=n(3),a=n(52),i=n(59),s=n(11),l={initialize:s,close:function(){p.isBatchingUpdates=!1}},u={initialize:s,close:a.flushBatchedUpdates.bind(a)},c=[u,l];o(r.prototype,i.Mixin,{getTransactionWrappers:function(){return c}});var d=new r,p={isBatchingUpdates:!1,batchedUpdates:function(e,t,n,r,o,a){var i=p.isBatchingUpdates;p.isBatchingUpdates=!0,i?e(t,n,r,o,a):d.perform(e,null,t,n,r,o,a)}};e.exports=p},function(e,t,n){"use strict";function r(e){for(;e._hostParent;)e=e._hostParent;var t=d.getNodeFromInstance(e),n=t.parentNode;return d.getClosestInstanceFromNode(n)}function o(e,t){this.topLevelType=e,this.nativeEvent=t,this.ancestors=[]}function a(e){var t=f(e.nativeEvent),n=d.getClosestInstanceFromNode(t),o=n;do e.ancestors.push(o),o=o&&r(o);while(o);for(var a=0;at.end?(n=t.end,r=t.start):(n=t.start,r=t.end),o.moveToElementText(e),o.moveStart("character",n),o.setEndPoint("EndToStart",o),o.moveEnd("character",r-n),o.select()}function s(e,t){if(window.getSelection){var n=window.getSelection(),r=e[c()].length,o=Math.min(t.start,r),a=void 0===t.end?o:Math.min(t.end,r);if(!n.extend&&o>a){var i=a;a=o,o=i}var s=u(e,o),l=u(e,a);if(s&&l){var d=document.createRange();d.setStart(s.node,s.offset),n.removeAllRanges(),o>a?(n.addRange(d),n.extend(l.node,l.offset)):(d.setEnd(l.node,l.offset),n.addRange(d))}}}var l=n(45),u=n(137),c=n(47),d=l.canUseDOM&&"selection"in document&&!("getSelection"in window),p={getOffsets:d?o:a,setOffsets:d?i:s};e.exports=p},function(e,t){"use strict";function n(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function r(e){for(;e;){if(e.nextSibling)return e.nextSibling;e=e.parentNode}}function o(e,t){for(var o=n(e),a=0,i=0;o;){if(3===o.nodeType){if(i=a+o.textContent.length,a<=t&&i>=t)return{node:o,offset:t-a};a=i}o=n(r(o))}}e.exports=o},function(e,t,n){"use strict";function r(e,t){return!(!e||!t)&&(e===t||!o(e)&&(o(t)?r(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}var o=n(139);e.exports=r},function(e,t,n){"use strict";function r(e){return o(e)&&3==e.nodeType}var o=n(140);e.exports=r},function(e,t){"use strict";function n(e){return!(!e||!("function"==typeof Node?e instanceof Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}e.exports=n},function(e,t){"use strict";function n(){if("undefined"==typeof document)return null;try{return document.activeElement||document.body}catch(e){return document.body}}e.exports=n},function(e,t){"use strict";var n={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"},r={accentHeight:"accent-height",accumulate:0,additive:0,alignmentBaseline:"alignment-baseline",allowReorder:"allowReorder",alphabetic:0,amplitude:0,arabicForm:"arabic-form",ascent:0,attributeName:"attributeName",attributeType:"attributeType",autoReverse:"autoReverse",azimuth:0,baseFrequency:"baseFrequency",baseProfile:"baseProfile",baselineShift:"baseline-shift",bbox:0,begin:0,bias:0,by:0,calcMode:"calcMode",capHeight:"cap-height",clip:0,clipPath:"clip-path",clipRule:"clip-rule",clipPathUnits:"clipPathUnits",colorInterpolation:"color-interpolation",colorInterpolationFilters:"color-interpolation-filters",colorProfile:"color-profile",colorRendering:"color-rendering",contentScriptType:"contentScriptType",contentStyleType:"contentStyleType",cursor:0,cx:0,cy:0,d:0,decelerate:0,descent:0,diffuseConstant:"diffuseConstant",direction:0,display:0,divisor:0,dominantBaseline:"dominant-baseline",dur:0,dx:0,dy:0,edgeMode:"edgeMode",elevation:0,enableBackground:"enable-background",end:0,exponent:0,externalResourcesRequired:"externalResourcesRequired",fill:0,fillOpacity:"fill-opacity",fillRule:"fill-rule",filter:0,filterRes:"filterRes",filterUnits:"filterUnits",floodColor:"flood-color",floodOpacity:"flood-opacity",focusable:0,fontFamily:"font-family",fontSize:"font-size",fontSizeAdjust:"font-size-adjust",fontStretch:"font-stretch",fontStyle:"font-style",fontVariant:"font-variant",fontWeight:"font-weight",format:0,from:0,fx:0,fy:0,g1:0,g2:0,glyphName:"glyph-name",glyphOrientationHorizontal:"glyph-orientation-horizontal",glyphOrientationVertical:"glyph-orientation-vertical",glyphRef:"glyphRef",gradientTransform:"gradientTransform",gradientUnits:"gradientUnits",hanging:0,horizAdvX:"horiz-adv-x",horizOriginX:"horiz-origin-x",ideographic:0,imageRendering:"image-rendering","in":0,in2:0,intercept:0,k:0,k1:0,k2:0,k3:0,k4:0,kernelMatrix:"kernelMatrix",kernelUnitLength:"kernelUnitLength",kerning:0,keyPoints:"keyPoints",keySplines:"keySplines",keyTimes:"keyTimes",lengthAdjust:"lengthAdjust",letterSpacing:"letter-spacing",lightingColor:"lighting-color",limitingConeAngle:"limitingConeAngle",local:0,markerEnd:"marker-end",markerMid:"marker-mid",markerStart:"marker-start",markerHeight:"markerHeight",markerUnits:"markerUnits",markerWidth:"markerWidth",mask:0,maskContentUnits:"maskContentUnits",maskUnits:"maskUnits",mathematical:0,mode:0,numOctaves:"numOctaves",offset:0,opacity:0,operator:0,order:0,orient:0,orientation:0,origin:0,overflow:0,overlinePosition:"overline-position",overlineThickness:"overline-thickness",paintOrder:"paint-order",panose1:"panose-1",pathLength:"pathLength",patternContentUnits:"patternContentUnits",patternTransform:"patternTransform",patternUnits:"patternUnits",pointerEvents:"pointer-events",points:0,pointsAtX:"pointsAtX",pointsAtY:"pointsAtY",pointsAtZ:"pointsAtZ",preserveAlpha:"preserveAlpha",preserveAspectRatio:"preserveAspectRatio",primitiveUnits:"primitiveUnits",r:0,radius:0,refX:"refX",refY:"refY",renderingIntent:"rendering-intent",repeatCount:"repeatCount",repeatDur:"repeatDur",requiredExtensions:"requiredExtensions",requiredFeatures:"requiredFeatures",restart:0,result:0,rotate:0,rx:0,ry:0,scale:0,seed:0,shapeRendering:"shape-rendering",slope:0,spacing:0,specularConstant:"specularConstant",specularExponent:"specularExponent",speed:0,spreadMethod:"spreadMethod",startOffset:"startOffset",stdDeviation:"stdDeviation",stemh:0,stemv:0,stitchTiles:"stitchTiles",stopColor:"stop-color",stopOpacity:"stop-opacity",strikethroughPosition:"strikethrough-position",strikethroughThickness:"strikethrough-thickness",string:0,stroke:0,strokeDasharray:"stroke-dasharray",strokeDashoffset:"stroke-dashoffset",strokeLinecap:"stroke-linecap",strokeLinejoin:"stroke-linejoin",strokeMiterlimit:"stroke-miterlimit",strokeOpacity:"stroke-opacity",strokeWidth:"stroke-width",surfaceScale:"surfaceScale",systemLanguage:"systemLanguage",tableValues:"tableValues",targetX:"targetX",targetY:"targetY",textAnchor:"text-anchor",textDecoration:"text-decoration",textRendering:"text-rendering",textLength:"textLength",to:0,transform:0,u1:0,u2:0,underlinePosition:"underline-position",underlineThickness:"underline-thickness",unicode:0,unicodeBidi:"unicode-bidi",unicodeRange:"unicode-range",unitsPerEm:"units-per-em",vAlphabetic:"v-alphabetic",vHanging:"v-hanging",vIdeographic:"v-ideographic",vMathematical:"v-mathematical",values:0,vectorEffect:"vector-effect",version:0,vertAdvY:"vert-adv-y",vertOriginX:"vert-origin-x",vertOriginY:"vert-origin-y",viewBox:"viewBox",viewTarget:"viewTarget",visibility:0,widths:0,wordSpacing:"word-spacing",writingMode:"writing-mode",x:0,xHeight:"x-height",x1:0,x2:0,xChannelSelector:"xChannelSelector",xlinkActuate:"xlink:actuate",xlinkArcrole:"xlink:arcrole",xlinkHref:"xlink:href",xlinkRole:"xlink:role",xlinkShow:"xlink:show",xlinkTitle:"xlink:title",xlinkType:"xlink:type",xmlBase:"xml:base",xmlns:0,xmlnsXlink:"xmlns:xlink",xmlLang:"xml:lang",xmlSpace:"xml:space",y:0,y1:0,y2:0,yChannelSelector:"yChannelSelector",z:0,zoomAndPan:"zoomAndPan"},o={Properties:{},DOMAttributeNamespaces:{xlinkActuate:n.xlink,xlinkArcrole:n.xlink,xlinkHref:n.xlink,xlinkRole:n.xlink,xlinkShow:n.xlink,xlinkTitle:n.xlink,xlinkType:n.xlink,xmlBase:n.xml,xmlLang:n.xml,xmlSpace:n.xml},DOMAttributeNames:{}};Object.keys(r).forEach(function(e){o.Properties[e]=0,r[e]&&(o.DOMAttributeNames[e]=r[e])}),e.exports=o},function(e,t,n){"use strict";function r(e){if("selectionStart"in e&&u.hasSelectionCapabilities(e))return{start:e.selectionStart,end:e.selectionEnd};if(window.getSelection){var t=window.getSelection();return{anchorNode:t.anchorNode,anchorOffset:t.anchorOffset,focusNode:t.focusNode,focusOffset:t.focusOffset}}if(document.selection){var n=document.selection.createRange();return{parentElement:n.parentElement(),text:n.text,top:n.boundingTop,left:n.boundingLeft}}}function o(e,t){if(E||null==y||y!==d())return null;var n=r(y);if(!_||!h(_,n)){_=n;var o=c.getPooled(g.select,b,e,t);return o.type="select",o.target=y,i.accumulateTwoPhaseDispatches(o),o}return null}var a=n(37),i=n(38),s=n(45),l=n(32),u=n(135),c=n(49),d=n(141),p=n(62),f=n(24),h=n(117),m=a.topLevelTypes,v=s.canUseDOM&&"documentMode"in document&&document.documentMode<=11,g={select:{phasedRegistrationNames:{bubbled:f({onSelect:null}),captured:f({onSelectCapture:null})},dependencies:[m.topBlur,m.topContextMenu,m.topFocus,m.topKeyDown,m.topKeyUp,m.topMouseDown,m.topMouseUp,m.topSelectionChange]}},y=null,b=null,_=null,E=!1,C=!1,w=f({onSelect:null}),k={eventTypes:g,extractEvents:function(e,t,n,r){if(!C)return null;var a=t?l.getNodeFromInstance(t):window;switch(e){case m.topFocus:(p(a)||"true"===a.contentEditable)&&(y=a,b=t,_=null);break;case m.topBlur:y=null,b=null,_=null;break;case m.topMouseDown:E=!0;break;case m.topContextMenu:case m.topMouseUp:return E=!1,o(n,r);case m.topSelectionChange:if(v)break;case m.topKeyDown:case m.topKeyUp:return o(n,r)}return null},didPutListener:function(e,t,n){t===w&&(C=!0)}};e.exports=k},function(e,t,n){"use strict";function r(e){return"."+e._rootNodeID}var o=n(6),a=n(37),i=n(131),s=n(38),l=n(32),u=n(145),c=n(146),d=n(49),p=n(147),f=n(148),h=n(65),m=n(151),v=n(152),g=n(153),y=n(66),b=n(154),_=n(11),E=n(149),C=(n(7),n(24)),w=a.topLevelTypes,k={abort:{phasedRegistrationNames:{bubbled:C({onAbort:!0}),captured:C({onAbortCapture:!0})}},animationEnd:{phasedRegistrationNames:{bubbled:C({onAnimationEnd:!0}),captured:C({onAnimationEndCapture:!0})}},animationIteration:{phasedRegistrationNames:{bubbled:C({onAnimationIteration:!0}),captured:C({onAnimationIterationCapture:!0})}},animationStart:{phasedRegistrationNames:{bubbled:C({onAnimationStart:!0}),captured:C({onAnimationStartCapture:!0})}},blur:{phasedRegistrationNames:{bubbled:C({onBlur:!0}),captured:C({onBlurCapture:!0})}},canPlay:{phasedRegistrationNames:{bubbled:C({onCanPlay:!0}),captured:C({onCanPlayCapture:!0})}},canPlayThrough:{phasedRegistrationNames:{bubbled:C({onCanPlayThrough:!0}),captured:C({onCanPlayThroughCapture:!0})}},click:{phasedRegistrationNames:{bubbled:C({onClick:!0}),captured:C({onClickCapture:!0})}},contextMenu:{phasedRegistrationNames:{bubbled:C({onContextMenu:!0}),captured:C({onContextMenuCapture:!0})}},copy:{phasedRegistrationNames:{bubbled:C({onCopy:!0}),captured:C({onCopyCapture:!0})}},cut:{phasedRegistrationNames:{bubbled:C({onCut:!0}),captured:C({onCutCapture:!0})}},doubleClick:{phasedRegistrationNames:{bubbled:C({onDoubleClick:!0}),captured:C({onDoubleClickCapture:!0})}},drag:{phasedRegistrationNames:{bubbled:C({onDrag:!0}),captured:C({onDragCapture:!0})}},dragEnd:{phasedRegistrationNames:{bubbled:C({onDragEnd:!0}),captured:C({onDragEndCapture:!0})}},dragEnter:{phasedRegistrationNames:{bubbled:C({onDragEnter:!0}),captured:C({onDragEnterCapture:!0})}},dragExit:{phasedRegistrationNames:{bubbled:C({onDragExit:!0}),captured:C({onDragExitCapture:!0})}},dragLeave:{phasedRegistrationNames:{bubbled:C({onDragLeave:!0}),captured:C({onDragLeaveCapture:!0})}},dragOver:{phasedRegistrationNames:{bubbled:C({onDragOver:!0}),captured:C({onDragOverCapture:!0})}},dragStart:{phasedRegistrationNames:{bubbled:C({onDragStart:!0}),captured:C({onDragStartCapture:!0})}},drop:{phasedRegistrationNames:{bubbled:C({onDrop:!0}),captured:C({onDropCapture:!0})}},durationChange:{phasedRegistrationNames:{bubbled:C({onDurationChange:!0}),captured:C({onDurationChangeCapture:!0})}},emptied:{phasedRegistrationNames:{bubbled:C({onEmptied:!0}),captured:C({onEmptiedCapture:!0})}},encrypted:{phasedRegistrationNames:{bubbled:C({onEncrypted:!0}),captured:C({onEncryptedCapture:!0})}},ended:{phasedRegistrationNames:{bubbled:C({onEnded:!0}),captured:C({onEndedCapture:!0})}},error:{phasedRegistrationNames:{bubbled:C({onError:!0}),captured:C({onErrorCapture:!0})}},focus:{phasedRegistrationNames:{bubbled:C({onFocus:!0}),captured:C({onFocusCapture:!0})}},input:{phasedRegistrationNames:{bubbled:C({onInput:!0}),captured:C({onInputCapture:!0})}},invalid:{phasedRegistrationNames:{bubbled:C({onInvalid:!0}),captured:C({onInvalidCapture:!0})}},keyDown:{phasedRegistrationNames:{bubbled:C({onKeyDown:!0}),captured:C({onKeyDownCapture:!0})}},keyPress:{phasedRegistrationNames:{bubbled:C({onKeyPress:!0}),captured:C({onKeyPressCapture:!0})}},keyUp:{phasedRegistrationNames:{bubbled:C({onKeyUp:!0}),captured:C({onKeyUpCapture:!0})}},load:{phasedRegistrationNames:{bubbled:C({onLoad:!0}),captured:C({onLoadCapture:!0})}},loadedData:{phasedRegistrationNames:{bubbled:C({onLoadedData:!0}),captured:C({onLoadedDataCapture:!0})}},loadedMetadata:{phasedRegistrationNames:{bubbled:C({onLoadedMetadata:!0}),captured:C({onLoadedMetadataCapture:!0})}},loadStart:{phasedRegistrationNames:{bubbled:C({onLoadStart:!0}),captured:C({onLoadStartCapture:!0})}},mouseDown:{phasedRegistrationNames:{bubbled:C({onMouseDown:!0}),captured:C({onMouseDownCapture:!0})}},mouseMove:{phasedRegistrationNames:{bubbled:C({onMouseMove:!0}),captured:C({onMouseMoveCapture:!0})}},mouseOut:{phasedRegistrationNames:{bubbled:C({onMouseOut:!0}),captured:C({onMouseOutCapture:!0})}},mouseOver:{phasedRegistrationNames:{bubbled:C({onMouseOver:!0}),captured:C({onMouseOverCapture:!0})}},mouseUp:{phasedRegistrationNames:{bubbled:C({onMouseUp:!0}),captured:C({onMouseUpCapture:!0})}},paste:{phasedRegistrationNames:{bubbled:C({onPaste:!0}),captured:C({onPasteCapture:!0})}},pause:{phasedRegistrationNames:{bubbled:C({onPause:!0}),captured:C({onPauseCapture:!0})}},play:{phasedRegistrationNames:{bubbled:C({onPlay:!0}),captured:C({onPlayCapture:!0})}},playing:{phasedRegistrationNames:{bubbled:C({onPlaying:!0}),captured:C({onPlayingCapture:!0})}},progress:{phasedRegistrationNames:{bubbled:C({onProgress:!0}),captured:C({onProgressCapture:!0})}},rateChange:{phasedRegistrationNames:{bubbled:C({onRateChange:!0}),captured:C({onRateChangeCapture:!0})}},reset:{phasedRegistrationNames:{bubbled:C({onReset:!0}),captured:C({onResetCapture:!0})}},scroll:{phasedRegistrationNames:{bubbled:C({onScroll:!0}),captured:C({onScrollCapture:!0})}},seeked:{phasedRegistrationNames:{bubbled:C({onSeeked:!0}),captured:C({onSeekedCapture:!0})}},seeking:{phasedRegistrationNames:{bubbled:C({onSeeking:!0}),captured:C({onSeekingCapture:!0})}},stalled:{phasedRegistrationNames:{bubbled:C({onStalled:!0}),captured:C({onStalledCapture:!0})}},submit:{phasedRegistrationNames:{bubbled:C({onSubmit:!0}),captured:C({onSubmitCapture:!0})}},suspend:{phasedRegistrationNames:{bubbled:C({onSuspend:!0}),captured:C({onSuspendCapture:!0})}},timeUpdate:{phasedRegistrationNames:{bubbled:C({onTimeUpdate:!0}),captured:C({onTimeUpdateCapture:!0})}},touchCancel:{phasedRegistrationNames:{bubbled:C({onTouchCancel:!0}),captured:C({onTouchCancelCapture:!0})}},touchEnd:{phasedRegistrationNames:{bubbled:C({onTouchEnd:!0}),captured:C({onTouchEndCapture:!0})}},touchMove:{phasedRegistrationNames:{bubbled:C({onTouchMove:!0}),captured:C({onTouchMoveCapture:!0})}},touchStart:{phasedRegistrationNames:{bubbled:C({onTouchStart:!0}),captured:C({onTouchStartCapture:!0})}},transitionEnd:{phasedRegistrationNames:{bubbled:C({onTransitionEnd:!0}),captured:C({onTransitionEndCapture:!0})}},volumeChange:{phasedRegistrationNames:{bubbled:C({onVolumeChange:!0}),captured:C({onVolumeChangeCapture:!0})}},waiting:{phasedRegistrationNames:{bubbled:C({onWaiting:!0}),captured:C({onWaitingCapture:!0})}},wheel:{phasedRegistrationNames:{bubbled:C({onWheel:!0}),captured:C({onWheelCapture:!0})}}},x={topAbort:k.abort,topAnimationEnd:k.animationEnd,topAnimationIteration:k.animationIteration,topAnimationStart:k.animationStart,topBlur:k.blur,topCanPlay:k.canPlay,topCanPlayThrough:k.canPlayThrough,topClick:k.click,topContextMenu:k.contextMenu,topCopy:k.copy,topCut:k.cut,topDoubleClick:k.doubleClick,topDrag:k.drag,topDragEnd:k.dragEnd,topDragEnter:k.dragEnter,topDragExit:k.dragExit,topDragLeave:k.dragLeave,topDragOver:k.dragOver,topDragStart:k.dragStart,topDrop:k.drop,topDurationChange:k.durationChange,topEmptied:k.emptied,topEncrypted:k.encrypted,topEnded:k.ended,topError:k.error,topFocus:k.focus,topInput:k.input,topInvalid:k.invalid,topKeyDown:k.keyDown,topKeyPress:k.keyPress,topKeyUp:k.keyUp,topLoad:k.load,topLoadedData:k.loadedData,topLoadedMetadata:k.loadedMetadata,topLoadStart:k.loadStart,topMouseDown:k.mouseDown,topMouseMove:k.mouseMove,topMouseOut:k.mouseOut,topMouseOver:k.mouseOver,topMouseUp:k.mouseUp,topPaste:k.paste,topPause:k.pause,topPlay:k.play,topPlaying:k.playing,topProgress:k.progress,topRateChange:k.rateChange,topReset:k.reset,topScroll:k.scroll,topSeeked:k.seeked,topSeeking:k.seeking,topStalled:k.stalled,topSubmit:k.submit,topSuspend:k.suspend,topTimeUpdate:k.timeUpdate,topTouchCancel:k.touchCancel,topTouchEnd:k.touchEnd,topTouchMove:k.touchMove,topTouchStart:k.touchStart,topTransitionEnd:k.transitionEnd,topVolumeChange:k.volumeChange,topWaiting:k.waiting,topWheel:k.wheel};for(var T in x)x[T].dependencies=[T];var S=C({onClick:null}),P={},M={eventTypes:k,extractEvents:function(e,t,n,r){var a=x[e];if(!a)return null;var i;switch(e){case w.topAbort:case w.topCanPlay:case w.topCanPlayThrough:case w.topDurationChange:case w.topEmptied:case w.topEncrypted:case w.topEnded:case w.topError:case w.topInput:case w.topInvalid:case w.topLoad:case w.topLoadedData:case w.topLoadedMetadata:case w.topLoadStart:case w.topPause:case w.topPlay:case w.topPlaying:case w.topProgress:case w.topRateChange:case w.topReset:case w.topSeeked:case w.topSeeking:case w.topStalled:case w.topSubmit:case w.topSuspend:case w.topTimeUpdate:case w.topVolumeChange:case w.topWaiting:i=d;break;case w.topKeyPress:if(0===E(n))return null;case w.topKeyDown:case w.topKeyUp:i=f;break;case w.topBlur:case w.topFocus:i=p;break;case w.topClick:if(2===n.button)return null;case w.topContextMenu:case w.topDoubleClick:case w.topMouseDown:case w.topMouseMove:case w.topMouseOut:case w.topMouseOver:case w.topMouseUp:i=h;break;case w.topDrag:case w.topDragEnd:case w.topDragEnter:case w.topDragExit:case w.topDragLeave:case w.topDragOver:case w.topDragStart:case w.topDrop:i=m;break;case w.topTouchCancel:case w.topTouchEnd:case w.topTouchMove:case w.topTouchStart:i=v;break;case w.topAnimationEnd:case w.topAnimationIteration:case w.topAnimationStart:i=u;break;case w.topTransitionEnd:i=g;break;case w.topScroll:i=y;break;case w.topWheel:i=b;break;case w.topCopy:case w.topCut:case w.topPaste:i=c}i?void 0:o("86",e);var l=i.getPooled(a,t,n,r);return s.accumulateTwoPhaseDispatches(l),l},didPutListener:function(e,t,n){if(t===S){var o=r(e),a=l.getNodeFromInstance(e);P[o]||(P[o]=i.listen(a,"click",_))}},willDeleteListener:function(e,t){if(t===S){var n=r(e);P[n].remove(),delete P[n]}}};e.exports=M},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(49),a={animationName:null,elapsedTime:null,pseudoElement:null};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(49),a={clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(66),a={relatedTarget:null};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(66),a=n(149),i=n(150),s=n(68),l={key:i,location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:s,charCode:function(e){return"keypress"===e.type?a(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?a(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}};o.augmentClass(r,l),e.exports=r},function(e,t){"use strict";function n(e){var t,n=e.keyCode;return"charCode"in e?(t=e.charCode,0===t&&13===n&&(t=13)):t=n,t>=32||13===t?t:0}e.exports=n},function(e,t,n){"use strict";function r(e){if(e.key){var t=a[e.key]||e.key;if("Unidentified"!==t)return t}if("keypress"===e.type){var n=o(e);return 13===n?"Enter":String.fromCharCode(n)}return"keydown"===e.type||"keyup"===e.type?i[e.keyCode]||"Unidentified":""}var o=n(149),a={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},i={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"};e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(65),a={dataTransfer:null};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(66),a=n(68),i={touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:a};o.augmentClass(r,i),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(49),a={propertyName:null,elapsedTime:null,pseudoElement:null};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t,n,r){return o.call(this,e,t,n,r)}var o=n(65),a={deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:null,deltaMode:null};o.augmentClass(r,a),e.exports=r},function(e,t,n){"use strict";function r(e,t){for(var n=Math.min(e.length,t.length),r=0;r.":"function"==typeof t?" Instead of passing a class like Foo, pass React.createElement(Foo) or .":null!=t&&void 0!==t.props?" This may be caused by unintentionally loading two independent copies of React.":"");var i,s=_(U,null,null,null,null,null,t);if(e){var l=C.get(e);i=l._processChildContext(l._context)}else i=S;var c=p(n);if(c){var d=c._currentElement,h=d.props;if(N(h,t)){var m=c._renderedComponent.getPublicInstance(),v=r&&function(){r.call(m)};return F._updateRootComponent(c,s,i,n,v),m}F.unmountComponentAtNode(n)}var g=o(n),y=g&&!!a(g),b=u(n),E=y&&!c&&!b,w=F._renderNewRootComponent(s,n,E,i)._renderedComponent.getPublicInstance();return r&&r.call(w),w},render:function(e,t,n){return F._renderSubtreeIntoContainer(null,e,t,n); },unmountComponentAtNode:function(e){c(e)?void 0:f("40");var t=p(e);if(!t){u(e),1===e.nodeType&&e.hasAttribute(R);return!1}return delete L[t._instance.rootID],T.batchedUpdates(l,t,e,!1),!0},_mountImageIntoNode:function(e,t,n,a,i){if(c(t)?void 0:f("41"),a){var s=o(t);if(w.canReuseMarkup(e,s))return void g.precacheNode(n,s);var l=s.getAttribute(w.CHECKSUM_ATTR_NAME);s.removeAttribute(w.CHECKSUM_ATTR_NAME);var u=s.outerHTML;s.setAttribute(w.CHECKSUM_ATTR_NAME,l);var d=e,p=r(d,u),m=" (client) "+d.substring(p-20,p+20)+"\n (server) "+u.substring(p-20,p+20);t.nodeType===A?f("42",m):void 0}if(t.nodeType===A?f("43"):void 0,i.useCreateElement){for(;t.lastChild;)t.removeChild(t.lastChild);h.insertTreeBefore(t,e,null)}else M(t,e),g.precacheNode(n,t.firstChild)}};e.exports=F},function(e,t,n){"use strict";function r(e,t){var n={_topLevelWrapper:e,_idCounter:1,_ownerDocument:t?t.nodeType===o?t:t.ownerDocument:null,_node:t,_tag:t?t.nodeName.toLowerCase():null,_namespaceURI:t?t.namespaceURI:null};return n}var o=(n(125),9);e.exports=r},function(e,t){"use strict";var n={useCreateElement:!0};e.exports=n},function(e,t,n){"use strict";var r=n(159),o=/\/?>/,a=/^<\!\-\-/,i={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(e){var t=r(e);return a.test(e)?e:e.replace(o," "+i.CHECKSUM_ATTR_NAME+'="'+t+'"$&')},canReuseMarkup:function(e,t){var n=t.getAttribute(i.CHECKSUM_ATTR_NAME);n=n&&parseInt(n,10);var o=r(e);return o===n}};e.exports=i},function(e,t){"use strict";function n(e){for(var t=1,n=0,o=0,a=e.length,i=a&-4;o2?n-2:0),o=2;o should not have a "'+t+'" prop')}t.__esModule=!0,t.routes=t.route=t.components=t.component=t.history=void 0,t.falsy=r;var o=n(1),a=o.PropTypes.func,i=o.PropTypes.object,s=o.PropTypes.arrayOf,l=o.PropTypes.oneOfType,u=o.PropTypes.element,c=o.PropTypes.shape,d=o.PropTypes.string,p=(t.history=c({listen:a.isRequired,push:a.isRequired,replace:a.isRequired,go:a.isRequired,goBack:a.isRequired,goForward:a.isRequired}),t.component=l([a,d])),f=(t.components=l([p,i]),t.route=l([i,u]));t.routes=l([f,s(f)])},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function a(e){for(var t="",n=[],r=[],a=void 0,i=0,s=/:([a-zA-Z_$][a-zA-Z0-9_$]*)|\*\*|\*|\(|\)/g;a=s.exec(e);)a.index!==i&&(r.push(e.slice(i,a.index)),t+=o(e.slice(i,a.index))),a[1]?(t+="([^/]+)",n.push(a[1])):"**"===a[0]?(t+="(.*)",n.push("splat")):"*"===a[0]?(t+="(.*?)",n.push("splat")):"("===a[0]?t+="(?:":")"===a[0]&&(t+=")?"),r.push(a[0]),i=s.lastIndex;return i!==e.length&&(r.push(e.slice(i,e.length)),t+=o(e.slice(i,e.length))),{pattern:e,regexpSource:t,paramNames:n,tokens:r}}function i(e){return f[e]||(f[e]=a(e)),f[e]}function s(e,t){"/"!==e.charAt(0)&&(e="/"+e);var n=i(e),r=n.regexpSource,o=n.paramNames,a=n.tokens;"/"!==e.charAt(e.length-1)&&(r+="/?"),"*"===a[a.length-1]&&(r+="$");var s=t.match(new RegExp("^"+r,"i"));if(null==s)return null;var l=s[0],u=t.substr(l.length);if(u){if("/"!==l.charAt(l.length-1))return null;u="/"+u}return{remainingPathname:u,paramNames:o,paramValues:s.slice(1).map(function(e){return e&&decodeURIComponent(e)})}}function l(e){return i(e).paramNames}function u(e,t){var n=s(e,t);if(!n)return null;var r=n.paramNames,o=n.paramValues,a={};return r.forEach(function(e,t){a[e]=o[t]}),a}function c(e,t){t=t||{};for(var n=i(e),r=n.tokens,o=0,a="",s=0,l=void 0,u=void 0,c=void 0,d=0,f=r.length;d0?void 0:(0,p["default"])(!1),null!=c&&(a+=encodeURI(c))):"("===l?o+=1:")"===l?o-=1:":"===l.charAt(0)?(u=l.substring(1),c=t[u],null!=c||o>0?void 0:(0,p["default"])(!1),null!=c&&(a+=encodeURIComponent(c))):a+=l;return a.replace(/\/+/g,"/")}t.__esModule=!0,t.compilePattern=i,t.matchPattern=s,t.getParamNames=l,t.getParams=u,t.formatPattern=c;var d=n(171),p=r(d),f=Object.create(null)},function(e,t,n){"use strict";var r=function(e,t,n,r,o,a,i,s){if(!e){var l;if(void 0===t)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,o,a,i,s],c=0;l=new Error(t.replace(/%s/g,function(){return u[c++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}};e.exports=r},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e){return!e||!e.__v2_compatible__}function i(e){return e&&e.getCurrentLocation}t.__esModule=!0;var s=Object.assign||function(e){for(var t=1;t=0&&0===window.sessionStorage.length)return;throw n}}function i(e){var t=void 0;try{t=window.sessionStorage.getItem(o(e))}catch(n){if(n.name===c)return null}if(t)try{return JSON.parse(t)}catch(n){}return null}t.__esModule=!0,t.saveState=a,t.readState=i;var s=n(174),l=(r(s),"@@History/"),u=["QuotaExceededError","QUOTA_EXCEEDED_ERR"],c="SecurityError"},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e){function t(e){return l.canUseDOM?void 0:s["default"](!1),n.listen(e)}var n=d["default"](a({getUserConfirmation:u.getUserConfirmation},e,{go:u.go}));return a({},n,{listen:t})}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t0&&"number"!=typeof e[0]))}function a(e,t,n){var a,c;if(r(e)||r(t))return!1;if(e.prototype!==t.prototype)return!1;if(l(e))return!!l(t)&&(e=i.call(e),t=i.call(t),u(e,t,n));if(o(e)){if(!o(t))return!1;if(e.length!==t.length)return!1;for(a=0;a=0;a--)if(d[a]!=p[a])return!1;for(a=d.length-1;a>=0;a--)if(c=d[a],!u(e[c],t[c],n))return!1;return typeof e==typeof t}var i=Array.prototype.slice,s=n(184),l=n(185),u=e.exports=function(e,t,n){return n||(n={}),e===t||(e instanceof Date&&t instanceof Date?e.getTime()===t.getTime():!e||!t||"object"!=typeof e&&"object"!=typeof t?n.strict?e===t:e==t:a(e,t,n))}},function(e,t){function n(e){var t=[];for(var n in e)t.push(n);return t}t=e.exports="function"==typeof Object.keys?Object.keys:n,t.shim=n},function(e,t){function n(e){return"[object Arguments]"==Object.prototype.toString.call(e)}function r(e){return e&&"object"==typeof e&&"number"==typeof e.length&&Object.prototype.hasOwnProperty.call(e,"callee")&&!Object.prototype.propertyIsEnumerable.call(e,"callee")||!1}var o="[object Arguments]"==function(){return Object.prototype.toString.call(arguments)}();t=e.exports=o?n:r,t.supported=n,t.unsupported=r},function(e,t){"use strict";function n(e,t,n){function o(){return s=!0,l?void(c=[].concat(r.call(arguments))):void n.apply(this,arguments)}function a(){if(!s&&(u=!0,!l)){for(l=!0;!s&&i=e&&u&&(s=!0,n()))}}var i=0,s=!1,l=!1,u=!1,c=void 0;a()}t.__esModule=!0;var r=Array.prototype.slice;t.loopAsync=n},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(){var e=arguments.length<=0||void 0===arguments[0]?"/":arguments[0],t=arguments.length<=1||void 0===arguments[1]?s.POP:arguments[1],n=arguments.length<=2||void 0===arguments[2]?null:arguments[2],r=arguments.length<=3||void 0===arguments[3]?null:arguments[3];"string"==typeof e&&(e=l.parsePath(e)),"object"==typeof t&&(e=a({},e,{state:t}),t=n||s.POP,n=r);var o=e.pathname||"/",i=e.search||"",u=e.hash||"",c=e.state||null;return{pathname:o,search:i,hash:u,state:c,action:t,key:n}}t.__esModule=!0;var a=Object.assign||function(e){for(var t=1;t1?r-1:0),a=1;a=e&&l&&(i=!0,n()))}}var a=0,i=!1,s=!1,l=!1,u=void 0;o()}function r(e,t,n){function r(e,t,r){i||(t?(i=!0,n(t)):(a[e]=r,i=++s===o,i&&n(null,a)))}var o=e.length,a=[];if(0===o)return n(null,a);var i=!1,s=0;e.forEach(function(e,n){t(e,n,function(e,t){r(n,e,t)})})}t.__esModule=!0,t.loopAsync=n,t.mapAsync=r},function(e,t,n){"use strict";function r(e,t){if(e==t)return!0;if(null==e||null==t)return!1;if(Array.isArray(e))return Array.isArray(t)&&e.length===t.length&&e.every(function(e,n){return r(e,t[n])});if("object"===("undefined"==typeof e?"undefined":l(e))){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))if(void 0===e[n]){ if(void 0!==t[n])return!1}else{if(!Object.prototype.hasOwnProperty.call(t,n))return!1;if(!r(e[n],t[n]))return!1}return!0}return String(e)===String(t)}function o(e,t){return"/"!==t.charAt(0)&&(t="/"+t),"/"!==e.charAt(e.length-1)&&(e+="/"),"/"!==t.charAt(t.length-1)&&(t+="/"),t===e}function a(e,t,n){for(var r=e,o=[],a=[],i=0,s=t.length;i=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e){return 0===e.button}function i(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function s(e){for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t))return!1;return!0}function l(e,t){var n=t.query,r=t.hash,o=t.state;return n||r||o?{pathname:e,query:n,hash:r,state:o}:e}t.__esModule=!0;var u=Object.assign||function(e){for(var t=1;t=0;r--){var o=e[r],a=o.path||"";if(n=a.replace(/\/*$/,"/")+n,0===a.indexOf("/"))break}return"/"+n}},propTypes:{path:p,from:p,to:p.isRequired,query:f,state:f,onEnter:c.falsy,children:c.falsy},render:function(){(0,s["default"])(!1)}});t["default"]=h,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1),a=r(o),i=n(167),s=(r(i),n(171)),l=r(s),u=n(164),c=n(169),d=a["default"].PropTypes.func,p=a["default"].createClass({displayName:"IndexRoute",statics:{createRouteFromReactElement:function(e,t){t&&(t.indexRoute=(0,u.createRouteFromReactElement)(e))}},propTypes:{path:c.falsy,component:c.component,components:c.components,getComponent:d,getComponents:d},render:function(){(0,l["default"])(!1)}});t["default"]=p,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1),a=r(o),i=n(171),s=r(i),l=n(164),u=n(169),c=a["default"].PropTypes,d=c.string,p=c.func,f=a["default"].createClass({displayName:"Route",statics:{createRouteFromReactElement:l.createRouteFromReactElement},propTypes:{path:d,component:u.component,components:u.components,getComponent:p,getComponents:p},render:function(){(0,s["default"])(!1)}});t["default"]=f,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(167),a=(r(o),n(169)),i={contextTypes:{history:a.history},componentWillMount:function(){this.history=this.context.history}};t["default"]=i,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(167),a=(r(o),n(1)),i=r(a),s=n(171),l=r(s),u=i["default"].PropTypes.object,c={contextTypes:{history:u.isRequired,route:u},propTypes:{route:u},componentDidMount:function(){this.routerWillLeave?void 0:(0,l["default"])(!1);var e=this.props.route||this.context.route;e?void 0:(0,l["default"])(!1),this._unlistenBeforeLeavingRoute=this.context.history.listenBeforeLeavingRoute(e,this.routerWillLeave)},componentWillUnmount:function(){this._unlistenBeforeLeavingRoute&&this._unlistenBeforeLeavingRoute()}};t["default"]=c,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(167),a=(r(o),n(1)),i=r(a),s=i["default"].PropTypes.object,l={propTypes:{route:s.isRequired},childContextTypes:{route:s.isRequired},getChildContext:function(){return{route:this.props.route}},componentWillMount:function(){}};t["default"]=l,e.exports=t["default"]},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e){return function(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],n=t.routes,r=o(t,["routes"]),a=(0,l["default"])(e)(r),s=(0,c["default"])(a,n);return i({},a,s)}}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function a(e,t){var n=e.history,r=e.routes,a=e.location,s=o(e,["history","routes","location"]);n||a?void 0:(0,l["default"])(!1),n=n?n:(0,c["default"])(s);var u=(0,p["default"])(n,(0,f.createRoutes)(r)),d=void 0;a?a=n.createLocation(a):d=n.listen(function(e){a=e});var m=(0,h.createRouterObject)(n,u);n=(0,h.createRoutingHistory)(n,u),u.match(a,function(e,r,o){t(e,r,o&&i({},o,{history:n,router:m,matchContext:{history:n,transitionManager:u,router:m}})),d&&d()})}t.__esModule=!0;var i=Object.assign||function(e){for(var t=1;t1?t-1:0),a=1;a=0&&t=0&&v-1},matchesSelector:function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector||function(t){return r(e,t)};return n.call(e,t)}};e.exports=a},function(e,t,n){"use strict";function r(){var e=s("animationend"),t=s("transitionend");e&&l.push(e),t&&l.push(t)}function o(e,t,n){e.addEventListener(t,n,!1)}function a(e,t,n){e.removeEventListener(t,n,!1)}var i=n(45),s=n(99),l=[];i.canUseDOM&&r();var u={addEndEventListener:function(e,t){return 0===l.length?void window.setTimeout(t,0):void l.forEach(function(n){o(e,n,t)})},removeEndEventListener:function(e,t){0!==l.length&&l.forEach(function(n){a(e,n,t)})}};e.exports=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n(163),s=a["default"].createClass({displayName:"Header",render:function(){return a["default"].createElement("header",{className:"header"},a["default"].createElement("div",{className:"container"},a["default"].createElement("div",{className:"header__side header__side--left"},a["default"].createElement(i.Link,{to:"/",key:"home",className:"header__link"},a["default"].createElement("span",{className:"header__name"},"Vincent Navetat"),a["default"].createElement("span",{className:"header__description header__description--mobile"},"UX + Dev"),a["default"].createElement("span",{className:"header__description"},"UX Design + Front-End Dev"))),a["default"].createElement("div",{className:"header__side header__side--right text-right"},a["default"].createElement("a",{href:"../medias/vincent-navetat-resume.pdf",target:"_blank",className:"btn"},"Résumé"))))}});t["default"]=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n(163),s=n(237),l=r(s),u=a["default"].createClass({displayName:"Home",propTypes:{route:a["default"].PropTypes.object},render:function(){return a["default"].createElement("div",{className:"page-wrapper"},a["default"].createElement("div",{className:"page-content",style:this.props.style},a["default"].createElement("h1",null,"Selected Projects"),a["default"].createElement("div",{className:"project-cards"},a["default"].createElement(i.Link,{to:"taskly",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"UX/UI Design"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Project Management App Concept and Design"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Taskly")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/taskly/preview.jpg",alt:"Taskly"})),a["default"].createElement(i.Link,{to:"ux-ui-design",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"UX/UI Design"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Design Concepts and UI"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Mobile Apps Design")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/ux-ui-design/preview.jpg",alt:"UX/UI Design"})),a["default"].createElement(i.Link,{to:"kashflow",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"Web Development"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Accounting Software Website"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"KashFlow")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/kashflow/preview.jpg",alt:"KashFlow"})),a["default"].createElement(i.Link,{to:"portfolio",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"UX/UI Design + Web Development"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Single-page App"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Portfolio")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/portfolio/preview.jpg",alt:"Portfolio"})),a["default"].createElement(i.Link,{to:"kaliop",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"Web Development"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Websites"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Kaliop UK")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/kaliop/preview.jpg",alt:"Kaliop UK"}))),a["default"].createElement(l["default"],null)))}});t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=a["default"].createClass({displayName:"Footer",render:function(){return a["default"].createElement("footer",{className:"footer"},a["default"].createElement("ul",{className:"footer__social-networks text-center"},a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--email text-center",href:"mailto:vincentnavetat@gmail.com"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 270 259.22"},a["default"].createElement("path",{d:"M143.44,0A138.21,138.21,0,0,0,72.5,19.38,147.19,147.19,0,0,0,19.69,71.72Q0,104.3,0,141.25q0,50.19,36.72,83.91,37,34,97.34,34.06c26.61,0,49.79-4.91,69.69-13.59a12.48,12.48,0,0,0,7-15.78,12.08,12.08,0,0,0-15.62-7q-26.71,12-60.47,12a111.75,111.75,0,0,1-50.16-11.72,101.43,101.43,0,0,1-39.37-33.44A84.13,84.13,0,0,1,30,140.63q0-28.17,14.69-54.53A124.18,124.18,0,0,1,85.63,42.66q26.41-17,56.41-17,39,0,69.53,25.47c20.35,17,30.62,36.76,30.63,59.06,0,18-5.14,33.57-15.31,46.88-10,13.3-20.14,20-30.31,20-9.39,0-14.06-4.55-14.06-13.75a46.17,46.17,0,0,1,2-11.56l19.06-68.44c2-7.53-2.39-13.75-9.84-13.75s-15.17,6.22-17.19,13.75l-1.09,4.53c-3.52-7.44-7.73-12.77-12.81-16.09s-11.67-5-19.69-5c-13.7,0-25.84,3.43-36.41,10.47S84,96.58,78.12,108.44C70.29,124.21,67.94,134.83,67.81,152c0,13.89,4.67,25.84,14.06,35.63a45.37,45.37,0,0,0,34.06,14.53q26.12,0,44.06-21.41a30.14,30.14,0,0,0,12.5,15.63c6.26,3.91,14.28,5.78,24.06,5.78a55.37,55.37,0,0,0,24.38-6.09,85.81,85.81,0,0,0,23.75-17c7.43-7.24,13.59-16.46,18.28-27.81a95.16,95.16,0,0,0,7-36.72q0-51.95-35.47-83.12C211.05,10.47,180.61,0,143.44,0ZM142,88.44c7.63,0,13.55,2.57,17.66,7.66s6.09,12.21,6.09,21.41c0,13.11-4.2,26.34-12.81,39.84s-18.89,20.31-30.62,20.31a21.29,21.29,0,0,1-17.5-8.59c-4.3-5.68-6.56-13-6.56-22a66.48,66.48,0,0,1,13.28-40.47C120.56,94.43,130.68,88.44,142,88.44Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--linkedin text-center",href:"https://linkedin.com/in/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 97.5 93.3"},a["default"].createElement("rect",{x:"1.2",y:"30.3",width:"20.9",height:"62.9"}),a["default"].createElement("path",{d:"M11.8,0C4.7,0,0,4.7,0,10.9c0,6,4.5,10.9,11.6,10.9h.1c7.3,0,11.8-4.8,11.8-10.9S19,0,11.8,0Z"}),a["default"].createElement("path",{d:"M73.5,28.9c-11.1,0-16.1,6.1-18.9,10.4v.2h-.1c0-.1.1-.1.1-.2V30.4H33.7c.3,5.9,0,62.9,0,62.9H54.6V58.1a13.12,13.12,0,0,1,.7-5.1c1.5-3.8,5-7.7,10.7-7.7,7.6,0,10.6,5.8,10.6,14.2V93.2H97.5v-36C97.6,37.8,87.3,28.9,73.5,28.9Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--dribbble text-center",href:"https://dribbble.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1000 1000"},a["default"].createElement("path",{d:"M0,500Q0,364,67,249T249,67Q364,0,500,0T751,67q115,67,182,182t67,251q0,136-67,251T751,933q-115,67-251,67T249,933Q134,866,67,751T0,500Zm83,0q0,156,105,275,48-94,152-179T543,489q-15-35-29-63-172,55-372,55-39,0-58-1,0,4-.5,10T83,500ZM96,397q22,2,65,2,167,0,317-45Q402,219,311,129q-79,40-135.5,111T96,397ZM245,829q113,88,255,88,74,0,147-28a1468.39,1468.39,0,0,0-78-331q-92,20-185.5,101T245,829ZM398,97q88,91,163,227,136-57,205-145Q650,83,500,83A383.84,383.84,0,0,0,398,97ZM597,395q15,32,34,81,74-7,161-7,62,0,123,3-8-136-98-242Q752,327,597,395Zm59,151a1435.33,1435.33,0,0,1,69,304A417.23,417.23,0,0,0,854,719a403.9,403.9,0,0,0,60-173q-73-5-133-5Q726,541,656,546Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--behance text-center",href:"https://behance.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 511 323.63"},a["default"].createElement("g",null,a["default"].createElement("path",{d:"M206.23,144.68s48.36-3.59,48.36-60.3S215,0,164.91,0H0V316.91H164.91s100.67,3.18,100.67-93.54C265.58,223.37,270,144.68,206.23,144.68ZM153,56.33h11.87s22.42,0,22.42,33S174.14,127,159.19,127H72.66V56.33H153Zm7.21,204.26H72.66V175.89h92.25s33.41-.44,33.41,43.52C198.32,256.48,173.37,260.3,160.25,260.58Zm239.59-180C278,80.63,278.08,202.4,278.08,202.4s-8.36,121.14,121.77,121.14c0,0,108.44,6.2,108.44-84.27H452.51s1.86,34.07-50.81,34.07c0,0-55.78,3.74-55.78-55.14H510.14S528.11,80.63,399.84,80.63Zm-54.53,95.26S352.12,127,401.08,127s48.34,48.85,48.34,48.85Zm117.1-118.2H331.66v-39H462.41Z"}))))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--twitter text-center",href:"https://twitter.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{viewBox:"0 0 171.5 139.4",x:"0px",y:"0px"},a["default"].createElement("g",{transform:"translate(-282.32053,-396.30734)"},a["default"].createElement("path",{d:"M453.8,412.8c-6.3,2.8-13.1,4.7-20.2,5.5c7.3-4.4,12.8-11.2,15.5-19.5c-6.8,4-14.3,7-22.3,8.5 c-6.4-6.8-15.6-11.1-25.7-11.1c-19.4,0-35.2,15.8-35.2,35.2c0,2.8,0.3,5.4,0.9,8c-29.2-1.5-55.2-15.5-72.5-36.8 c-3,5.2-4.8,11.2-4.8,17.7c0,12.2,6.2,23,15.7,29.3c-5.8-0.2-11.2-1.8-15.9-4.4c0,0.1,0,0.3,0,0.4c0,17,12.1,31.3,28.2,34.5 c-3,0.8-6.1,1.2-9.3,1.2c-2.3,0-4.5-0.2-6.6-0.6c4.5,14,17.5,24.2,32.9,24.4c-12,9.4-27.2,15.1-43.7,15.1c-2.8,0-5.6-0.2-8.4-0.5 c15.6,10,34.1,15.8,53.9,15.8c64.7,0,100.1-53.6,100.1-100.1c0-1.5,0-3-0.1-4.6C443.1,426.1,449.1,419.9,453.8,412.8L453.8,412.8z"}))))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--medium text-center",href:"https://medium.com/@vincentnavetat",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 289.96 249.55"},a["default"].createElement("path",{d:"M287.84,46.25,196,.33A3.14,3.14,0,0,0,194.66,0h-.09a3.34,3.34,0,0,0-2.83,1.54l-56.61,92,63.2,102.7L288.72,49.34A2.18,2.18,0,0,0,287.84,46.25Z"}),a["default"].createElement("polygon",{points:"105.2 61.2 105.2 160.33 193.31 204.38 105.2 61.2"}),a["default"].createElement("path",{d:"M201,208.17l80.92,40.46c4.42,2.21,8,0,8-5v-180Z"}),a["default"].createElement("path",{d:"M95.46,46.72,10.71,4.34,5.35,1.67A4.89,4.89,0,0,0,3.18,1.1,2.91,2.91,0,0,0,.87,2.15,4.35,4.35,0,0,0,0,5V198.4a10.63,10.63,0,0,0,5.35,8.66L88.63,248.7a7.34,7.34,0,0,0,3.26.85c2.81,0,4.77-2.17,4.77-5.81V48.65A2.16,2.16,0,0,0,95.46,46.72Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--github text-center",href:"https://github.com/vincentnavetat",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 570.27 677.69"},a["default"].createElement("path",{d:"M2,421.85Q-2,417.94,2,414q7.81-7.81,19.53-5.86t13.67,3.91q13.67,5.86,30.27,26.37t26.37,28.32q46.87,39.06,95.7,5.86a58.49,58.49,0,0,1,12.69-23.44q8.79-9.77,16.6-13.67t27.34-11.72q-64.45-5.86-104.49-22.46t-63.47-42Q44.92,324.2,38.08,267.56t8.79-103.51a172,172,0,0,1,33.2-52.73Q64.45,62.5,85.93,0q62.5,3.91,113.27,43,97.65-25.39,203.11-2,13.67-9.76,42-24.41T515.59,0q7.81,21.48,10.74,50.78t-2.93,54.68q44.92,46.87,46.87,125,0,62.5-21.48,103.51t-76.17,68.35Q435.52,419.9,375,423.8q27.34,13.67,40,28.32t16.6,45.9v61.52s.65,19.85,2,59.57a73.43,73.43,0,0,0,27.34,26.37q5.86,2.93,3.91,8.79t-15.62,5.86q-33.2,0-52.73-23.44-5.86-9.77-5.86-23.44V519.5q0-15.62-7.81-22.46t-15.62-8.79v123q0,33.2,7.81,43t9.77,19.53q2,2-2.93,2.93t-16.6-2.93q-25.39-5.86-35.15-26.37a100.91,100.91,0,0,1-9.77-43.94V482.39H294.9V603.48a107.35,107.35,0,0,1-9.77,44.92q-13.67,27.34-50.78,29.29-5.86-2-5.86-3.91,2-2,11.72-19.53,2-3.91,4.88-15.62A113.46,113.46,0,0,0,248,611.29v-123A31.62,31.62,0,0,0,233.38,497q-6.84,6.84-6.84,22.46v93.74q0,13.67-5.86,23.44Q203.11,660.12,168,660.12q-13.67,0-15.62-5.86-2-3.91,1-6.84a59.47,59.47,0,0,1,8.79-6.84,58.27,58.27,0,0,0,7.81-5.86,35.55,35.55,0,0,0,11.72-15.62q5.86-7.81,2.93-41t-1-43Q132.8,552.7,80.07,517.55q-15.62-15.62-31.25-44.92Q37.11,451.14,2,421.85Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--instagram text-center",href:"https://instagram.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{viewBox:"0 0 2476 2476",x:"0px",y:"0px"},a["default"].createElement("path",{d:"M825.4,1238c0-227.9,184.7-412.7,412.6-412.7c227.9,0,412.7,184.8,412.7,412.7c0,227.9-184.8,412.7-412.7,412.7\tC1010.1,1650.7,825.4,1465.9,825.4,1238 M602.3,1238c0,351.1,284.6,635.7,635.7,635.7c351.1,0,635.7-284.6,635.7-635.7\tS1589.1,602.3,1238,602.3C886.9,602.3,602.3,886.9,602.3,1238 M1750.3,577.1c0,82,66.5,148.6,148.6,148.6\tc82,0,148.6-66.6,148.6-148.6c0-82-66.5-148.5-148.6-148.5C1816.8,428.6,1750.3,495.1,1750.3,577.1 M737.8,2245.7\tc-120.7-5.5-186.3-25.6-229.9-42.6c-57.8-22.5-99-49.3-142.4-92.6c-43.3-43.3-70.2-84.5-92.6-142.3c-17-43.6-37.1-109.2-42.6-229.9\tc-6-130.5-7.2-169.7-7.2-500.3c0-330.6,1.3-369.7,7.2-500.3c5.5-120.7,25.7-186.2,42.6-229.9c22.5-57.8,49.3-99,92.6-142.4\tc43.3-43.3,84.5-70.2,142.4-92.6c43.6-17,109.2-37.1,229.9-42.6c130.5-6,169.7-7.2,500.2-7.2c330.6,0,369.7,1.3,500.3,7.2\tc120.7,5.5,186.2,25.7,229.9,42.6c57.8,22.4,99,49.3,142.4,92.6c43.3,43.3,70.1,84.6,92.6,142.4c17,43.6,37.1,109.2,42.6,229.9\tc6,130.6,7.2,169.7,7.2,500.3c0,330.5-1.2,369.7-7.2,500.3c-5.5,120.7-25.7,186.3-42.6,229.9c-22.5,57.8-49.3,99-92.6,142.3\tc-43.3,43.3-84.6,70.1-142.4,92.6c-43.6,17-109.2,37.1-229.9,42.6c-130.5,6-169.7,7.2-500.3,7.2\tC907.5,2252.9,868.3,2251.7,737.8,2245.7 M727.6,7.5c-131.8,6-221.8,26.9-300.5,57.5c-81.4,31.6-150.4,74-219.3,142.8\tC139,276.6,96.6,345.6,65,427.1C34.4,505.8,13.5,595.8,7.5,727.6C1.4,859.6,0,901.8,0,1238s1.4,378.4,7.5,510.4\tc6,131.8,26.9,221.8,57.5,300.5c31.6,81.4,73.9,150.5,142.8,219.3c68.8,68.8,137.8,111.1,219.3,142.8\tc78.8,30.6,168.7,51.5,300.5,57.5c132.1,6,174.2,7.5,510.4,7.5c336.3,0,378.4-1.4,510.4-7.5c131.8-6,221.8-26.9,300.5-57.5\tc81.4-31.7,150.4-74,219.3-142.8c68.8-68.8,111.1-137.9,142.8-219.3c30.6-78.7,51.6-168.7,57.5-300.5c6-132.1,7.4-174.2,7.4-510.4\ts-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5c-31.7-81.4-74-150.4-142.8-219.3C2199.4,139,2130.3,96.6,2049,65\tc-78.8-30.6-168.8-51.6-300.5-57.5c-132-6-174.2-7.5-510.4-7.5C901.8,0,859.7,1.4,727.6,7.5"}))))),a["default"].createElement("div",{className:"footer__credits text-center"},a["default"].createElement("span",{className:"footer__text"},"Made in London"),a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 93.49 100"},a["default"].createElement("path",{d:"M44.56,2.14C24.35,2.85,7.77,16.06.58,36.08c-1.18,3.27-.36,5.05.73,3.77A15.56,15.56,0,0,1,13.13,34c5.51,0,10.4,3.16,13.42,8,1.57,2.3,2.08,2.44,3.52.06,3.65-6.06,8.17-8,14.49-8.08,0,21.25,0,47.21,0,51.42,0,5.17-3.56,10.26-8,10.26s-8-3.57-8-8.73H24.23c0,8,5.54,13,12.38,13S49,93.48,49,85.45c0-5.28,0-30.24,0-51.42,6.1.09,10.69,1.79,14.48,8.09,1.44,2.39,1.94,2.24,3.52-.06,3-4.86,7.91-8,13.42-8a15.56,15.56,0,0,1,11.82,5.81c1.09,1.28,1.91-.5.73-3.77-7.19-20-23.76-33.21-44-33.94V0H44.55Z"})),a["default"].createElement("span",{className:"footer__text"},"Vincent Navetat, 2016")))}});t["default"]=i},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=(n(163),n(239)),s=r(i),l=n(237),u=r(l),c=n(240),d=r(c),p=n(258),f=r(p),h=["../medias/taskly/persona-designer.jpg","../medias/taskly/persona-entrepreneur.jpg","../medias/taskly/persona-project-manager.jpg"],m=["Persona: Designer","Persona: Entrepreneur","Persona: Project Manager"],v=a["default"].createClass({displayName:"Taskly",propTypes:{route:a["default"].PropTypes.object},getInitialState:function(){return{index:0,isOpen:!1}},openLightbox:function(e){this.setState({index:e,isOpen:!0})},closeLightbox:function(){this.setState({isOpen:!1})},moveNext:function(){this.setState({index:(this.state.index+1)%h.length})},movePrev:function(){this.setState({index:(this.state.index+h.length-1)%h.length})},render:function(){var e=this,t=["UXPin","inVision","Adobe XD"],n={dots:!1,infinite:!1,speed:400,slidesToShow:1,slidesToScroll:1},r="";return this.state.isOpen&&(r=a["default"].createElement(f["default"],{mainSrc:h[this.state.index],nextSrc:h[(this.state.index+1)%h.length],prevSrc:h[(this.state.index+h.length-1)%h.length],onCloseRequest:this.closeLightbox,onMovePrevRequest:this.movePrev,onMoveNextRequest:this.moveNext,imageTitle:m[this.state.index]})),a["default"].createElement("div",{className:"page-wrapper"},a["default"].createElement("div",{className:"page-content",style:this.props.style},a["default"].createElement("div",{className:"project"},a["default"].createElement("h1",null,this.props.route.title),a["default"].createElement("div",{className:"tags-wrapper"},a["default"].createElement("div",{className:"tags"},a["default"].createElement("div",{className:"tag__category"},"Type"),a["default"].createElement("div",{className:"tag"},"Web + Mobile App Design")),a["default"].createElement("div",{className:"tags"},a["default"].createElement("div",{className:"tag__category"},"Role"),a["default"].createElement("div",{className:"tag"},"UX/UI Design")),a["default"].createElement("div",{className:"tags"},a["default"].createElement("div",{className:"tag__category"},"Tools"),t.map(function(e){return a["default"].createElement("div",{className:"tag",key:e},e)}))),a["default"].createElement("div",{className:"project-view-summary"},a["default"].createElement("p",null,"Taskly is a concept app I have designed as part of the UX Design course from CareerFoundry, I lead all the steps of the project from market research to interface design."),a["default"].createElement("p",null,"The start-up Taskly aims at proposing a new take on project management apps. Their goal is to create a simple and seamless collaborative experience for teams in the creative and technology sectors."),a["default"].createElement("p",null,a["default"].createElement("a",{href:"https://xd.adobe.com/view/3407161d-d084-400b-4519-c846437a2a9e/",target:"_blank",className:"btn"},"View mobile prototype")),a["default"].createElement("h2",null,"Competitive Research"),a["default"].createElement("p",null,"First, I analysed the main companies in the market for online project management: Basecamp, Asana and Trello: what they offer, their limits and what opportunities are there for Taskly."),a["default"].createElement("a",{className:"text-center file-download",href:"../medias/taskly/taskly-competitive-research.pdf",target:"_blank"},a["default"].createElement("img",{src:"../medias/taskly/competitive-research.png",alt:"Competitive research: Basecamp vs Trello vs Asana"}),"Download the competitive research (pdf)"),a["default"].createElement("h2",null,"User Research"),a["default"].createElement("p",null,"Based on surveys and interviews, I could make a decision on features that would be included in the Minimum Viable Product (MVP) for Taskly. It seemed that users of existing project management apps had the most problems with consolidating information from different modes of communication, as well as juggling multiple projects at the same time."),a["default"].createElement("h2",null,"User Personas"),a["default"].createElement("p",null,"In order to target specific user needs, I set up 3 different personas: the Creative Employee, the Entrepreneur and the Project Manager."),a["default"].createElement("div",{className:"personas"},a["default"].createElement("a",{className:"persona lightbox-link",href:"javascript:void(0)",onClick:function(){return e.openLightbox(0)}},a["default"].createElement("div",{className:"lightbox-link__overlay"}),a["default"].createElement("img",{src:"../medias/taskly/persona-mini-designer.jpg",alt:""})),a["default"].createElement("a",{className:"persona lightbox-link",href:"javascript:void(0)",onClick:function(){return e.openLightbox(1)}},a["default"].createElement("div",{className:"lightbox-link__overlay"}),a["default"].createElement("img",{src:"../medias/taskly/persona-mini-entrepreneur.jpg",alt:""})),a["default"].createElement("a",{className:"persona lightbox-link",href:"javascript:void(0)",onClick:function(){return e.openLightbox(2)}},a["default"].createElement("div",{className:"lightbox-link__overlay"}),a["default"].createElement("img",{src:"../medias/taskly/persona-mini-project-manager.jpg",alt:""}))),r,a["default"].createElement("h2",null,"Task Model"),a["default"].createElement("p",null,"After defining the features contained in the MVP for Taskly, I designed a Task Model for the Project Setup:"),a["default"].createElement("img",{src:"../medias/taskly/task-model.png",alt:"Task Model for Taskly"}),a["default"].createElement("h2",null,"Customer Experience Map"),a["default"].createElement("p",null,"Based on the Project Manager persona, I designed a Customer Experience Map which helped me going though all the steps of a project and have a clear understanding of all the processes involved."),a["default"].createElement("img",{src:"../medias/taskly/customer-experience-map.png",alt:"Customer Experience Map for Taskly"}),a["default"].createElement("h2",null,"Site Maps"),a["default"].createElement("p",null,"In order to create site maps for the different parts of Taskly's website and the application, I gathered insights from:"),a["default"].createElement("ul",null,a["default"].createElement("li",null,"A card sorting exercise completed by potential users."),a["default"].createElement("li",null,"A content audit of two of Taskly's main competitors: Asana and Basecamp.")),a["default"].createElement("h3",null,"Corporate Website"),a["default"].createElement("img",{src:"../medias/taskly/sitemap-corporate.png",alt:"Sitemap for Taskly's Corporate Website"}),a["default"].createElement("h3",null,"App / General"),a["default"].createElement("img",{src:"../medias/taskly/sitemap-general.png",alt:"Sitemap for Taskly's App"}),a["default"].createElement("h3",null,"App / Projects"),a["default"].createElement("img",{src:"../medias/taskly/sitemap-projects.png",alt:"Sitemap for Taskly's App - Projects Side"}),a["default"].createElement("h2",null,"Sketches"),a["default"].createElement("p",null,"Once the site maps were created and validated by my mentor, I could start working on a paper prototype. Sketching was the best way to define my initial vision of the app. I could draw different ideas and make changes quicker than if I had started with a wireframe software from the beginning."),a["default"].createElement("p",null,"Another advantage is that I was able to have a first round of usability testing, so I could have feedback on my initial ideas and make adjustments before building more detailed wireframes."),a["default"].createElement("p",null,"This first usability testing was done by showing the screens on paper to a user. I would start by showing only the Dashboard, brief the user on a task to perform (for example: set up a new project) and depending on where the user tells me they would click, I show them the following screen."),a["default"].createElement(d["default"],n,a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Dashboard"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-01-dashboard.jpg",alt:"Taskly's Paper Prototype - Dashboard"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Navigation Dropdowns"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-02-navigation.jpg",alt:"Taskly's Paper Prototype - Navigation Dropdowns"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Create a New Project"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-03-create-new-project.jpg",alt:"Taskly's Paper Prototype - Create a New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"New Project"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-04-new-project.jpg",alt:"Taskly's Paper Prototype - New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Project Menu"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-05-project-menu.jpg",alt:"Taskly's Paper Prototype - Project Menu"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Create a New Task"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-06-create-new-task.jpg",alt:"Taskly's Paper Prototype - Create a New Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Task"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-07-task.jpg",alt:"Taskly's Paper Prototype - Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Project"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-08-project.jpg",alt:"Taskly's Paper Prototype - Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Project Sprint"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-09-sprint.jpg",alt:"Taskly's Paper Prototype - Project Sprint"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Task's Team Member"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-10-team-member.jpg",alt:"Taskly's Paper Prototype - Task's Team Member"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Conversations"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-11-conversations.jpg",alt:"Taskly's Paper Prototype - Conversations"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Create a Conversation"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-12-create-new-conversation.jpg",alt:"Taskly's Paper Prototype - Create a Conversation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"New Conversation"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-13-new-conversation.jpg",alt:"Taskly's Paper Prototype - New Conversation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Conversation"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-14-conversation.jpg",alt:"Taskly's Paper Prototype - Conversation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Files"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-15-files.jpg",alt:"Taskly's Paper Prototype - Files"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"New File"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-16-new-file.jpg",alt:"Taskly's Paper Prototype - New File"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"File History"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-17-file-history.jpg",alt:"Taskly's Paper Prototype - File History"}))),a["default"].createElement("h2",null,"Wireframes"),a["default"].createElement("p",null,"Based on the paper prototype and first round of usability testing, I created wireframes for mobile, tablet and desktop devices with UXPin. With these wireframes, I could create interactive prototypes for each device using inVision."),a["default"].createElement("p",null,"I could then organise a second round of usability testing and get a more accurate feedback. Testers could navigate autonomously throughout the app to reach the goals that I defined. I could observe their behavoirs and make further adjustments afterwards."),a["default"].createElement(d["default"],n,a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - Login"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-01-login.png",alt:"Taskly's Wireframes - Mobile Login"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - Navigation"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-02-navigation.png",alt:"Taskly's Wireframes - Mobile Navigation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - New Project"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-03-new-project.png",alt:"Taskly's Wireframes - Mobile New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - New Task"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-04-new-task.png",alt:"Taskly's Wireframes - Mobile New Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - New File"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-05-new-file.png",alt:"Taskly's Wireframes - Mobile New File"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - Add a Team Member"),a["default"].createElement("img",{ +e},conditionClass:function(e,t,n){return(n?a.addClass:a.removeClass)(e,t)},hasClass:function(e,t){return/\s/.test(t)?o(!1):void 0,e.classList?!!t&&e.classList.contains(t):(" "+e.className+" ").indexOf(" "+t+" ")>-1},matchesSelector:function(e,t){var n=e.matches||e.webkitMatchesSelector||e.mozMatchesSelector||e.msMatchesSelector||function(t){return r(e,t)};return n.call(e,t)}};e.exports=a},function(e,t,n){"use strict";function r(){var e=s("animationend"),t=s("transitionend");e&&l.push(e),t&&l.push(t)}function o(e,t,n){e.addEventListener(t,n,!1)}function a(e,t,n){e.removeEventListener(t,n,!1)}var i=n(45),s=n(99),l=[];i.canUseDOM&&r();var u={addEndEventListener:function(e,t){return 0===l.length?void window.setTimeout(t,0):void l.forEach(function(n){o(e,n,t)})},removeEndEventListener:function(e,t){0!==l.length&&l.forEach(function(n){a(e,n,t)})}};e.exports=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n(163),s=a["default"].createClass({displayName:"Header",render:function(){return a["default"].createElement("header",{className:"header"},a["default"].createElement("div",{className:"container"},a["default"].createElement("div",{className:"header__side header__side--left"},a["default"].createElement(i.Link,{to:"/",key:"home",className:"header__link"},a["default"].createElement("span",{className:"header__name"},"Vincent Navetat"),a["default"].createElement("span",{className:"header__description header__description--mobile"},"UX + Dev"),a["default"].createElement("span",{className:"header__description"},"UX Design + Front-End Dev"))),a["default"].createElement("div",{className:"header__side header__side--right text-right"},a["default"].createElement("a",{href:"https://www.linkedin.com/in/vincentnavetat/",target:"_blank",className:"btn"},"Résumé"))))}});t["default"]=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n(163),s=n(237),l=r(s),u=a["default"].createClass({displayName:"Home",propTypes:{route:a["default"].PropTypes.object},render:function(){return a["default"].createElement("div",{className:"page-wrapper"},a["default"].createElement("div",{className:"page-content",style:this.props.style},a["default"].createElement("h1",null,"Selected Projects"),a["default"].createElement("div",{className:"project-cards"},a["default"].createElement(i.Link,{to:"taskly",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"UX/UI Design"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Project Management App Concept and Design"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Taskly")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/taskly/preview.jpg",alt:"Taskly"})),a["default"].createElement(i.Link,{to:"ux-ui-design",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"UX/UI Design"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Design Concepts and UI"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Mobile Apps Design")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/ux-ui-design/preview.jpg",alt:"UX/UI Design"})),a["default"].createElement(i.Link,{to:"kashflow",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"Web Development"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Accounting Software Website"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"KashFlow")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/kashflow/preview.jpg",alt:"KashFlow"})),a["default"].createElement(i.Link,{to:"portfolio",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"UX/UI Design + Web Development"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Single-page App"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Portfolio")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/portfolio/preview.jpg",alt:"Portfolio"})),a["default"].createElement(i.Link,{to:"kaliop",className:"project-card"},a["default"].createElement("div",{className:"project-card__overlay-background"}),a["default"].createElement("div",{className:"project-card__overlay-line"}),a["default"].createElement("div",{className:"project-card__overlay-content"},a["default"].createElement("div",{className:"project-card__overlay-text project-card__skillset"},"Web Development"),a["default"].createElement("div",{className:"project-card__overlay-text project-card__description"},"Websites"),a["default"].createElement("h2",{className:"project-card__overlay-text project-card__name"},"Kaliop UK")),a["default"].createElement("img",{className:"project-card__image",src:"./medias/kaliop/preview.jpg",alt:"Kaliop UK"}))),a["default"].createElement(l["default"],null)))}});t["default"]=u},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=a["default"].createClass({displayName:"Footer",render:function(){return a["default"].createElement("footer",{className:"footer"},a["default"].createElement("ul",{className:"footer__social-networks text-center"},a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--email text-center",href:"mailto:vincentnavetat@gmail.com"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 270 259.22"},a["default"].createElement("path",{d:"M143.44,0A138.21,138.21,0,0,0,72.5,19.38,147.19,147.19,0,0,0,19.69,71.72Q0,104.3,0,141.25q0,50.19,36.72,83.91,37,34,97.34,34.06c26.61,0,49.79-4.91,69.69-13.59a12.48,12.48,0,0,0,7-15.78,12.08,12.08,0,0,0-15.62-7q-26.71,12-60.47,12a111.75,111.75,0,0,1-50.16-11.72,101.43,101.43,0,0,1-39.37-33.44A84.13,84.13,0,0,1,30,140.63q0-28.17,14.69-54.53A124.18,124.18,0,0,1,85.63,42.66q26.41-17,56.41-17,39,0,69.53,25.47c20.35,17,30.62,36.76,30.63,59.06,0,18-5.14,33.57-15.31,46.88-10,13.3-20.14,20-30.31,20-9.39,0-14.06-4.55-14.06-13.75a46.17,46.17,0,0,1,2-11.56l19.06-68.44c2-7.53-2.39-13.75-9.84-13.75s-15.17,6.22-17.19,13.75l-1.09,4.53c-3.52-7.44-7.73-12.77-12.81-16.09s-11.67-5-19.69-5c-13.7,0-25.84,3.43-36.41,10.47S84,96.58,78.12,108.44C70.29,124.21,67.94,134.83,67.81,152c0,13.89,4.67,25.84,14.06,35.63a45.37,45.37,0,0,0,34.06,14.53q26.12,0,44.06-21.41a30.14,30.14,0,0,0,12.5,15.63c6.26,3.91,14.28,5.78,24.06,5.78a55.37,55.37,0,0,0,24.38-6.09,85.81,85.81,0,0,0,23.75-17c7.43-7.24,13.59-16.46,18.28-27.81a95.16,95.16,0,0,0,7-36.72q0-51.95-35.47-83.12C211.05,10.47,180.61,0,143.44,0ZM142,88.44c7.63,0,13.55,2.57,17.66,7.66s6.09,12.21,6.09,21.41c0,13.11-4.2,26.34-12.81,39.84s-18.89,20.31-30.62,20.31a21.29,21.29,0,0,1-17.5-8.59c-4.3-5.68-6.56-13-6.56-22a66.48,66.48,0,0,1,13.28-40.47C120.56,94.43,130.68,88.44,142,88.44Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--linkedin text-center",href:"https://linkedin.com/in/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 97.5 93.3"},a["default"].createElement("rect",{x:"1.2",y:"30.3",width:"20.9",height:"62.9"}),a["default"].createElement("path",{d:"M11.8,0C4.7,0,0,4.7,0,10.9c0,6,4.5,10.9,11.6,10.9h.1c7.3,0,11.8-4.8,11.8-10.9S19,0,11.8,0Z"}),a["default"].createElement("path",{d:"M73.5,28.9c-11.1,0-16.1,6.1-18.9,10.4v.2h-.1c0-.1.1-.1.1-.2V30.4H33.7c.3,5.9,0,62.9,0,62.9H54.6V58.1a13.12,13.12,0,0,1,.7-5.1c1.5-3.8,5-7.7,10.7-7.7,7.6,0,10.6,5.8,10.6,14.2V93.2H97.5v-36C97.6,37.8,87.3,28.9,73.5,28.9Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--dribbble text-center",href:"https://dribbble.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1000 1000"},a["default"].createElement("path",{d:"M0,500Q0,364,67,249T249,67Q364,0,500,0T751,67q115,67,182,182t67,251q0,136-67,251T751,933q-115,67-251,67T249,933Q134,866,67,751T0,500Zm83,0q0,156,105,275,48-94,152-179T543,489q-15-35-29-63-172,55-372,55-39,0-58-1,0,4-.5,10T83,500ZM96,397q22,2,65,2,167,0,317-45Q402,219,311,129q-79,40-135.5,111T96,397ZM245,829q113,88,255,88,74,0,147-28a1468.39,1468.39,0,0,0-78-331q-92,20-185.5,101T245,829ZM398,97q88,91,163,227,136-57,205-145Q650,83,500,83A383.84,383.84,0,0,0,398,97ZM597,395q15,32,34,81,74-7,161-7,62,0,123,3-8-136-98-242Q752,327,597,395Zm59,151a1435.33,1435.33,0,0,1,69,304A417.23,417.23,0,0,0,854,719a403.9,403.9,0,0,0,60-173q-73-5-133-5Q726,541,656,546Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--behance text-center",href:"https://behance.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 511 323.63"},a["default"].createElement("g",null,a["default"].createElement("path",{d:"M206.23,144.68s48.36-3.59,48.36-60.3S215,0,164.91,0H0V316.91H164.91s100.67,3.18,100.67-93.54C265.58,223.37,270,144.68,206.23,144.68ZM153,56.33h11.87s22.42,0,22.42,33S174.14,127,159.19,127H72.66V56.33H153Zm7.21,204.26H72.66V175.89h92.25s33.41-.44,33.41,43.52C198.32,256.48,173.37,260.3,160.25,260.58Zm239.59-180C278,80.63,278.08,202.4,278.08,202.4s-8.36,121.14,121.77,121.14c0,0,108.44,6.2,108.44-84.27H452.51s1.86,34.07-50.81,34.07c0,0-55.78,3.74-55.78-55.14H510.14S528.11,80.63,399.84,80.63Zm-54.53,95.26S352.12,127,401.08,127s48.34,48.85,48.34,48.85Zm117.1-118.2H331.66v-39H462.41Z"}))))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--twitter text-center",href:"https://twitter.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{viewBox:"0 0 171.5 139.4",x:"0px",y:"0px"},a["default"].createElement("g",{transform:"translate(-282.32053,-396.30734)"},a["default"].createElement("path",{d:"M453.8,412.8c-6.3,2.8-13.1,4.7-20.2,5.5c7.3-4.4,12.8-11.2,15.5-19.5c-6.8,4-14.3,7-22.3,8.5 c-6.4-6.8-15.6-11.1-25.7-11.1c-19.4,0-35.2,15.8-35.2,35.2c0,2.8,0.3,5.4,0.9,8c-29.2-1.5-55.2-15.5-72.5-36.8 c-3,5.2-4.8,11.2-4.8,17.7c0,12.2,6.2,23,15.7,29.3c-5.8-0.2-11.2-1.8-15.9-4.4c0,0.1,0,0.3,0,0.4c0,17,12.1,31.3,28.2,34.5 c-3,0.8-6.1,1.2-9.3,1.2c-2.3,0-4.5-0.2-6.6-0.6c4.5,14,17.5,24.2,32.9,24.4c-12,9.4-27.2,15.1-43.7,15.1c-2.8,0-5.6-0.2-8.4-0.5 c15.6,10,34.1,15.8,53.9,15.8c64.7,0,100.1-53.6,100.1-100.1c0-1.5,0-3-0.1-4.6C443.1,426.1,449.1,419.9,453.8,412.8L453.8,412.8z"}))))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--medium text-center",href:"https://medium.com/@vincentnavetat",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 289.96 249.55"},a["default"].createElement("path",{d:"M287.84,46.25,196,.33A3.14,3.14,0,0,0,194.66,0h-.09a3.34,3.34,0,0,0-2.83,1.54l-56.61,92,63.2,102.7L288.72,49.34A2.18,2.18,0,0,0,287.84,46.25Z"}),a["default"].createElement("polygon",{points:"105.2 61.2 105.2 160.33 193.31 204.38 105.2 61.2"}),a["default"].createElement("path",{d:"M201,208.17l80.92,40.46c4.42,2.21,8,0,8-5v-180Z"}),a["default"].createElement("path",{d:"M95.46,46.72,10.71,4.34,5.35,1.67A4.89,4.89,0,0,0,3.18,1.1,2.91,2.91,0,0,0,.87,2.15,4.35,4.35,0,0,0,0,5V198.4a10.63,10.63,0,0,0,5.35,8.66L88.63,248.7a7.34,7.34,0,0,0,3.26.85c2.81,0,4.77-2.17,4.77-5.81V48.65A2.16,2.16,0,0,0,95.46,46.72Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--github text-center",href:"https://github.com/vincentnavetat",target:"_blank"},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 570.27 677.69"},a["default"].createElement("path",{d:"M2,421.85Q-2,417.94,2,414q7.81-7.81,19.53-5.86t13.67,3.91q13.67,5.86,30.27,26.37t26.37,28.32q46.87,39.06,95.7,5.86a58.49,58.49,0,0,1,12.69-23.44q8.79-9.77,16.6-13.67t27.34-11.72q-64.45-5.86-104.49-22.46t-63.47-42Q44.92,324.2,38.08,267.56t8.79-103.51a172,172,0,0,1,33.2-52.73Q64.45,62.5,85.93,0q62.5,3.91,113.27,43,97.65-25.39,203.11-2,13.67-9.76,42-24.41T515.59,0q7.81,21.48,10.74,50.78t-2.93,54.68q44.92,46.87,46.87,125,0,62.5-21.48,103.51t-76.17,68.35Q435.52,419.9,375,423.8q27.34,13.67,40,28.32t16.6,45.9v61.52s.65,19.85,2,59.57a73.43,73.43,0,0,0,27.34,26.37q5.86,2.93,3.91,8.79t-15.62,5.86q-33.2,0-52.73-23.44-5.86-9.77-5.86-23.44V519.5q0-15.62-7.81-22.46t-15.62-8.79v123q0,33.2,7.81,43t9.77,19.53q2,2-2.93,2.93t-16.6-2.93q-25.39-5.86-35.15-26.37a100.91,100.91,0,0,1-9.77-43.94V482.39H294.9V603.48a107.35,107.35,0,0,1-9.77,44.92q-13.67,27.34-50.78,29.29-5.86-2-5.86-3.91,2-2,11.72-19.53,2-3.91,4.88-15.62A113.46,113.46,0,0,0,248,611.29v-123A31.62,31.62,0,0,0,233.38,497q-6.84,6.84-6.84,22.46v93.74q0,13.67-5.86,23.44Q203.11,660.12,168,660.12q-13.67,0-15.62-5.86-2-3.91,1-6.84a59.47,59.47,0,0,1,8.79-6.84,58.27,58.27,0,0,0,7.81-5.86,35.55,35.55,0,0,0,11.72-15.62q5.86-7.81,2.93-41t-1-43Q132.8,552.7,80.07,517.55q-15.62-15.62-31.25-44.92Q37.11,451.14,2,421.85Z"})))),a["default"].createElement("li",{className:"social-network"},a["default"].createElement("a",{className:"social-network__link social-network__link--instagram text-center",href:"https://instagram.com/vincentnavetat/",target:"_blank"},a["default"].createElement("svg",{viewBox:"0 0 2476 2476",x:"0px",y:"0px"},a["default"].createElement("path",{d:"M825.4,1238c0-227.9,184.7-412.7,412.6-412.7c227.9,0,412.7,184.8,412.7,412.7c0,227.9-184.8,412.7-412.7,412.7\tC1010.1,1650.7,825.4,1465.9,825.4,1238 M602.3,1238c0,351.1,284.6,635.7,635.7,635.7c351.1,0,635.7-284.6,635.7-635.7\tS1589.1,602.3,1238,602.3C886.9,602.3,602.3,886.9,602.3,1238 M1750.3,577.1c0,82,66.5,148.6,148.6,148.6\tc82,0,148.6-66.6,148.6-148.6c0-82-66.5-148.5-148.6-148.5C1816.8,428.6,1750.3,495.1,1750.3,577.1 M737.8,2245.7\tc-120.7-5.5-186.3-25.6-229.9-42.6c-57.8-22.5-99-49.3-142.4-92.6c-43.3-43.3-70.2-84.5-92.6-142.3c-17-43.6-37.1-109.2-42.6-229.9\tc-6-130.5-7.2-169.7-7.2-500.3c0-330.6,1.3-369.7,7.2-500.3c5.5-120.7,25.7-186.2,42.6-229.9c22.5-57.8,49.3-99,92.6-142.4\tc43.3-43.3,84.5-70.2,142.4-92.6c43.6-17,109.2-37.1,229.9-42.6c130.5-6,169.7-7.2,500.2-7.2c330.6,0,369.7,1.3,500.3,7.2\tc120.7,5.5,186.2,25.7,229.9,42.6c57.8,22.4,99,49.3,142.4,92.6c43.3,43.3,70.1,84.6,92.6,142.4c17,43.6,37.1,109.2,42.6,229.9\tc6,130.6,7.2,169.7,7.2,500.3c0,330.5-1.2,369.7-7.2,500.3c-5.5,120.7-25.7,186.3-42.6,229.9c-22.5,57.8-49.3,99-92.6,142.3\tc-43.3,43.3-84.6,70.1-142.4,92.6c-43.6,17-109.2,37.1-229.9,42.6c-130.5,6-169.7,7.2-500.3,7.2\tC907.5,2252.9,868.3,2251.7,737.8,2245.7 M727.6,7.5c-131.8,6-221.8,26.9-300.5,57.5c-81.4,31.6-150.4,74-219.3,142.8\tC139,276.6,96.6,345.6,65,427.1C34.4,505.8,13.5,595.8,7.5,727.6C1.4,859.6,0,901.8,0,1238s1.4,378.4,7.5,510.4\tc6,131.8,26.9,221.8,57.5,300.5c31.6,81.4,73.9,150.5,142.8,219.3c68.8,68.8,137.8,111.1,219.3,142.8\tc78.8,30.6,168.7,51.5,300.5,57.5c132.1,6,174.2,7.5,510.4,7.5c336.3,0,378.4-1.4,510.4-7.5c131.8-6,221.8-26.9,300.5-57.5\tc81.4-31.7,150.4-74,219.3-142.8c68.8-68.8,111.1-137.9,142.8-219.3c30.6-78.7,51.6-168.7,57.5-300.5c6-132.1,7.4-174.2,7.4-510.4\ts-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5c-31.7-81.4-74-150.4-142.8-219.3C2199.4,139,2130.3,96.6,2049,65\tc-78.8-30.6-168.8-51.6-300.5-57.5c-132-6-174.2-7.5-510.4-7.5C901.8,0,859.7,1.4,727.6,7.5"}))))),a["default"].createElement("div",{className:"footer__credits text-center"},a["default"].createElement("span",{className:"footer__text"},"Made in London"),a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 93.49 100"},a["default"].createElement("path",{d:"M44.56,2.14C24.35,2.85,7.77,16.06.58,36.08c-1.18,3.27-.36,5.05.73,3.77A15.56,15.56,0,0,1,13.13,34c5.51,0,10.4,3.16,13.42,8,1.57,2.3,2.08,2.44,3.52.06,3.65-6.06,8.17-8,14.49-8.08,0,21.25,0,47.21,0,51.42,0,5.17-3.56,10.26-8,10.26s-8-3.57-8-8.73H24.23c0,8,5.54,13,12.38,13S49,93.48,49,85.45c0-5.28,0-30.24,0-51.42,6.1.09,10.69,1.79,14.48,8.09,1.44,2.39,1.94,2.24,3.52-.06,3-4.86,7.91-8,13.42-8a15.56,15.56,0,0,1,11.82,5.81c1.09,1.28,1.91-.5.73-3.77-7.19-20-23.76-33.21-44-33.94V0H44.55Z"})),a["default"].createElement("span",{className:"footer__text"},"Vincent Navetat, 2016")))}});t["default"]=i},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=(n(163),n(239)),s=r(i),l=n(237),u=r(l),c=n(240),d=r(c),p=n(258),f=r(p),h=["../medias/taskly/persona-designer.jpg","../medias/taskly/persona-entrepreneur.jpg","../medias/taskly/persona-project-manager.jpg"],m=["Persona: Designer","Persona: Entrepreneur","Persona: Project Manager"],v=a["default"].createClass({displayName:"Taskly",propTypes:{route:a["default"].PropTypes.object},getInitialState:function(){return{index:0,isOpen:!1}},openLightbox:function(e){this.setState({index:e,isOpen:!0})},closeLightbox:function(){this.setState({isOpen:!1})},moveNext:function(){this.setState({index:(this.state.index+1)%h.length})},movePrev:function(){this.setState({index:(this.state.index+h.length-1)%h.length})},render:function(){var e=this,t=["UXPin","inVision","Adobe XD"],n={dots:!1,infinite:!1,speed:400,slidesToShow:1,slidesToScroll:1},r="";return this.state.isOpen&&(r=a["default"].createElement(f["default"],{mainSrc:h[this.state.index],nextSrc:h[(this.state.index+1)%h.length],prevSrc:h[(this.state.index+h.length-1)%h.length],onCloseRequest:this.closeLightbox,onMovePrevRequest:this.movePrev,onMoveNextRequest:this.moveNext,imageTitle:m[this.state.index]})),a["default"].createElement("div",{className:"page-wrapper"},a["default"].createElement("div",{className:"page-content",style:this.props.style},a["default"].createElement("div",{className:"project"},a["default"].createElement("h1",null,this.props.route.title),a["default"].createElement("div",{className:"tags-wrapper"},a["default"].createElement("div",{className:"tags"},a["default"].createElement("div",{className:"tag__category"},"Type"),a["default"].createElement("div",{className:"tag"},"Web + Mobile App Design")),a["default"].createElement("div",{className:"tags"},a["default"].createElement("div",{className:"tag__category"},"Role"),a["default"].createElement("div",{className:"tag"},"UX/UI Design")),a["default"].createElement("div",{className:"tags"},a["default"].createElement("div",{className:"tag__category"},"Tools"),t.map(function(e){return a["default"].createElement("div",{className:"tag",key:e},e)}))),a["default"].createElement("div",{className:"project-view-summary"},a["default"].createElement("p",null,"Taskly is a concept app I have designed as part of the UX Design course from CareerFoundry, I lead all the steps of the project from market research to interface design."),a["default"].createElement("p",null,"The start-up Taskly aims at proposing a new take on project management apps. Their goal is to create a simple and seamless collaborative experience for teams in the creative and technology sectors."),a["default"].createElement("p",null,a["default"].createElement("a",{href:"https://xd.adobe.com/view/3407161d-d084-400b-4519-c846437a2a9e/",target:"_blank",className:"btn"},"View mobile prototype")),a["default"].createElement("h2",null,"Competitive Research"),a["default"].createElement("p",null,"First, I analysed the main companies in the market for online project management: Basecamp, Asana and Trello: what they offer, their limits and what opportunities are there for Taskly."),a["default"].createElement("a",{className:"text-center file-download",href:"../medias/taskly/taskly-competitive-research.pdf",target:"_blank"},a["default"].createElement("img",{src:"../medias/taskly/competitive-research.png",alt:"Competitive research: Basecamp vs Trello vs Asana"}),"Download the competitive research (pdf)"),a["default"].createElement("h2",null,"User Research"),a["default"].createElement("p",null,"Based on surveys and interviews, I could make a decision on features that would be included in the Minimum Viable Product (MVP) for Taskly. It seemed that users of existing project management apps had the most problems with consolidating information from different modes of communication, as well as juggling multiple projects at the same time."),a["default"].createElement("h2",null,"User Personas"),a["default"].createElement("p",null,"In order to target specific user needs, I set up 3 different personas: the Creative Employee, the Entrepreneur and the Project Manager."),a["default"].createElement("div",{className:"personas"},a["default"].createElement("a",{className:"persona lightbox-link",href:"javascript:void(0)",onClick:function(){return e.openLightbox(0)}},a["default"].createElement("div",{className:"lightbox-link__overlay"}),a["default"].createElement("img",{src:"../medias/taskly/persona-mini-designer.jpg",alt:""})),a["default"].createElement("a",{className:"persona lightbox-link",href:"javascript:void(0)",onClick:function(){return e.openLightbox(1)}},a["default"].createElement("div",{className:"lightbox-link__overlay"}),a["default"].createElement("img",{src:"../medias/taskly/persona-mini-entrepreneur.jpg",alt:""})),a["default"].createElement("a",{className:"persona lightbox-link",href:"javascript:void(0)",onClick:function(){return e.openLightbox(2)}},a["default"].createElement("div",{className:"lightbox-link__overlay"}),a["default"].createElement("img",{src:"../medias/taskly/persona-mini-project-manager.jpg",alt:""}))),r,a["default"].createElement("h2",null,"Task Model"),a["default"].createElement("p",null,"After defining the features contained in the MVP for Taskly, I designed a Task Model for the Project Setup:"),a["default"].createElement("img",{src:"../medias/taskly/task-model.png",alt:"Task Model for Taskly"}),a["default"].createElement("h2",null,"Customer Experience Map"),a["default"].createElement("p",null,"Based on the Project Manager persona, I designed a Customer Experience Map which helped me going though all the steps of a project and have a clear understanding of all the processes involved."),a["default"].createElement("img",{src:"../medias/taskly/customer-experience-map.png",alt:"Customer Experience Map for Taskly"}),a["default"].createElement("h2",null,"Site Maps"),a["default"].createElement("p",null,"In order to create site maps for the different parts of Taskly's website and the application, I gathered insights from:"),a["default"].createElement("ul",null,a["default"].createElement("li",null,"A card sorting exercise completed by potential users."),a["default"].createElement("li",null,"A content audit of two of Taskly's main competitors: Asana and Basecamp.")),a["default"].createElement("h3",null,"Corporate Website"),a["default"].createElement("img",{src:"../medias/taskly/sitemap-corporate.png",alt:"Sitemap for Taskly's Corporate Website"}),a["default"].createElement("h3",null,"App / General"),a["default"].createElement("img",{src:"../medias/taskly/sitemap-general.png",alt:"Sitemap for Taskly's App"}),a["default"].createElement("h3",null,"App / Projects"),a["default"].createElement("img",{src:"../medias/taskly/sitemap-projects.png",alt:"Sitemap for Taskly's App - Projects Side"}),a["default"].createElement("h2",null,"Sketches"),a["default"].createElement("p",null,"Once the site maps were created and validated by my mentor, I could start working on a paper prototype. Sketching was the best way to define my initial vision of the app. I could draw different ideas and make changes quicker than if I had started with a wireframe software from the beginning."),a["default"].createElement("p",null,"Another advantage is that I was able to have a first round of usability testing, so I could have feedback on my initial ideas and make adjustments before building more detailed wireframes."),a["default"].createElement("p",null,"This first usability testing was done by showing the screens on paper to a user. I would start by showing only the Dashboard, brief the user on a task to perform (for example: set up a new project) and depending on where the user tells me they would click, I show them the following screen."),a["default"].createElement(d["default"],n,a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Dashboard"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-01-dashboard.jpg",alt:"Taskly's Paper Prototype - Dashboard"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Navigation Dropdowns"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-02-navigation.jpg",alt:"Taskly's Paper Prototype - Navigation Dropdowns"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Create a New Project"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-03-create-new-project.jpg",alt:"Taskly's Paper Prototype - Create a New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"New Project"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-04-new-project.jpg",alt:"Taskly's Paper Prototype - New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Project Menu"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-05-project-menu.jpg",alt:"Taskly's Paper Prototype - Project Menu"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Create a New Task"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-06-create-new-task.jpg",alt:"Taskly's Paper Prototype - Create a New Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Task"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-07-task.jpg",alt:"Taskly's Paper Prototype - Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Project"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-08-project.jpg",alt:"Taskly's Paper Prototype - Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Project Sprint"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-09-sprint.jpg",alt:"Taskly's Paper Prototype - Project Sprint"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Task's Team Member"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-10-team-member.jpg",alt:"Taskly's Paper Prototype - Task's Team Member"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Conversations"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-11-conversations.jpg",alt:"Taskly's Paper Prototype - Conversations"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Create a Conversation"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-12-create-new-conversation.jpg",alt:"Taskly's Paper Prototype - Create a Conversation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"New Conversation"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-13-new-conversation.jpg",alt:"Taskly's Paper Prototype - New Conversation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Conversation"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-14-conversation.jpg",alt:"Taskly's Paper Prototype - Conversation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Files"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-15-files.jpg",alt:"Taskly's Paper Prototype - Files"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"New File"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-16-new-file.jpg",alt:"Taskly's Paper Prototype - New File"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"File History"),a["default"].createElement("img",{src:"../medias/taskly/paper-prototype-17-file-history.jpg",alt:"Taskly's Paper Prototype - File History"}))),a["default"].createElement("h2",null,"Wireframes"),a["default"].createElement("p",null,"Based on the paper prototype and first round of usability testing, I created wireframes for mobile, tablet and desktop devices with UXPin. With these wireframes, I could create interactive prototypes for each device using inVision."),a["default"].createElement("p",null,"I could then organise a second round of usability testing and get a more accurate feedback. Testers could navigate autonomously throughout the app to reach the goals that I defined. I could observe their behavoirs and make further adjustments afterwards."),a["default"].createElement(d["default"],n,a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - Login"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-01-login.png",alt:"Taskly's Wireframes - Mobile Login"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - Navigation"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-02-navigation.png",alt:"Taskly's Wireframes - Mobile Navigation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - New Project"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-03-new-project.png",alt:"Taskly's Wireframes - Mobile New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - New Task"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-04-new-task.png",alt:"Taskly's Wireframes - Mobile New Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - New File"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-mobile-05-new-file.png",alt:"Taskly's Wireframes - Mobile New File"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Mobile - Add a Team Member"),a["default"].createElement("img",{ src:"../medias/taskly/wireframes-mobile-06-add-team-member.png",alt:"Taskly's Wireframes - Mobile Add a Team Member"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Tablet - Navigation"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-tablet-01-navigation.png",alt:"Taskly's Wireframes - Tablet Navigation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Tablet - New Project"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-tablet-02-new-project.png",alt:"Taskly's Wireframes - Tablet New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Tablet - New Task"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-tablet-03-new-task.png",alt:"Taskly's Wireframes - Tablet New Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Tablet - New File"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-tablet-04-new-file.png",alt:"Taskly's Wireframes - Tablet New File"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Desktop - Navigation"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-desktop-01-navigation.png",alt:"Taskly's Wireframes - Desktop Navigation"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Desktop - New Project"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-desktop-02-new-project.png",alt:"Taskly's Wireframes - Desktop New Project"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Desktop - New Task"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-desktop-03-new-task.png",alt:"Taskly's Wireframes - Desktop New Task"})),a["default"].createElement("figure",null,a["default"].createElement("figcaption",null,"Desktop - New File"),a["default"].createElement("img",{src:"../medias/taskly/wireframes-desktop-04-new-file.png",alt:"Taskly's Wireframes - Desktop New File"}))),a["default"].createElement("h2",null,"UI Design"),a["default"].createElement("p",null,"I finally designed the User Interface for each screen of the mobile app, based on the wireframes. It resulted in the creation of a final prototype."),a["default"].createElement("img",{src:"../medias/taskly/ui-demo.jpg",alt:""}),a["default"].createElement("p",{className:"project__footer text-center"},a["default"].createElement("a",{href:"https://xd.adobe.com/view/3407161d-d084-400b-4519-c846437a2a9e/",target:"_blank",className:"btn"},"View mobile prototype")))),a["default"].createElement(s["default"],{prev:"kaliop",next:"ux-ui-design"}),a["default"].createElement(u["default"],null)))}});t["default"]=v},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n(163),s=a["default"].createClass({displayName:"Navigation",getDefaultProps:function(){return{prev:"kashflow",next:"ux-ui-design"}},render:function(){return a["default"].createElement("div",{className:"nav-arrows"},a["default"].createElement(i.Link,{to:this.props.prev,className:"nav-arrow nav-arrow__prev"},"Prev"),a["default"].createElement(i.Link,{to:this.props.next,className:"nav-arrow nav-arrow__next"},"Next"))}});t["default"]=s},function(e,t,n){"use strict";e.exports=n(241)},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}var o=n(1),a=r(o),i=n(242),s=n(246),l=r(s),u=n(253),c=r(u),d=n(255),p=r(d),f=n(248),h=r(f),m=a["default"].createClass({displayName:"Slider",mixins:[p["default"]],getInitialState:function(){return{breakpoint:null}},componentDidMount:function(){var e=this;if(this.props.responsive){var t=this.props.responsive.map(function(e){return e.breakpoint});t.sort(function(e,t){return e-t}),t.forEach(function(n,r){var o;o=0===r?(0,c["default"])({minWidth:0,maxWidth:n}):(0,c["default"])({minWidth:t[r-1],maxWidth:n}),e.media(o,function(){e.setState({breakpoint:n})})});var n=(0,c["default"])({minWidth:t.slice(-1)[0]});this.media(n,function(){e.setState({breakpoint:null})})}},render:function(){var e,t,n=this;this.state.breakpoint?(t=this.props.responsive.filter(function(e){return e.breakpoint===n.state.breakpoint}),e="unslick"===t[0].settings?"unslick":(0,l["default"])({},this.props,t[0].settings)):e=(0,l["default"])({},h["default"],this.props);var r=this.props.children;return Array.isArray(r)||(r=[r]),r=r.filter(function(e){return!!e}),"unslick"===e?a["default"].createElement("div",null,r):a["default"].createElement(i.InnerSlider,e,r)}});e.exports=m},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.InnerSlider=void 0;var o=Object.assign||function(e){for(var t=1;t=this.state.currentSlide&&t=this.props.slidesToShow){var r={dotsClass:this.props.dotsClass,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,currentSlide:this.state.currentSlide,slidesToScroll:this.props.slidesToScroll,clickHandler:this.changeSlide};e=i["default"].createElement(y.Dots,r)}var a,s,l={infinite:this.props.infinite,centerMode:this.props.centerMode,currentSlide:this.state.currentSlide,slideCount:this.state.slideCount,slidesToShow:this.props.slidesToShow,prevArrow:this.props.prevArrow,nextArrow:this.props.nextArrow,clickHandler:this.changeSlide};this.props.arrows&&(a=i["default"].createElement(b.PrevArrow,l),s=i["default"].createElement(b.NextArrow,l));var u=null;return this.props.vertical===!1?this.props.centerMode===!0&&(u={padding:"0px "+this.props.centerPadding}):this.props.centerMode===!0&&(u={padding:this.props.centerPadding+" 0px"}),i["default"].createElement("div",{className:t,onMouseEnter:this.onInnerSliderEnter,onMouseLeave:this.onInnerSliderLeave},a,i["default"].createElement("div",{ref:"list",className:"slick-list",style:u,onMouseDown:this.swipeStart,onMouseMove:this.state.dragging?this.swipeMove:null,onMouseUp:this.swipeEnd,onMouseLeave:this.state.dragging?this.swipeEnd:null,onTouchStart:this.swipeStart,onTouchMove:this.state.dragging?this.swipeMove:null,onTouchEnd:this.swipeEnd,onTouchCancel:this.state.dragging?this.swipeEnd:null,onKeyDown:this.props.accessibility?this.keyHandler:null},i["default"].createElement(g.Track,o({ref:"track"},n),this.props.children)),s,e)}})},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(244),a=n(245),i=(r(a),n(246)),s=r(i),l={changeSlide:function(e){var t,n,r,o,a,i=this.props,s=i.slidesToScroll,l=i.slidesToShow,u=this.state,c=u.slideCount,d=u.currentSlide;if(o=c%s!==0,t=o?0:(c-d)%s,"previous"===e.message)r=0===t?s:l-t,a=d-r,this.props.lazyLoad&&(n=d-r,a=n===-1?c-1:n);else if("next"===e.message)r=0===t?s:t,a=d+r,this.props.lazyLoad&&(a=(d+s)%c+t);else if("dots"===e.message||"children"===e.message){if(a=e.index*e.slidesToScroll,a===e.currentSlide)return}else if("index"===e.message&&(a=e.index,a===e.currentSlide))return;this.slideHandler(a)},keyHandler:function(e){e.target.tagName.match("TEXTAREA|INPUT|SELECT")||(37===e.keyCode&&this.props.accessibility===!0?this.changeSlide({message:this.props.rtl===!0?"next":"previous"}):39===e.keyCode&&this.props.accessibility===!0&&this.changeSlide({message:this.props.rtl===!0?"previous":"next"}))},selectHandler:function(e){this.changeSlide(e)},swipeStart:function(e){var t,n;this.props.swipe===!1||"ontouchend"in document&&this.props.swipe===!1||this.props.draggable===!1&&e.type.indexOf("mouse")!==-1||(t=void 0!==e.touches?e.touches[0].pageX:e.clientX,n=void 0!==e.touches?e.touches[0].pageY:e.clientY,this.setState({dragging:!0,touchObject:{startX:t,startY:n,curX:t,curY:n}}))},swipeMove:function(e){if(!this.state.dragging)return void e.preventDefault();if(!this.state.animating){var t,n,r,a=this.state.touchObject;n=(0,o.getTrackLeft)((0,s["default"])({slideIndex:this.state.currentSlide,trackRef:this.refs.track},this.props,this.state)),a.curX=e.touches?e.touches[0].pageX:e.clientX,a.curY=e.touches?e.touches[0].pageY:e.clientY,a.swipeLength=Math.round(Math.sqrt(Math.pow(a.curX-a.startX,2))),r=(this.props.rtl===!1?1:-1)*(a.curX>a.startX?1:-1);var i=this.state.currentSlide,l=Math.ceil(this.state.slideCount/this.props.slidesToScroll),u=this.swipeDirection(this.state.touchObject),c=a.swipeLength;this.props.infinite===!1&&(0===i&&"right"===u||i+1>=l&&"left"===u)&&(c=a.swipeLength*this.props.edgeFriction,this.state.edgeDragged===!1&&this.props.edgeEvent&&(this.props.edgeEvent(u),this.setState({edgeDragged:!0}))),this.state.swiped===!1&&this.props.swipeEvent&&(this.props.swipeEvent(u),this.setState({swiped:!0})),t=n+c*r,this.setState({touchObject:a,swipeLeft:t,trackStyle:(0,o.getTrackCSS)((0,s["default"])({left:t},this.props,this.state))}),Math.abs(a.curX-a.startX)<.8*Math.abs(a.curY-a.startY)||a.swipeLength>4&&e.preventDefault()}},swipeEnd:function(e){if(!this.state.dragging)return void e.preventDefault();var t=this.state.touchObject,n=this.state.listWidth/this.props.touchThreshold,r=this.swipeDirection(t);if(this.setState({dragging:!1,edgeDragged:!1,swiped:!1,swipeLeft:null,touchObject:{}}),t.swipeLength)if(t.swipeLength>n)e.preventDefault(),"left"===r?this.slideHandler(this.state.currentSlide+this.props.slidesToScroll):"right"===r?this.slideHandler(this.state.currentSlide-this.props.slidesToScroll):this.slideHandler(this.state.currentSlide);else{var a=(0,o.getTrackLeft)((0,s["default"])({slideIndex:this.state.currentSlide,trackRef:this.refs.track},this.props,this.state));this.setState({trackStyle:(0,o.getTrackAnimateCSS)((0,s["default"])({left:a},this.props,this.state))})}},onInnerSliderEnter:function(e){this.props.autoplay&&this.props.pauseOnHover&&this.pause()},onInnerSliderLeave:function(e){this.props.autoplay&&this.props.pauseOnHover&&this.autoPlay()}};t["default"]=l},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.getTrackLeft=t.getTrackAnimateCSS=t.getTrackCSS=void 0;var o=n(30),a=r(o),i=function(e,t){return t.reduce(function(t,n){return t&&e.hasOwnProperty(n)},!0)?null:console.error("Keys Missing",e)},s=t.getTrackCSS=function(e){i(e,["left","variableWidth","slideCount","slidesToShow","slideWidth"]);var t;t=e.variableWidth?(e.slideCount+2*e.slidesToShow)*e.slideWidth:e.centerMode?(e.slideCount+2*(e.slidesToShow+1))*e.slideWidth:(e.slideCount+2*e.slidesToShow)*e.slideWidth;var n={opacity:1,width:t,WebkitTransform:"translate3d("+e.left+"px, 0px, 0px)",transform:"translate3d("+e.left+"px, 0px, 0px)",transition:"",WebkitTransition:"",msTransform:"translateX("+e.left+"px)"};return!window.addEventListener&&window.attachEvent&&(n.marginLeft=e.left+"px"),n};t.getTrackAnimateCSS=function(e){i(e,["left","variableWidth","slideCount","slidesToShow","slideWidth","speed","cssEase"]);var t=s(e);return t.WebkitTransition="-webkit-transform "+e.speed+"ms "+e.cssEase,t.transition="transform "+e.speed+"ms "+e.cssEase,t},t.getTrackLeft=function(e){i(e,["slideIndex","trackRef","infinite","centerMode","slideCount","slidesToShow","slidesToScroll","slideWidth","listWidth","variableWidth"]);var t,n,r=0;if(e.fade)return 0;if(e.infinite&&(e.slideCount>e.slidesToShow&&(r=e.slideWidth*e.slidesToShow*-1),e.slideCount%e.slidesToScroll!==0&&e.slideIndex+e.slidesToScroll>e.slideCount&&e.slideCount>e.slidesToShow&&(r=e.slideIndex>e.slideCount?(e.slidesToShow-(e.slideIndex-e.slideCount))*e.slideWidth*-1:e.slideCount%e.slidesToScroll*e.slideWidth*-1)),e.centerMode&&(e.infinite?r+=e.slideWidth*Math.floor(e.slidesToShow/2):r=e.slideWidth*Math.floor(e.slidesToShow/2)),t=e.slideIndex*e.slideWidth*-1+r,e.variableWidth===!0){var o;e.slideCount<=e.slidesToShow||e.infinite===!1?n=a["default"].findDOMNode(e.trackRef).childNodes[e.slideIndex]:(o=e.slideIndex+e.slidesToShow,n=a["default"].findDOMNode(e.trackRef).childNodes[o]),t=n?n.offsetLeft*-1:0,e.centerMode===!0&&(n=e.infinite===!1?a["default"].findDOMNode(e.trackRef).children[e.slideIndex]:a["default"].findDOMNode(e.trackRef).children[e.slideIndex+e.slidesToShow+1],t=n?n.offsetLeft*-1:0,t+=(e.listWidth-n.offsetWidth)/2)}return t}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0;var o=n(1),a=r(o),i=n(30),s=r(i),l=n(244),u=n(246),c=r(u),d={initialize:function(e){var t=a["default"].Children.count(e.children),n=this.getWidth(s["default"].findDOMNode(this.refs.list)),r=this.getWidth(s["default"].findDOMNode(this.refs.track)),o=r/e.slidesToShow,i=e.rtl?t-1-e.initialSlide:e.initialSlide;this.setState({slideCount:t,slideWidth:o,listWidth:n,trackWidth:r,currentSlide:i},function(){var t=(0,l.getTrackLeft)((0,c["default"])({slideIndex:this.state.currentSlide,trackRef:this.refs.track},e,this.state)),n=(0,l.getTrackCSS)((0,c["default"])({left:t},e,this.state));this.setState({trackStyle:n}),this.autoPlay()})},update:function(e){var t=a["default"].Children.count(e.children),n=this.getWidth(s["default"].findDOMNode(this.refs.list)),r=this.getWidth(s["default"].findDOMNode(this.refs.track)),o=this.getWidth(s["default"].findDOMNode(this))/e.slidesToShow;e.autoplay||this.pause(),this.setState({slideCount:t,slideWidth:o,listWidth:n,trackWidth:r},function(){var t=(0,l.getTrackLeft)((0,c["default"])({slideIndex:this.state.currentSlide,trackRef:this.refs.track},e,this.state)),n=(0,l.getTrackCSS)((0,c["default"])({left:t},e,this.state));this.setState({trackStyle:n})})},getWidth:function(e){return e.getBoundingClientRect().width||e.offsetWidth},adaptHeight:function(){if(this.props.adaptiveHeight){var e='[data-index="'+this.state.currentSlide+'"]';if(this.refs.list){var t=s["default"].findDOMNode(this.refs.list);t.style.height=t.querySelector(e).offsetHeight+"px"}}},slideHandler:function(e){var t,n,r,o,a,i=this;if(!this.props.waitForAnimate||!this.state.animating){if(this.props.fade){if(n=this.state.currentSlide,this.props.infinite===!1&&(e<0||e>=this.state.slideCount))return;return t=e<0?e+this.state.slideCount:e>=this.state.slideCount?e-this.state.slideCount:e,this.props.lazyLoad&&this.state.lazyLoadedList.indexOf(t)<0&&this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(t)}),a=function(){i.setState({animating:!1}),i.props.afterChange&&i.props.afterChange(t),delete i.animationEndCallback},this.setState({animating:!0,currentSlide:t},function(){this.animationEndCallback=setTimeout(a,this.props.speed)}),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,t),void this.autoPlay()}if(t=e,n=t<0?this.props.infinite===!1?0:this.state.slideCount%this.props.slidesToScroll!==0?this.state.slideCount-this.state.slideCount%this.props.slidesToScroll:this.state.slideCount+t:t>=this.state.slideCount?this.props.infinite===!1?this.state.slideCount-this.props.slidesToShow:this.state.slideCount%this.props.slidesToScroll!==0?0:t-this.state.slideCount:t,n!==this.state.currentSlide||this.props.infinite!==!1){if(r=(0,l.getTrackLeft)((0,c["default"])({slideIndex:t,trackRef:this.refs.track},this.props,this.state)),o=(0,l.getTrackLeft)((0,c["default"])({slideIndex:n,trackRef:this.refs.track},this.props,this.state)),this.props.infinite===!1&&(r=o),this.props.beforeChange&&this.props.beforeChange(this.state.currentSlide,n),this.props.lazyLoad){for(var s=!0,u=[],d=t;d=0,s||u.push(d);s||this.setState({lazyLoadedList:this.state.lazyLoadedList.concat(u)})}if(this.props.useCSS===!1)this.setState({currentSlide:n,trackStyle:(0,l.getTrackCSS)((0,c["default"])({left:o},this.props,this.state))},function(){this.props.afterChange&&this.props.afterChange(n)});else{var p={animating:!1,currentSlide:n,trackStyle:(0,l.getTrackCSS)((0,c["default"])({left:o},this.props,this.state)),swipeLeft:null};a=function(){i.setState(p),i.props.afterChange&&i.props.afterChange(n),delete i.animationEndCallback},this.setState({animating:!0,currentSlide:n,trackStyle:(0,l.getTrackAnimateCSS)((0,c["default"])({left:r},this.props,this.state))},function(){this.animationEndCallback=setTimeout(a,this.props.speed)})}this.autoPlay()}}},swipeDirection:function(e){var t,n,r,o;return t=e.startX-e.curX,n=e.startY-e.curY,r=Math.atan2(n,t),o=Math.round(180*r/Math.PI),o<0&&(o=360-Math.abs(o)),o<=45&&o>=0||o<=360&&o>=315?this.props.rtl===!1?"left":"right":o>=135&&o<=225?this.props.rtl===!1?"right":"left":"vertical"},autoPlay:function(){var e=this;if(!this.state.autoPlayTimer){var t=function(){if(e.state.mounted){var t=e.props.rtl?e.state.currentSlide-e.props.slidesToScroll:e.state.currentSlide+e.props.slidesToScroll;e.slideHandler(t)}};this.props.autoplay&&this.setState({autoPlayTimer:window.setInterval(t,this.props.autoplaySpeed)})}},pause:function(){this.state.autoPlayTimer&&(window.clearInterval(this.state.autoPlayTimer),this.setState({autoPlayTimer:null}))}};t["default"]=d},function(e,t){"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function r(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;var r=Object.getOwnPropertyNames(t).map(function(e){return t[e]});if("0123456789"!==r.join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach(function(e){o[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(a){return!1}}var o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=r()?Object.assign:function(e,t){for(var r,i,s=n(e),l=1;l