https://www.thesukha.co/_next/static/chunks/4783-4cd59d656c6d4e6c.js?dpl=dpl_4d3GiwvRxaWzcwui4FPowQJBx7QK

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4783],{5957:(e,s,t)=>{t.d(s,{default:()=>l,p:()=>o});var a=t(5155),i=t(2115),n=t(7222);let o=[{id:"assistant",label:"Smart Assistant",x:50,y:38,media:"assets/videos/smart-assistant.webm",mediaType:"video",mediaAspect:"958 / 720",body:(0,a.jsxs)(a.Fragment,{children:["I wanted a friendly voice to help me:",(0,a.jsxs)("ul",{style:{margin:"0.75em 0 0",padding:0,listStyle:"none"},children:[["know where to start","break down large tasks","let me know how much time I have left*"].map(e=>(0,a.jsxs)("li",{style:{paddingLeft:"1.2em",textIndent:"-1.2em",paddingBottom:"0.25em"},children:["• ",e]},e)),(0,a.jsx)("li",{style:{paddingLeft:"1.2em",textIndent:"-1.2em",paddingBottom:"0.25em"},children:"• nudge me when I drift off to my phone or a rando website (not that I do that...a lot)"})]}),(0,a.jsx)("em",{style:{display:"block",marginTop:"1.1em"},children:"*as Csikszentmihalyi points out, it's easy to lose track of time when in Flow."})]})},{id:"tasks",label:"Time-boxed Tasks",x:85,y:37,body:"Flow needs a clear target. Csikszentmihalyi found the brain locks in when an objective is sharp and immediate—close enough to chase, small enough to finish.\n\nI found Parkinson's Law to be true - what I was working on would take all the available time if I let it...\n\n...so as Cal Newport would exhort us, “time-box this stuff, people!”",media:"assets/videos/timebox-tasks.webm",mediaType:"video",mediaAspect:"1100 / 208"},{id:"community",label:"Community",x:15,y:60,body:"I love knowing that while I work, there are thousands of other people also focusing around the world.\n\nSometimes I drop into the group chat to share what I'm working on or learn about what someone else is.",media:"assets/images/community-chat.gif",mediaAspect:"420 / 330"},{id:"break",label:"Pomodoro Timer",x:50,y:77,body:"The classic 25-and-5, but you can customize it. I do 50-10's.\n\nAlso - you'll get reminders to do healthy things on your breaks like breathe, stretch, get some water, etc.",media:"assets/images/pomodoro-timer.gif",mediaAspect:"340 / 176"},{id:"graph",label:"Productivity Graph",x:85,y:83,body:(0,a.jsxs)(a.Fragment,{children:["I love being able to review my sessions and see where I'm doing well and where I can improve."," ","(I know: “Amazon” \xa0Yeeesh. \xa0I gotta watch that.)","\n\n","This is like my Oura Ring for productivity.",(0,a.jsx)("em",{style:{display:"block",marginTop:"1.1em"},children:"As Csikszentmihalyi wrote, immediate feedback is a key element to staying in Flow."})]}),media:"assets/videos/productivity-graph.webm",mediaType:"video",mediaAspect:"850 / 454"},{id:"music",label:"Music",x:50,y:95,body:(0,a.jsxs)(a.Fragment,{children:["Over 1000 hours of scientifically-informed flow music organized into playlists for:",(0,a.jsx)("ul",{style:{margin:"0.75em 0 0",padding:0,listStyle:"none",display:"grid",gridTemplateColumns:"1fr 1fr",gap:"0.25em 0.5em"},children:["upbeat","downtempo","lofi","rain","binaural","coffeeshops and more"].map(e=>(0,a.jsxs)("li",{style:{paddingLeft:"1.2em",textIndent:"-1.2em"},children:["• ",e]},e))}),(0,a.jsx)("span",{style:{display:"block",marginTop:"0.75em"},children:"The right sound to drop into flow and hold it."})]}),media:"assets/videos/music-panel.webm",mediaType:"video",mediaAspect:"528 / 630"}];function l(e){let{text:s=(0,a.jsxs)(a.Fragment,{children:["Based on this,",(0,a.jsx)("br",{}),"Tony & I designed",(0,a.jsx)("br",{}),(0,a.jsxs)("span",{style:{color:"var(--gold-bright)"},children:["a simple website that",(0,a.jsx)("br",{}),"runs in the background"]}),(0,a.jsx)("br",{}),"while we work:"]}),imageSrc:t=n.iY,imageBase:l="",hotspots:d=o,connectorTop:r=!0,connectorBottom:c=!0}=e,[m,h]=i.useState(null),u=d.find(e=>e.id===m)||null;return i.useEffect(()=>{let e=e=>{"Escape"===e.key&&h(null)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]),(0,a.jsxs)("section",{className:"sukha-note",children:[r?(0,a.jsx)("span",{className:"sukha-note__line sukha-note__line--top"}):null,s?(0,a.jsxs)("p",{className:"sukha-note__text",children:[s,(0,a.jsx)("span",{className:"sukha-note__hint",style:{color:"var(--gold-bright)"},children:"Click/tap the gold dots to learn more"})]}):null,(0,a.jsx)("span",{className:"sukha-note__link","aria-hidden":"true"}),(0,a.jsxs)("div",{className:"sukha-note__shot",children:[t?(0,a.jsx)("img",{src:t,srcSet:t===n.iY?n.Wc:void 0,sizes:t===n.iY?n.sn:void 0,loading:"lazy",alt:"Screenshot of the Sukha focu

1s app dashboard showing the productivity graph, task list, music player, and community panel"}):null,d.map(e=>(0,a.jsx)("button",{type:"button",className:"sukha-note__hot ".concat(m===e.id?"is-active":""),style:{left:"".concat(e.x,"%"),top:"".concat(e.y,"%")},"aria-label":"string"==typeof e.label?e.label:"Feature",onClick:()=>h(e.id),children:(0,a.jsx)("span",{className:"sukha-note__dot"})},e.id))]}),(0,a.jsx)("div",{className:"sukha-note__scrim ".concat(m?"is-open":""),onClick:()=>h(null),"aria-hidden":"true"}),(0,a.jsxs)("aside",{className:"sukha-note__sheet ".concat(m?"is-open":""),role:"dialog","aria-modal":"true","aria-hidden":m?"false":"true",children:[(0,a.jsx)("button",{type:"button",className:"sukha-note__close",onClick:()=>h(null),"aria-label":"Close",children:(0,a.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,a.jsx)("path",{d:"M18 6 6 18M6 6l12 12"})})}),u?(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("div",{className:"sukha-note__sheet-media","aria-hidden":"true",style:u.mediaAspect?{aspectRatio:u.mediaAspect}:void 0,children:u.media&&"video"===u.mediaType?(0,a.jsx)("video",{src:l+u.media,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"none",role:"presentation","aria-label":"".concat(u.label," feature demo"),style:u.mediaAspect?{objectFit:"contain",width:"100%",height:"100%"}:void 0}):u.media?(0,a.jsx)("img",{src:l+u.media,alt:"".concat(u.label," feature demo"),style:u.mediaAspect?{objectFit:"contain"}:void 0}):(0,a.jsx)("span",{children:"Visual"})}),(0,a.jsx)("h3",{className:"sukha-note__sheet-title",children:u.label}),(0,a.jsx)("div",{className:"sukha-note__sheet-body",children:u.body})]}):null]}),c?(0,a.jsx)("span",{className:"sukha-note__line sukha-note__line--bottom"}):null]})}},7222:(e,s,t)=>{t.d(s,{Wc:()=>i,fY:()=>n,iY:()=>a,kg:()=>d,r0:()=>l,sn:()=>o});let a="/sukha/assets/images/sukha-homepage-1137.webp",i="/sukha/assets/images/sukha-homepage-640.webp 640w, /sukha/assets/images/sukha-homepage-960.webp 960w, /sukha/assets/images/sukha-homepage-1137.webp 1137w",n="(min-width: 48rem) 626px, calc(100vw - 106px)",o="(min-width: 1520px) 1472px, calc(100vw - 48px)",l=1137,d=728},8483:(e,s,t)=>{t.r(s),t.d(s,{default:()=>n});var a=t(5155),i=t(2115);function n(e){let{src:s,ariaLabel:t,aspectRatio:n,className:o,style:l,rootMargin:d="300px"}=e,r=i.useRef(null),[c,m]=i.useState(!1);return i.useEffect(()=>{let e;if(c)return;let s=r.current;if(!s||"undefined"==typeof IntersectionObserver)return void m(!0);let t=()=>{(e=new IntersectionObserver(s=>{s.some(e=>e.isIntersecting)&&(m(!0),null==e||e.disconnect())},{rootMargin:d})).observe(s)};return"complete"===document.readyState?t():window.addEventListener("load",t,{once:!0}),()=>{null==e||e.disconnect(),window.removeEventListener("load",t)}},[c,d]),i.useEffect(()=>{if(!c)return;let e=r.current;if(!e)return;if("undefined"==typeof IntersectionObserver){var s;null==(s=e.play)||s.call(e).catch(()=>{});return}let t=new IntersectionObserver(s=>{for(let i of s){var t,a;i.isIntersecting?null==(t=e.play)||t.call(e).catch(()=>{}):null==(a=e.pause)||a.call(e)}},{threshold:0});return t.observe(e),()=>t.disconnect()},[c]),(0,a.jsx)("video",{ref:r,src:c?s:void 0,autoPlay:!0,muted:!0,loop:!0,playsInline:!0,preload:"none","aria-label":t,className:o,style:n?{aspectRatio:n,...l}:l})}}}]);