<!–
RANK MATH FIELDS (paste into the Rank Math meta box in WordPress)
Focus keyword : feeling disconnected from life
Additional : life transition, find meaning in life, who am I beyond my roles
Permalink : /feeling-disconnected-from-life/
SEO title : Feeling Disconnected From Life? 7 Ways to Reconnect Now
Meta desc : Feeling disconnected from life despite a good career? Seven reflective steps from Elizabeth Carrio’s conversation to find what still belongs.
(If WordPress already prints the post title as H1, delete the
below or change it to a
.)
–>
{
“@context”: “https://schema.org”,
“@graph”: [
{
“@type”: “Article”,
“headline”: “Feeling Disconnected From Life? 7 Ways to Reconnect Now”,
“description”: “Feeling disconnected from life despite a good career? Seven reflective steps from Elizabeth Carrio’s conversation to find what still belongs.”,
“author”: {
“@type”: “Person”,
“name”: “Daniel Kobryner”,
“url”: “https://digitnity.com/about/”
},
“publisher”: {
“@type”: “Organization”,
“name”: “Redesign Your Life Today”,
“url”: “https://digitnity.com/”
},
“mainEntityOfPage”: “https://digitnity.com/feeling-disconnected-from-life/”,
“datePublished”: “2026-11-02”,
“inLanguage”: “en-GB”
},
{
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “Why am I feeling disconnected from life when everything looks fine?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “You can be good at the life you have built and still feel disconnected from it. Responsibilities, routines and other people’s expectations can keep a life running long after your priorities have changed. The question “Do I want to keep living this way?” is often an invitation to look at what still belongs, not a sign that something is wrong with you.”
}
},
{
“@type”: “Question”,
“name”: “Is feeling disconnected from life normal during a life transition?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes. A career change, a relationship, a move to another country or a change in family responsibilities can bring the question into focus. Sometimes the change happens outside you, and sometimes your circumstances stay familiar while your relationship with them changes.”
}
},
{
“@type”: “Question”,
“name”: “How do I find out what still belongs in my life?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Start by separating what you do well from what matters to you now. Then look for the recurring thread across your life, give yourself quiet time to reflect, and test small experiments. The seven steps in this guide walk you through each one.”
}
},
{
“@type”: “Question”,
“name”: “What is the “red thread” in a life transition?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “The red thread is the set of recurring interests, concerns and experiences that connect different chapters of your life. Elizabeth Carrio suggests looking for it when you’re navigating a transition. It is a personal interpretation to explore, not a single fixed explanation.”
}
},
{
“@type”: “Question”,
“name”: “How long does it take to stop feeling disconnected?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “There is no fixed timeline. Reconnecting usually happens through a series of small, considered choices rather than one dramatic change. Taking one small action each week gives you real information about what feels meaningful.”
}
},
{
“@type”: “Question”,
“name”: “When should I seek professional support?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “If feeling disconnected comes with persistent low mood, anxiety or changes in sleep and appetite that last for weeks, speak to your GP or a qualified therapist. Coaching can support reflection and direction, but it is not a substitute for clinical care.”
}
}
]
}
]
}
.ia-wrap{
–paper:#F3F6FA; –card:#FFFFFF; –ink:#17214A; –muted:#4F5873;
–teal:#0B6670; –teal-soft:#D9EEF0; –red:#C23B25; –hi:#FFD35A; –line:#D5DBE8;
font-family:’Source Serif 4′,Georgia,’Times New Roman’,serif;
font-size:19px; line-height:1.7; color:var(–ink); background:var(–paper);
-webkit-font-smoothing:antialiased;
/* full-bleed: breaks out of narrow theme/Elementor containers */
width:100vw; max-width:100vw; margin-left:calc(50% – 50vw); margin-right:calc(50% – 50vw); position:relative;
}
body{overflow-x:clip}
.ia-wrap *,.ia-wrap *::before,.ia-wrap *::after{box-sizing:border-box}
.ia-wrap h1,.ia-wrap h2,.ia-wrap h3,.ia-wrap .sans,.ia-wrap button,.ia-wrap select,.ia-wrap summary{font-family:’Bricolage Grotesque’,system-ui,-apple-system,’Segoe UI’,Arial,sans-serif}
.ia-wrap a{color:var(–teal);text-decoration-thickness:1px;text-underline-offset:3px}
.ia-wrap a:hover{color:var(–red)}
.ia-wrap :focus-visible{outline:3px solid var(–hi);outline-offset:2px;border-radius:4px}
.ia-wrap p{margin:0 0 1.1em}
.ia-in{max-width:1240px;margin:0 auto;padding:0 32px}
.ia-col{max-width:none}
/* HERO */
.ia-hero{padding:56px 0 64px;border-bottom:1px solid var(–line)}
.ia-hero .ia-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ia-meta{font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:15px;color:var(–muted);margin:0 0 14px}
.ia-wrap h1{font-size:clamp(34px,5.2vw,56px);line-height:1.04;letter-spacing:-.02em;font-weight:800;margin:0 0 22px}
.ia-lede{font-size:20px;line-height:1.6}
/* contract */
.contract{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:26px 26px 22px;box-shadow:8px 8px 0 var(–ink);position:relative}
.contract .c-title{font:700 17px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:0 0 4px}
.contract .c-sub{font:500 14px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–muted);margin:0 0 18px}
.clause{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(–line);font-size:17px;line-height:1.4}
.clause .tick{flex:0 0 22px;height:22px;border:2px solid var(–ink);border-radius:4px;margin-top:2px}
.clause.swap{display:block;position:relative}
.clause.swap .old{display:inline-block;position:relative;color:var(–muted)}
.clause.swap .old::after{content:””;position:absolute;left:-2px;right:-2px;top:52%;height:3px;background:var(–red);transform-origin:left;transform:scaleX(1)}
.clause.swap .new{display:block;margin-top:6px;color:var(–teal);font-weight:600;background:linear-gradient(transparent 62%,var(–hi) 62%);width:fit-content;max-width:100%}
.sign{margin-top:14px;padding-top:14px;border-top:2px dashed var(–ink);font:600 15px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sign .s1{display:none;color:var(–muted)} .sign .s2{color:var(–teal)}
.contract.play .strike-old::after{animation:strike .7s 1.1s cubic-bezier(.6,0,.2,1) both}
.contract.play .new{animation:reveal 1s 2s ease-out both}
.contract.play .s1{display:inline;animation:hide 0s 3.2s forwards}
.contract.play .s2{animation:reveal .8s 3.3s ease-out both}
@keyframes strike{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes reveal{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes hide{to{display:none;opacity:0;font-size:0}}
.replay{margin-top:16px;background:none;border:2px solid var(–ink);color:var(–ink);padding:8px 16px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer}
.replay:hover{background:var(–ink);color:#fff}
/* takeaway + toc */
.ia-top{padding:44px 0 8px}
.takeaway{background:var(–card);border-left:6px solid var(–teal);padding:20px 24px;margin:0 0 28px;border-radius:0 6px 6px 0}
.takeaway strong{font-family:’Bricolage Grotesque’,system-ui,sans-serif}
.toc{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.toc a{display:inline-block;font:600 15px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;text-decoration:none;color:var(–ink);border:1.5px solid var(–ink);border-radius:999px;padding:9px 16px;background:var(–card)}
.toc a:hover{background:var(–ink);color:#fff}
/* sections */
.ia-sec{padding:60px 0 8px}
.ia-wrap h2{font-size:clamp(28px,3.8vw,40px);line-height:1.12;letter-spacing:-.015em;font-weight:800;margin:0 0 18px;scroll-margin-top:24px}
.ia-wrap h3{font-size:21px;line-height:1.25;font-weight:700;margin:1.6em 0 .5em}
/* flow (sequence) */
.flow{list-style:none;margin:34px 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;counter-reset:f}
.flow::before{content:””;position:absolute;left:12%;right:12%;top:26px;height:3px;background:var(–ink);transform-origin:left;transform:scaleX(0);transition:transform 1.2s ease}
.flow.in::before{transform:scaleX(1)}
.flow li{position:relative;text-align:center;font-size:16px;line-height:1.45;counter-increment:f}
.flow li::before{content:counter(f);display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:var(–card);border:3px solid var(–ink);font:800 20px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;position:relative;z-index:1}
.flow li:last-child::before{background:var(–hi)}
.flow b{display:block;font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:18px;margin-bottom:2px}
.no-js-flow{}
/* compare table */
.cmp{width:100%;border-collapse:collapse;margin:22px 0 10px;background:var(–card);font-size:16px;line-height:1.5}
.cmp th,.cmp td{padding:12px 14px;text-align:left;vertical-align:top;border:1px solid var(–line)}
.cmp thead th{background:var(–ink);color:#fff;font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-weight:700}
.cmp tbody th{font-family:’Bricolage Grotesque’,system-ui,sans-serif;background:var(–teal-soft);width:26%}
.scroll-x{overflow-x:auto}
/* example cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 8px}
.ccard{background:var(–card);border:2px solid var(–ink);border-radius:6px;display:flex;flex-direction:column}
.ccard button{all:unset;cursor:pointer;display:block;padding:18px 18px 14px;box-sizing:border-box;width:100%}
.ccard button:focus-visible{outline:3px solid var(–hi);outline-offset:-3px}
.ccard .q{font:700 20px/1.25 ‘Bricolage Grotesque’,system-ui,sans-serif;display:block;margin-bottom:10px}
.ccard .hint{font:600 14px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–teal)}
.ccard .hint::after{content:” +”;font-weight:800}
.ccard[data-open=”true”] .hint::after{content:” −”}
.ccard .cost{padding:0 18px 18px;font-size:16px;line-height:1.55;border-top:1px dashed var(–ink);margin:0 18px;padding:14px 0 18px}
.ccard[data-open=”true”]{background:var(–teal-soft)}
.ccard .cost[hidden]{display:none}
/* loop */
.loopbox{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:18px;margin:28px 0}
.loopbox svg{display:block;width:100%;height:auto}
.dash{animation:flow 1.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-28}}
.loopcap{font:500 15px/1.5 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–muted);margin:8px 4px 0}
.costs{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.costs li{background:var(–card);border-top:4px solid var(–red);padding:14px 16px;font-size:16px;line-height:1.5}
.costs b{font-family:’Bricolage Grotesque’,system-ui,sans-serif;display:block;font-size:18px}
/* steps */
.steps{list-style:none;margin:26px 0;padding:0;counter-reset:s;border-left:3px solid var(–ink)}
.steps li{position:relative;padding:0 0 22px 34px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:-17px;top:0;width:31px;height:31px;border-radius:50%;background:var(–ink);color:#fff;display:grid;place-items:center;font:700 16px/1 ‘Bricolage Grotesque’,system-ui,sans-serif}
.steps b{font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:19px;display:block}
/* lab */
.lab{background:var(–ink);color:#fff;border-radius:8px;padding:28px;margin:34px 0}
.lab h3{margin:0 0 6px;color:#fff}
.lab label{display:block;font:600 15px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:14px 0 8px}
.lab select{width:100%;max-width:520px;font-size:17px;padding:12px 14px;border-radius:6px;border:2px solid #fff;background:#fff;color:var(–ink)}
.lab .out{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.lab .box{background:rgba(255,255,255,.08);border-radius:6px;padding:16px 18px;font-size:17px;line-height:1.5}
.lab .box small{display:block;font:600 14px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;color:#BFC8E6;margin-bottom:8px}
.lab .old{text-decoration:line-through;text-decoration-color:var(–hi);text-decoration-thickness:3px;color:#DDE3F5}
.lab .new{background:var(–hi);color:var(–ink);font-weight:600}
.lab .new small{color:#4A4020}
.lab .why{grid-column:1/-1}
.lab .box.new,.lab .box.why{animation:pop .45s ease-out}
@keyframes pop{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.prompts{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:20px 24px;margin:26px 0}
.prompts ul{margin:8px 0 0;padding-left:1.2em}
.prompts li{margin-bottom:.5em}
.note{font-size:16px;color:var(–muted);border-top:1px solid var(–line);padding-top:14px;margin-top:28px}
/* faq */
.faq details{background:var(–card);border:1.5px solid var(–ink);border-radius:6px;margin:0 0 10px}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:18px;line-height:1.3;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:”+”;font-weight:800;font-size:22px;line-height:1}
.faq details[open] summary::after{content:”−”}
.faq details p{padding:0 20px;margin:0 0 16px;font-size:17px}
.faq h3{font-size:inherit;margin:0;display:block}
/* cta */
.cta{background:var(–ink);color:#fff;margin-top:64px;padding:56px 0}
.cta h2{color:#fff}
.cta a.btn{display:inline-block;background:var(–hi);color:var(–ink);font:700 18px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;text-decoration:none;padding:16px 26px;border-radius:999px;margin:6px 12px 6px 0}
.cta a.btn:hover{background:#fff;color:var(–ink)}
.cta a.btn.ghost{background:none;color:#fff;border:2px solid #fff}
.cta a.btn.ghost:hover{background:#fff;color:var(–ink)}
.cta p{color:#E5E9F7}
.related{padding:40px 0 56px}
.related ul{padding-left:1.2em}
.author{font-size:16px;color:var(–muted);border-top:1px solid var(–line);padding-top:16px;margin-top:20px}
.fig{margin:28px 0}.fig img{display:block;width:100%;max-width:980px;margin:0 auto;height:auto;border:2px solid var(–ink);border-radius:6px;background:#fff}.fig figcaption{text-align:center;font:500 15px/1.4 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–muted);margin-top:8px}
.loopbox img{display:block;width:100%;max-width:860px;margin:0 auto;height:auto}
/* responsive */
@media (max-width:900px){
.ia-hero .ia-in{grid-template-columns:1fr;gap:36px}
.cards{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
.ia-wrap{font-size:17px}
.cards,.costs,.lab .out{grid-template-columns:1fr}
.flow{grid-template-columns:1fr;gap:20px;padding-left:0}
.flow::before{left:25px;right:auto;top:26px;bottom:26px;width:3px;height:auto;transform:scaleY(0);transform-origin:top}
.flow.in::before{transform:scaleY(1)}
.flow li{text-align:left;padding-left:70px;min-height:52px}
.flow li::before{position:absolute;left:0;top:0;margin:0}
.contract{box-shadow:5px 5px 0 var(–ink)}
}
@media (prefers-reduced-motion:reduce){
.ia-wrap *{animation:none!important;transition:none!important}
.flow::before{transform:none!important}
}
/* article 8 additions */
.meter{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:26px;box-shadow:8px 8px 0 var(–ink)}
.meter .m-title{font:700 17px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:0 0 4px}
.meter .m-sub{font:500 14px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–muted);margin:0 0 16px}
.m-labels{position:relative;height:34px;font:800 24px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–teal)}
.m-labels span{position:absolute;left:0;top:0;opacity:0}
.m-labels span:first-child{opacity:1}
.m-track{position:relative;height:38px;border:2px solid var(–ink);border-radius:999px;background:var(–paper);overflow:hidden;margin:6px 0 12px}
.m-fill{position:absolute;inset:0;background:var(–hi);transform-origin:left;transform:scaleX(.4)}
.m-base{position:absolute;left:40%;top:-2px;bottom:-2px;border-left:3px dashed var(–ink)}
.m-note{display:flex;justify-content:space-between;font:600 14px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–muted)}
.m-next{color:var(–red)}
.meter.play .m-fill{animation:rise 3s cubic-bezier(.2,.9,.3,1) infinite}
.meter.play .m-labels span{animation:lab 9s steps(1,end) infinite}
.meter.play .m-labels span:nth-child(2){animation-delay:3s}
.meter.play .m-labels span:nth-child(3){animation-delay:6s}
.meter.play .m-next{animation:blink 1.5s ease-in-out infinite}
@keyframes rise{0%{transform:scaleX(.4)}12%{transform:scaleX(.97)}100%{transform:scaleX(.4)}}
@keyframes lab{0%{opacity:1}33.3%{opacity:0}100%{opacity:0}}
@keyframes blink{50%{opacity:.35}}
.reasons{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:r}
.reasons li{background:var(–card);border-top:4px solid var(–red);padding:14px 16px;font-size:16px;line-height:1.5;counter-increment:r}
.reasons b{display:block;font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:18px;margin-bottom:4px}
.reasons b::before{content:counter(r) “. “;color:var(–red)}
.audit{background:var(–ink);color:#fff;border-radius:8px;padding:28px;margin:30px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.audit h3{color:#fff;margin:0 0 6px}
.audit .q{margin:18px 0 0}
.audit label{display:flex;justify-content:space-between;gap:12px;font:600 16px/1.35 ‘Bricolage Grotesque’,system-ui,sans-serif;margin-bottom:6px}
.audit label output{font-weight:800;color:var(–hi);min-width:2ch;text-align:right}
.audit input[type=range]{width:100%;accent-color:#FFD35A;height:28px}
.audit .scale{display:flex;justify-content:space-between;font-size:13px;color:#BFC8E6;font-family:’Bricolage Grotesque’,system-ui,sans-serif}
.audit svg{width:100%;height:auto;max-width:340px;display:block;margin:0 auto}
.audit .res{grid-column:1/-1;background:var(–hi);color:var(–ink);border-radius:6px;padding:16px 20px;font-size:17px;line-height:1.55;animation:pop .45s ease-out}
.audit .res b{font-family:’Bricolage Grotesque’,system-ui,sans-serif}
.shifts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}
.shift{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:18px;font-size:16px;line-height:1.55;transition:transform .25s,box-shadow .25s}
.shift h3{margin:0 0 6px;font-size:20px}
.shift.pick{background:var(–hi);transform:translateY(-6px);box-shadow:6px 6px 0 var(–ink)}
.track{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:20px 24px;margin:26px 0}
.track h3{margin:0 0 4px}
.days{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.days label{cursor:pointer}
.days input{position:absolute;opacity:0}
.days span{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(–ink);border-radius:50%;font:700 15px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;background:var(–paper);transition:background .2s,transform .2s}
.days input:checked+span{background:var(–teal);color:#fff;transform:scale(1.08)}
.days input:focus-visible+span{outline:3px solid var(–hi);outline-offset:2px}
.bar{height:12px;border:2px solid var(–ink);border-radius:999px;overflow:hidden;background:var(–paper)}
.bar i{display:block;height:100%;width:0;background:var(–hi);transition:width .4s}
.bartxt{font:600 15px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:8px 0 0;color:var(–muted)}
@media (max-width:900px){.reasons{grid-template-columns:1fr 1fr}.audit{grid-template-columns:1fr}.shifts{grid-template-columns:1fr}}
@media (max-width:680px){.reasons{grid-template-columns:1fr}.meter{box-shadow:5px 5px 0 var(–ink)}}
@media (prefers-reduced-motion:reduce){.m-labels span{animation:none!important}.shift.pick{transform:none}}
/* article 9 additions */
.orbit{position:relative;width:min(100%,400px);aspect-ratio:1;margin:0 auto}
.orbit .core{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;background:var(–ink);color:#fff;display:grid;place-items:center;text-align:center;font:800 20px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;padding:14px;z-index:2;box-shadow:6px 6px 0 var(–hi);transition:box-shadow .6s,background .6s}
.orbit .core .c2{display:none}
.orbit .b{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(–a));animation:orb 14s linear infinite}
.orbit .s{position:absolute;left:125px;top:0;transform:translate(-50%,-50%)}
.orbit .t{display:block;white-space:nowrap;background:var(–card);border:2px solid var(–ink);border-radius:999px;padding:7px 13px;font:600 14px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;transform:rotate(calc(var(–a) * -1));animation:ct 14s linear infinite}
@keyframes orb{from{transform:rotate(var(–a))}to{transform:rotate(calc(var(–a) + 360deg))}}
@keyframes ct{from{transform:rotate(calc(var(–a) * -1))}to{transform:rotate(calc(var(–a) * -1 – 360deg))}}
.orbit.calm .b,.orbit.calm .t{animation-play-state:paused}
.orbit.calm .b{opacity:.15;transition:opacity .8s}
.orbit.calm .core{background:var(–teal);box-shadow:0 0 0 14px var(–teal-soft);animation:calm 6s ease-in-out infinite}
.orbit.calm .core .c1{display:none}.orbit.calm .core .c2{display:block}
@keyframes calm{50%{box-shadow:0 0 0 26px var(–teal-soft)}}
.pausebtn{margin-top:14px;background:var(–ink);color:#fff;border:2px solid var(–ink);padding:10px 20px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer}
.pausebtn:hover{background:var(–teal);border-color:var(–teal)}
.hero-r{text-align:center}
.five{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.five li{background:var(–card);border-top:4px solid var(–red);padding:14px;font-size:15.5px;line-height:1.5}
.five b{display:block;font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:17px;margin-bottom:4px}
.quiz{background:var(–ink);color:#fff;border-radius:8px;padding:28px;margin:30px 0}
.quiz h3{color:#fff;margin:0 0 6px}
.quiz .items{margin:16px 0}
.quiz .items label{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.18);cursor:pointer;font-size:17px;line-height:1.45}
.quiz input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;accent-color:#FFD35A;margin-top:2px}
.qbars{display:grid;gap:12px;margin-top:18px}
.qrow{display:grid;grid-template-columns:150px 1fr 36px;gap:12px;align-items:center;font:700 16px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif}
.qtrack{height:18px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden}
.qtrack i{display:block;height:100%;width:0;background:var(–hi);transition:width .5s}
.qres{background:var(–hi);color:var(–ink);border-radius:6px;padding:16px 20px;margin-top:18px;font-size:17px;line-height:1.55}
.qres a{color:var(–ink);font-weight:700}
.breath{background:var(–card);border:2px solid var(–ink);border-radius:8px;padding:24px;margin:26px 0;display:grid;grid-template-columns:200px 1fr;gap:28px;align-items:center}
.bring{width:180px;height:180px;display:grid;place-items:center;margin:0 auto}
.bcircle{width:180px;height:180px;border-radius:50%;background:var(–teal-soft);border:3px solid var(–teal);display:grid;place-items:center;text-align:center;font:800 18px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–ink);transform:scale(.62)}
.breath.go .bcircle{animation:br 8s ease-in-out infinite}
@keyframes br{0%,100%{transform:scale(.62)}50%{transform:scale(1)}}
.breath h3{margin:0 0 6px}
.bstart{background:var(–ink);color:#fff;border:2px solid var(–ink);padding:10px 20px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;margin-top:6px}
.bstart:hover{background:var(–teal);border-color:var(–teal)}
.brief{background:var(–card);border:2px solid var(–ink);border-radius:8px;padding:26px;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.brief h3{margin:0 0 6px}
.brief label.f{display:block;font:700 15px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:14px 0 6px}
.brief input[type=text],.brief input[type=date],.brief select{width:100%;font:inherit;font-size:17px;padding:10px 12px;border:2px solid var(–ink);border-radius:6px;background:#fff;color:var(–ink)}
.vals{display:flex;flex-wrap:wrap;gap:8px}
.vals label{cursor:pointer}.vals input{position:absolute;opacity:0}
.vals span{display:inline-block;border:2px solid var(–ink);border-radius:999px;padding:6px 14px;font:600 15px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;background:var(–paper)}
.vals input:checked+span{background:var(–hi)}
.vals input:focus-visible+span{outline:3px solid var(–hi);outline-offset:2px}
.out8{background:var(–ink);color:#fff;border-radius:8px;padding:22px;font-size:17px;line-height:1.6;align-self:start}
.out8 h4{margin:0 0 10px;font:800 20px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–hi)}
.out8 p{margin:0 0 8px}.out8 b{color:#BFC8E6;font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:14px;display:block}
.copybtn{background:var(–hi);color:var(–ink);border:0;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;margin-top:8px}
.sage{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:26px 0}
.sage .ccard .q{font-size:19px}
.sage .ccard .cost{margin:0 14px;font-size:15.5px}
.sage .ccard button{padding:16px 14px 12px}
.tiers{width:100%}
@media (max-width:1000px){.five,.sage{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.brief{grid-template-columns:1fr}.breath{grid-template-columns:1fr}}
@media (max-width:680px){.five,.sage{grid-template-columns:1fr}.qrow{grid-template-columns:110px 1fr 30px}.orbit .t{font-size:12.5px;padding:6px 10px}.orbit .s{left:105px}}
@media (prefers-reduced-motion:reduce){.orbit .b,.orbit .t{animation:none!important}.breath.go .bcircle{animation:none;transform:scale(.8)}}
/* article 10 additions */
.rolebox{background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:26px;box-shadow:8px 8px 0 var(–ink);position:relative;min-height:340px;overflow:hidden}
.rolebox .rb-t{font:700 17px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:0 0 4px}
.rolebox .rb-s{font:500 14px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–muted);margin:0 0 18px}
.chips{display:grid;gap:10px}
.chip{border:2px solid var(–ink);border-radius:999px;padding:12px 20px;font:700 18px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;background:var(–paper);animation:leave 12s ease-in-out infinite}
.chip:nth-child(2){animation-delay:.7s}.chip:nth-child(3){animation-delay:1.4s}.chip:nth-child(4){animation-delay:2.1s}
.belongs{position:absolute;left:26px;right:26px;bottom:26px;text-align:center;background:var(–hi);border:2px solid var(–ink);border-radius:6px;padding:16px;font:800 22px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;animation:reveal2 12s ease-in-out infinite}
@keyframes leave{0%,40%{opacity:1;transform:none}55%,92%{opacity:0;transform:translateX(60px)}100%{opacity:1;transform:none}}
@keyframes reveal2{0%,56%{opacity:0;transform:translateY(14px)}66%,90%{opacity:1;transform:none}100%{opacity:0;transform:translateY(14px)}}
.signs{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.signs li{background:var(–card);border-top:4px solid var(–teal);padding:14px 16px;font-size:16px;line-height:1.5}
.signs b{display:block;font-family:’Bricolage Grotesque’,system-ui,sans-serif;font-size:18px;margin-bottom:4px}
.tool{background:var(–ink);color:#fff;border-radius:8px;padding:26px;margin:28px 0}
.tool h4{margin:0 0 6px;font:800 22px/1.2 ‘Bricolage Grotesque’,system-ui,sans-serif;color:#fff}
.tool label.f{display:block;font:700 15px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif;margin:14px 0 6px}
.tool input[type=text],.tool select,.tool input[type=date],.tool textarea{width:100%;font:inherit;font-size:17px;padding:10px 12px;border:2px solid #fff;border-radius:6px;background:#fff;color:var(–ink)}
.tool .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tool .res{background:var(–hi);color:var(–ink);border-radius:6px;padding:14px 18px;margin-top:16px;font-size:17px;line-height:1.55;animation:pop .45s ease-out}
.tool .res b{font-family:’Bricolage Grotesque’,system-ui,sans-serif}
.tool .btn2{background:var(–hi);color:var(–ink);border:0;padding:10px 20px;border-radius:999px;font-weight:700;font-size:16px;cursor:pointer;margin-top:12px}
.tool .btn2:hover{background:#fff}
.threadbox{background:var(–card);border:2px solid var(–ink);border-radius:8px;padding:20px;margin:28px 0}
.threadbox svg{width:100%;height:auto;display:block}
.tin{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}
.tin label{font:700 13px/1.25 ‘Bricolage Grotesque’,system-ui,sans-serif;display:block;margin-bottom:5px}
.tin input{width:100%;font:inherit;font-size:16px;padding:9px 10px;border:2px solid var(–ink);border-radius:6px}
.th2{stroke-dasharray:1400;stroke-dashoffset:1400;animation:d2 2.2s ease forwards}
@keyframes d2{to{stroke-dashoffset:0}}
.swap2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.swap2 button{all:unset;cursor:pointer;display:block;box-sizing:border-box;width:100%;background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:18px;min-height:150px;transition:background .3s}
.swap2 button:focus-visible{outline:3px solid var(–hi);outline-offset:2px}
.swap2 small{display:block;font:700 13px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–red);margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}
.swap2 .t{display:block;font:700 20px/1.3 ‘Bricolage Grotesque’,system-ui,sans-serif}
.swap2 .h{display:block;margin-top:10px;font:600 14px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–teal)}
.swap2 button[data-new=”true”]{background:var(–teal-soft)}
.swap2 button[data-new=”true”] small{color:var(–teal)}
.chips2{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.chips2 button{background:rgba(255,255,255,.1);color:#fff;border:2px solid #fff;border-radius:999px;padding:9px 18px;font:700 16px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;cursor:pointer}
.chips2 button[aria-pressed=”true”]{background:var(–hi);color:var(–ink);border-color:var(–hi)}
.qt{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.qtime{font:800 44px/1 ‘Bricolage Grotesque’,system-ui,sans-serif;color:var(–hi);min-width:3.4ch}
.ring{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ring svg{width:130px;height:130px;flex:0 0 130px}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:8px;flex:1;min-width:260px}
.checks label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:17px;line-height:1.4;background:var(–card);border:2px solid var(–ink);border-radius:6px;padding:10px 14px}
.checks input{width:22px;height:22px;flex:0 0 22px;accent-color:#0B6670;margin-top:2px}
.checks input:checked+span{text-decoration:line-through;color:var(–muted)}
.vid{position:relative;aspect-ratio:16/9;border:2px solid var(–ink);border-radius:8px;overflow:hidden;background:#000;margin:20px 0;box-shadow:8px 8px 0 var(–ink)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.guest{background:var(–card);border-left:6px solid var(–red);padding:18px 22px;margin:22px 0;border-radius:0 6px 6px 0;font-size:17px}
.source{font-style:italic;color:var(–muted);border-top:1px solid var(–line);padding-top:16px;margin-top:30px}
@media (max-width:900px){.signs,.swap2,.tool .grid3{grid-template-columns:1fr}.tin{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.tin{grid-template-columns:1fr}.qt{grid-template-columns:1fr}.rolebox{box-shadow:5px 5px 0 var(–ink)}}
@media (prefers-reduced-motion:reduce){.chip,.belongs{animation:none!important;opacity:1}.belongs{position:static;margin-top:16px}.th2{animation:none;stroke-dashoffset:0}}
Feeling Disconnected From Life? 7 Ways to Reconnect With What Matters
Feeling disconnected from life is more common than most people admit, especially when the life you built looks successful from the outside. This guide, inspired by Daniel Kobryner’s conversation with Elizabeth Carrio, offers seven reflective steps to help you work out what still belongs in your life and what you are continuing mainly because it is familiar.
The roles you’ve learned to perform
Watch what’s left when they step aside.
Feeling Disconnected From Life: When a Good Life Stops Feeling Like Yours
You can be good at the life you have built and still feel increasingly disconnected from it.
You meet your responsibilities. People rely on you. From the outside, there may be no obvious reason to change anything. Yet a question keeps returning: Do I want to keep living this way?
It can be an uncomfortable question, especially when you have invested years in becoming the person everyone recognises.
A career, a relationship, a move to another country or a change in family responsibilities can bring that question into focus. Sometimes the change happens outside you. Sometimes your circumstances remain familiar while your relationship with them changes.
The temptation is to demand an immediate answer: a new purpose, a new plan, a new version of yourself.
But before deciding what comes next, there is something worth understanding: what still belongs in your life and what you are continuing mainly because it is familiar.
In her conversation with Daniel Kobryner, Elizabeth Carrio offers a thoughtful starting point. Her journey from finance and international advisory work into psychology, creativity and the search for meaning centres on a question many people postpone: Who am I beyond the roles I have learned to perform?
Common signs of feeling disconnected from life
Feeling disconnected from life rarely announces itself dramatically. It tends to show up quietly, in patterns like these:
- Going through the motionsYou do what’s expected, efficiently, without much interest.
- Success that feels flatAchievements arrive, but the satisfaction fades fast.
- A question that keeps returning“Do I want to keep living this way?” appears at odd moments.
- Being the reliable oneEveryone depends on you, and you rarely ask what you need.
- Familiar but not chosenYour routines continue mainly because they’re familiar.
- A sense of grief or restlessnessSomething has changed, but you can’t yet name it.
If these sound familiar, you’re not alone, and you’re not broken. You may be at the start of a life transition. For related reading, see living on autopilot and why achievement doesn’t bring happiness.
7 Ways to Reconnect When You’re Feeling Disconnected From Life
The seven steps below follow Elizabeth Carrio’s suggestions. Each one includes a short exercise you can try right here on the page. Treat them as experiments, not a test you can fail.
1. Separate what you do well from what matters to you now
Being capable of doing something does not automatically mean you want to keep building your life around it.
Perhaps you became the dependable person who always takes charge. Perhaps achievement brought recognition so you learned to keep achieving. Perhaps being needed became such a familiar role that you rarely asked what you needed yourself.
Those abilities may still be valuable. The question is whether you are choosing how to use them.
Try completing these three sentences:
- People usually rely on me to…
- I feel most interested and engaged when…
- If I did not have to impress anyone, I would make more room for…
Look for the differences between your answers. They may reveal a neglected interest, a responsibility that needs renegotiating or a way to use an existing strength more meaningfully.
You do not have to reject everything you have built to admit that your priorities are changing.
Try it: complete the three sentences
Type your answers. Nothing is saved or sent anywhere.
2. Find the thread running through your life
Elizabeth’s first suggestion for navigating a transition is to look for the “red thread”: the recurring interests, concerns and experiences that connect different chapters of your life.
In the interview, she reflects on growing up in a country at war and later choosing international work connected with peace. She came to see a possible relationship between those experiences. It was a personal interpretation that helped her understand her choices.
Your own thread may be quieter. Perhaps you have always helped people make sense of difficult situations. Perhaps you loved creating things long before creativity became something you had to justify. Perhaps fairness, independence or bringing people together has repeatedly shaped your decisions.
Draw a simple timeline with five meaningful moments. Include something you loved as a child, a difficult turning point, an achievement and a time you felt particularly alive.
For each moment, ask:
- What mattered to me here?
- What was I trying to create, protect or change?
- Was I moving towards something I valued or mainly away from something I feared?
Treat your answers as possibilities to explore. You do not need to force your whole life into one explanation.
The purpose is to recognise what deserves your attention now.
Try it: draw your five-moment timeline
Add a few words for each moment and watch your thread appear.
Now ask of each moment: what mattered, what was I trying to create, protect or change, and was I moving towards something I valued or away from something I feared?
3. Give yourself time to understand what you already know
When you feel uncertain, gathering more information can feel productive. Another book. Another course. Another opinion about what your life should become.
Yet there comes a point when you need space to consider what all that information means for you.
Elizabeth describes the importance of withdrawing from the noise long enough to integrate your experience. This can be as simple as a short walk without headphones or ten quiet minutes with a notebook.
Choose one question:
What am I ready to acknowledge that I keep explaining away?
Perhaps you miss learning. Perhaps you want support. Perhaps you are grieving a chapter that has ended. Perhaps your next decision needs to be about rest before it becomes about ambition.
Write what comes without requiring yourself to solve it immediately.
Reflection becomes useful when it helps you name something clearly enough to respond to it.
If your mind keeps looping on the answer, our guide on how to stop overthinking can help.
Try it: ten quiet minutes
Your question: What am I ready to acknowledge that I keep explaining away?
4. Let curiosity loosen the need for certainty
Elizabeth describes herself as a researcher: someone who keeps asking questions about people, cultures and her own experience.
That attitude offers a useful alternative to the pressure of finding one perfect answer.
Instead of asking, What should I do with the rest of my life? try asking, What would I like to understand better this month?
Instead of asking, Is this definitely my purpose? ask, What can I learn by trying it?
Curiosity also matters in relationships. Elizabeth’s work in finance led her to recognise that explaining the facts was not always enough. She needed to understand how other people saw the situation.
The next time someone reacts differently from you, pause before deciding what their response means. Ask: What matters most to you about this?
Their answer may reveal something you could not see from your own position.
5. Make room for expression without demanding a result
Painting, music, writing and time in nature are important parts of Elizabeth’s life. They offer ways to explore experience beyond analysis.
You can bring that spirit into an ordinary day. Write a page that nobody will read. Take photographs of things that catch your attention. Draw without trying to be good at it.
The value is in noticing what interests you when there is no performance to deliver.
Afterwards, ask: What did I enjoy? What surprised me? What would I like to return to?
An interest does not need to become a business or a talent you prove. Some things deserve a place in your life because they make the experience of living richer.
6. Turn meaning into an ordinary decision
Elizabeth describes spiritual intelligence in terms of asking why: why we are here, what our experiences mean and what we are called to contribute.
You do not need a particular spiritual belief to explore those questions.
Begin with something concrete: What do I want my choices to stand for this week?
If your answer is connection, make time for a conversation you have been postponing. If it is creativity, protect an hour to create. If it is honesty, acknowledge a commitment you can no longer sustain.
Meaning becomes easier to recognise when it has a place in your calendar and an expression in your behaviour.
Try it: what should your choices stand for this week?
Pick one. You’ll get an action for your calendar.
MondayTuesdayWednesdayThursdayFridaySaturdaySunday
7. Take a small step that gives you new information
Elizabeth’s final suggestion is deliberately modest: do something you are not used to doing and observe what happens.
You do not need to overturn your life to explore a new direction. Speak to someone whose work interests you. Attend one class. Revisit an old interest. Ask for help with a responsibility you have carried alone.
Choose an action small enough to take this week. Then ask:
- What did I discover through doing this?
- What felt meaningful or interesting?
- What would I adjust before trying again?
An experiment can be useful even when you decide not to continue. You have learned something that thinking alone could not tell you.
You are allowed to build your next direction through a series of considered choices.
Try it: plan your small experiment
Speak to someone whose work interests meAttend one classRevisit an old interestAsk for help with a responsibility I’ve carried alone
Your 7-Step Checklist for Feeling Disconnected From Life
Reconnecting is a series of considered choices, not one leap. Tick each step as you try it and watch your progress build.
This page is a reflection guide, not a diagnosis. If feeling disconnected comes with persistent low mood or anxiety, speak to your GP, and see the NHS guide to self-help CBT techniques.
Watch the Full Conversation With Elizabeth Carrio
The next chapter may begin with a quieter act of courage: admitting what matters to you now then giving it a little more room.
Watch the full episode of Redesign Your Life Today with Daniel Kobryner and Elizabeth Carrio to explore identity, life transitions, creativity and the search for meaning in greater depth.
Watch the full episode on YouTube, or browse more conversations on the Redesign Your Life Today podcast page.
About the conversation: Elizabeth Carrio’s journey runs from finance and international advisory work into psychology, creativity and the search for meaning. Painting, music, writing and time in nature are important parts of her life.
Inspired by Daniel Kobryner’s conversation with Elizabeth Carrio on Redesign Your Life Today.
Feeling Disconnected From Life: Your Questions Answered
Why am I feeling disconnected from life when everything looks fine?
You can be good at the life you have built and still feel disconnected from it. Responsibilities, routines and other people’s expectations can keep a life running long after your priorities have changed. The question “Do I want to keep living this way?” is often an invitation to look at what still belongs, not a sign that something is wrong with you.
Is feeling disconnected from life normal during a life transition?
Yes. A career change, a relationship, a move to another country or a change in family responsibilities can bring the question into focus. Sometimes the change happens outside you, and sometimes your circumstances stay familiar while your relationship with them changes.
How do I find out what still belongs in my life?
Start by separating what you do well from what matters to you now. Then look for the recurring thread across your life, give yourself quiet time to reflect, and test small experiments. The seven steps in this guide walk you through each one.
What is the “red thread” in a life transition?
The red thread is the set of recurring interests, concerns and experiences that connect different chapters of your life. Elizabeth Carrio suggests looking for it when you’re navigating a transition. It is a personal interpretation to explore, not a single fixed explanation.
How long does it take to stop feeling disconnected?
There is no fixed timeline. Reconnecting usually happens through a series of small, considered choices rather than one dramatic change. Taking one small action each week gives you real information about what feels meaningful.
When should I seek professional support?
If feeling disconnected comes with persistent low mood, anxiety or changes in sleep and appetite that last for weeks, speak to your GP or a qualified therapist. Coaching can support reflection and direction, but it is not a substitute for clinical care.
Ready to Reconnect With What Matters Now?
If you’re feeling disconnected from life, you don’t have to work it out alone. Daniel works with purpose-driven professionals and entrepreneurs to find clarity and take the next aligned step. Explore Exclusive 1:1 Coaching, or take the Saboteur Discovery Assessment to see what may be holding you back.
(function(){
var $=function(i){return document.getElementById(i)};
/* t1 */
var s=[‘s1′,’s2′,’s3’];
function t1(){
var v=s.map(function(i){return $(i).value.trim()}),filled=v.filter(Boolean).length,r=$(‘t1res’);
if(filled<2){r.textContent='Fill in at least two sentences to compare them.';return;}
var h='Your answers side by side
‘;
[‘People rely on me to’,’I feel most engaged when’,’I would make more room for’].forEach(function(l,i){if(v[i])h+=’• ‘+l+’ ‘+v[i].replace(/</g,'<')+'
‘;});
h+=’
Where do the answers differ? That gap may point to a neglected interest, a responsibility to renegotiate, or a way to use an existing strength more meaningfully.’;
r.innerHTML=h;
}
s.forEach(function(i){$(i).addEventListener(‘input’,t1);});
/* t2 thread labels */
var defs=[‘Loved as a child’,’Turning point’,’Achievement’,’Felt alive’,’Another moment’];
[1,2,3,4,5].forEach(function(n){
$(‘m’+n).addEventListener(‘input’,function(){
var v=this.value.trim();$(‘l’+n).textContent=v||defs[n-1];
var p=$(‘tpath’);p.classList.remove(‘th2’);void p.getBBox();p.classList.add(‘th2′);
});
});
/* t3 quiet timer */
var qt=null,left=600;
function fmt(n){var m=Math.floor(n/60),s=n%60;return m+’:’+(s<10?'0':'')+s;}
$('qstart').addEventListener('click',function(){
var b=this;
if(qt){clearInterval(qt);qt=null;left=600;$('qtime').textContent='10:00';b.textContent='Start the quiet time';return;}
left=600;b.textContent='Stop';$('qtime').textContent=fmt(left);
qt=setInterval(function(){left–;$('qtime').textContent=fmt(Math.max(left,0));if(left<=0){clearInterval(qt);qt=null;b.textContent='Start again';$('qtime').textContent='Done';}},1000);
});
/* reframe cards */
document.querySelectorAll('#swap2 button').forEach(function(b){
var sm=b.querySelector('small');sm.setAttribute('data-o',sm.textContent);
b.addEventListener('click',function(){
var nw=b.getAttribute('data-new')==='true';
b.setAttribute('data-new',String(!nw));
b.querySelector('.t').textContent=nw?b.getAttribute('data-a'):b.getAttribute('data-b');
sm.textContent=nw?sm.getAttribute('data-o'):'Curious question';
b.querySelector('.h').textContent=nw?'Tap to reframe':'Tap to go back';
});
});
/* t6 chips */
var cur=null;
function t6(){var r=$('t6res');if(!cur){r.textContent='Choose a word above.';return;}
r.innerHTML='This week, let your choices stand for ‘+cur.getAttribute(‘data-k’).toLowerCase()+’. ‘+cur.getAttribute(‘data-v’)+’ Put it in your calendar for ‘+$(‘t6day’).value+’.’;}
document.querySelectorAll(‘#chips2 button’).forEach(function(b){b.addEventListener(‘click’,function(){
document.querySelectorAll(‘#chips2 button’).forEach(function(x){x.setAttribute(‘aria-pressed’,’false’)});
b.setAttribute(‘aria-pressed’,’true’);cur=b;t6();});});
$(‘t6day’).addEventListener(‘change’,t6);
/* t7 */
function t7(){
var d=$(‘x-date’).value,txt=”;
if(d){var dd=new Date(d+’T00:00:00′);if(!isNaN(dd))txt=dd.toLocaleDateString(‘en-GB’,{weekday:’long’,day:’numeric’,month:’long’});}
$(‘xres’).innerHTML=’Your experiment: ‘+$(‘x-type’).value+(txt?’, by ‘+txt+’‘:”)+’.
Afterwards ask: What did I discover through doing this? What felt meaningful or interesting? What would I adjust before trying again?’;
}
$(‘x-type’).addEventListener(‘change’,t7);$(‘x-date’).addEventListener(‘input’,t7);t7();
/* checklist */
var cb=document.querySelectorAll(‘#checks input’);
function pr(){var n=0;cb.forEach(function(c){if(c.checked)n++;});
$(‘pring’).style.strokeDashoffset=314-(314*n/7);$(‘ptxt’).textContent=n+’/7′;}
cb.forEach(function(c){c.addEventListener(‘change’,pr);});
})();
About the author
Daniel Kobryner
Mental Fitness Coach & Podcast Host based in London. Helping purpose-driven professionals redesign their lives from the inside out.
More about Daniel
