Which Season Are You In?

$0.00

8 quick questions. No right answers - just an honest mirror. <!DOCTYPE html>

<head>

<title>Which Season Are You In? — Shifting Seasons</title>

<style>

:root {

--ivory: #FAF6EF;

--ink: #2E2A24;

--ink-soft: #5A5448;

--spring: #8BA888;

--summer: #E3A857;

--autumn: #C1623D;

--winter: #4A5D6B;

--card: #FFFFFF;

--line: #E8E2D4;

}

* { box-sizing: border-box; }

body {

margin: 0;

font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;

background: var(--ivory);

color: var(--ink);

display: flex;

justify-content: center;

padding: 32px 16px;

}

.ss-quiz {

width: 100%;

max-width: 600px;

}

.ss-eyebrow {

font-size: 11px;

letter-spacing: 2px;

text-transform: uppercase;

color: var(--winter);

font-weight: 700;

text-align: center;

margin-bottom: 8px;

}

‍ ‍h1.ss-title {

font-family: Georgia, 'Times New Roman', serif;

font-size: 30px;

text-align: center;

margin: 0 0 6px 0;

line-height: 1.15;

}

.ss-sub {

text-align: center;

color: var(--ink-soft);

font-size: 15px;

margin-bottom: 26px;

}

.ss-progress-track {

height: 5px;

background: var(--line);

border-radius: 4px;

overflow: hidden;

margin-bottom: 28px;

}

.ss-progress-fill {

height: 100%;

background: linear-gradient(90deg, var(--spring), var(--summer));

width: 0%;

transition: width 0.35s ease;

}

.ss-card {

background: var(--card);

border: 1px solid var(--line);

border-radius: 10px;

padding: 28px 24px;

min-height: 280px;

}

.ss-qnum {

font-size: 12px;

color: var(--ink-soft);

letter-spacing: 1px;

margin-bottom: 10px;

}

.ss-question {

font-family: Georgia, 'Times New Roman', serif;

font-size: 21px;

line-height: 1.35;

margin-bottom: 22px;

}

.ss-options {

display: flex;

flex-direction: column;

gap: 10px;

}

.ss-option {

text-align: left;

background: var(--ivory);

border: 1px solid var(--line);

border-radius: 8px;

padding: 13px 16px;

font-size: 15px;

color: var(--ink);

cursor: pointer;

transition: all 0.15s ease;

font-family: inherit;

}

.ss-option:hover {

border-color: var(--ink);

background: #F3EEE2;

}

.ss-nav {

display: flex;

justify-content: space-between;

margin-top: 18px;

}

.ss-back {

background: none;

border: none;

color: var(--ink-soft);

font-size: 13px;

cursor: pointer;

visibility: hidden;

}

.ss-back.visible { visibility: visible; }

/* Result screen */

.ss-result { text-align: center; }

.ss-badge {

width: 86px;

height: 86px;

border-radius: 50%;

margin: 0 auto 18px auto;

display: flex;

align-items: center;

justify-content: center;

font-size: 34px;

}

.ss-result-eyebrow {

font-size: 11px;

letter-spacing: 2px;

text-transform: uppercase;

color: var(--ink-soft);

margin-bottom: 6px;

}

.ss-result-title {

font-family: Georgia, 'Times New Roman', serif;

font-size: 28px;

margin: 0 0 4px 0;

}

.ss-result-tagline {

font-size: 14px;

color: var(--ink-soft);

margin-bottom: 18px;

}

.ss-result-desc {

font-size: 15px;

line-height: 1.65;

color: var(--ink);

text-align: left;

margin-bottom: 16px;

}

.ss-asking {

text-align: left;

background: var(--ivory);

border-left: 3px solid var(--autumn);

padding: 12px 16px;

font-size: 14px;

line-height: 1.55;

margin-bottom: 22px;

}

.ss-cta {

background: var(--ink);

border-radius: 8px;

padding: 22px;

text-align: left;

}

.ss-cta p {

color: #DAD3C2;

font-size: 14px;

line-height: 1.6;

margin: 0 0 14px 0;

}

.ss-cta-button {

display: inline-block;

background: var(--summer);

color: var(--ink);

font-weight: 700;

font-size: 14px;

padding: 11px 22px;

border-radius: 30px;

text-decoration: none;

}

.ss-restart {

display: block;

margin: 18px auto 0 auto;

background: none;

border: none;

color: var(--ink-soft);

font-size: 13px;

text-decoration: underline;

cursor: pointer;

}

</style>

</head>

<body>

<div class="ss-eyebrow">Shifting Seasons</div>

<h1 class="ss-title">Which Season Are You In?</h1>

<div class="ss-sub">8 quick questions. No right answers — just an honest mirror.</div>

</div>

const questions = [

{

q: "When you wake up most mornings, the first feeling is…",

options: [

{ t: "A flicker of something new — nervous, but curious", s: "spring" },

{ t: "Already moving — there's a lot on, and most of it's good", s: "summer" },

{ t: "Tired in a way that's hard to explain", s: "autumn" },

{ t: "Heavy. Like getting up costs more than it used to", s: "winter" }

]

},

{

q: "If this chapter of your life were weather, it would be…",

options: [

{ t: "The first warm day after a long cold spell", s: "spring" },

{ t: "Long, bright days that don't leave much room to rest", s: "summer" },

{ t: "Cooling. Things are quietly winding down", s: "autumn" },

{ t: "Grey and still, with no sign of a change yet", s: "winter" }

]

},

{

q: "What are you craving most right now?",

options: [

{ t: "Permission to start something, even badly", s: "spring" },

{ t: "Permission to slow down without feeling guilty", s: "summer" },

{ t: "Space to grieve something I haven't said out loud", s: "autumn" },

{ t: "Rest. Real rest, not just sleep", s: "winter" }

]

},

{

q: "When you think about change right now, you feel…",

options: [

{ t: "Hopeful, even if I don't know the shape of it yet", s: "spring" },

{ t: "Capable — I'm already in motion", s: "summer" },

{ t: "Ready to let go of something, even if it's hard", s: "autumn" },

{ t: "Too tired to think about it yet", s: "winter" }

]

},

{

q: "Your energy lately has been…",

options: [

{ t: "Fragile but real — small sparks here and there", s: "spring" },

{ t: "High output, but I'm running on the last of the tank", s: "summer" },

{ t: "Lower than usual, and I'm not fighting it as hard anymore", s: "autumn" },

{ t: "Mostly gone. I'm in survival mode", s: "winter" }

]

},

{

q: "If someone asked 'how are you, really?' you'd say…",

options: [

{ t: "Honestly? Something's starting to shift, I think for the better", s: "spring" },

{ t: "Busy. Good busy, mostly — but I'm stretched", s: "summer" },

{ t: "I'm letting go of something and it's bittersweet", s: "autumn" },

{ t: "I'm not okay, but I'm getting through it", s: "winter" }

]

},

{

q: "Your inner world feels most like…",

options: [

{ t: "Soil with something stirring under the surface", s: "spring" },

{ t: "A garden in full bloom — beautiful, but a lot to tend", s: "summer" },

{ t: "Leaves falling — release happening whether I plan it or not", s: "autumn" },

{ t: "Bare branches. Quiet. Waiting", s: "winter" }

]

},

{

q: "If this season had one job, it would be to…",

options: [

{ t: "Help something tender finally begin", s: "spring" },

{ t: "Help me see what's worth the energy I'm pouring out", s: "summer" },

{ t: "Help me release what I've outgrown", s: "autumn" },

{ t: "Help me rest before I'm asked to grow again", s: "winter" }

]

}

];

const results = {

spring: {

emoji: "🌱", color: "#8BA888", title: "You're in Spring",

tagline: "A tender beginning",

desc: "Something in you is just starting to stir — uncertain, a little fragile, full of quiet possibility. You don't need it figured out yet. Spring doesn't ask permission to arrive; it just starts, gently, and trusts the rest to follow.",

asking: "What this season is asking of you: to let something begin before it's safe, polished, or certain.",

pageName: "Reclaiming Yourself", pageUrl: "/reclaiming-yourself"

},

summer: {

emoji: "☀️", color: "#E3A857", title: "You're in Summer",

tagline: "Full bloom, full plate",

desc: "A lot is happening, and a lot of it is genuinely good — momentum, growth, things finally moving. But fullness has a cost if there's no room to metabolise it. Even thriving can run on empty if nothing's been refilled in a while.",

asking: "What this season is asking of you: to notice where growth has tipped into overextension, before summer burns itself out.",

pageName: "Weight & Health", pageUrl: "/weight-and-health"

},

autumn: {

emoji: "🍂", color: "#C1623D", title: "You're in Autumn",

tagline: "Letting go, on purpose",

desc: "You're releasing something — a relationship, a role, a version of yourself, a belief you've outgrown. It can feel like loss because it is loss, even when it's the right kind. Autumn doesn't rush the leaves; it lets them fall in their own time.",

asking: "What this season is asking of you: to let the letting-go take exactly as long as it actually takes.",

pageName: "Reclaiming Yourself", pageUrl: "/reclaiming-yourself"

},

winter: {

emoji: "❄️", color: "#4A5D6B", title: "You're in Winter",

tagline: "Quiet, contraction, rest",

desc: "Things feel heavier, slower, maybe harder to get up for. It's tempting to treat this as something gone wrong — but winter isn't a punishment. It's preparation, mostly happening underground, out of sight.",

asking: "What this season is asking of you: to stop fighting the quiet, and let it do its work.",

pageName: "Anxiety & Depression", pageUrl: "/anxiety-depression"

}

};

let current = 0;

let scores = { spring: 0, summer: 0, autumn: 0, winter: 0 };

const card = document.getElementById('ssCard');

const fill = document.getElementById('ssProgressFill');

function renderQuestion() {

‍ ‍fill.style.width = (current / questions.length * 100) + '%';

const item = questions[current];

card.innerHTML = `

<div class="ss-qnum">QUESTION ${current + 1} OF ${questions.length}</div>

${item.options.map((opt, i) => `<button class="ss-option" data-season="${opt.s}" data-idx="${i}">${opt.t}</button>`).join('')}

</div>

`;

card.querySelectorAll('.ss-option').forEach(btn => {

btn.addEventListener('click', () => {

scores[btn.dataset.season]++;

current++;

if (current < questions.length) {

renderQuestion();

} else {

renderResult();

}

});

}

function renderResult() {

‍ ‍fill.style.width = '100%';

const order = ['spring', 'summer', 'autumn', 'winter'];

let winner = order[0];

order.forEach(s => { if (scores[s] > scores[winner]) winner = s; });

const r = results[winner];

card.innerHTML = `

<div class="ss-badge" style="background:${r.color};">${r.emoji}</div>

<div class="ss-result-eyebrow">Your Season</div>

<h2 class="ss-result-title">${r.title}</h2>

<div class="ss-result-tagline">${r.tagline}</div>

<div class="ss-asking">${r.asking}</div>

<p>If this is landing, that's worth a real conversation — not just a quiz result. I'd love to hear where you're at.</p>

<a class="ss-cta-button" href="https://www.shiftingseasons.com.au/contact" target="_blank">Book your free 15-minute chat →</a>

</div>

`;

const restart = document.createElement('button');

restart.className = 'ss-restart';

restart.textContent = 'Take the quiz again';

restart.addEventListener('click', () => {

current = 0;

scores = { spring: 0, summer: 0, autumn: 0, winter: 0 };

renderQuestion();

});

document.querySelector('.ss-quiz').appendChild(restart);

}

renderQuestion();

</script>

</body>

</html>

8 quick questions. No right answers - just an honest mirror. <!DOCTYPE html>

<head>

<title>Which Season Are You In? — Shifting Seasons</title>

<style>

:root {

--ivory: #FAF6EF;

--ink: #2E2A24;

--ink-soft: #5A5448;

--spring: #8BA888;

--summer: #E3A857;

--autumn: #C1623D;

--winter: #4A5D6B;

--card: #FFFFFF;

--line: #E8E2D4;

}

* { box-sizing: border-box; }

body {

margin: 0;

font-family: -apple-system, "Helvetica Neue", Arial, sans-serif;

background: var(--ivory);

color: var(--ink);

display: flex;

justify-content: center;

padding: 32px 16px;

}

.ss-quiz {

width: 100%;

max-width: 600px;

}

.ss-eyebrow {

font-size: 11px;

letter-spacing: 2px;

text-transform: uppercase;

color: var(--winter);

font-weight: 700;

text-align: center;

margin-bottom: 8px;

}

‍ ‍h1.ss-title {

font-family: Georgia, 'Times New Roman', serif;

font-size: 30px;

text-align: center;

margin: 0 0 6px 0;

line-height: 1.15;

}

.ss-sub {

text-align: center;

color: var(--ink-soft);

font-size: 15px;

margin-bottom: 26px;

}

.ss-progress-track {

height: 5px;

background: var(--line);

border-radius: 4px;

overflow: hidden;

margin-bottom: 28px;

}

.ss-progress-fill {

height: 100%;

background: linear-gradient(90deg, var(--spring), var(--summer));

width: 0%;

transition: width 0.35s ease;

}

.ss-card {

background: var(--card);

border: 1px solid var(--line);

border-radius: 10px;

padding: 28px 24px;

min-height: 280px;

}

.ss-qnum {

font-size: 12px;

color: var(--ink-soft);

letter-spacing: 1px;

margin-bottom: 10px;

}

.ss-question {

font-family: Georgia, 'Times New Roman', serif;

font-size: 21px;

line-height: 1.35;

margin-bottom: 22px;

}

.ss-options {

display: flex;

flex-direction: column;

gap: 10px;

}

.ss-option {

text-align: left;

background: var(--ivory);

border: 1px solid var(--line);

border-radius: 8px;

padding: 13px 16px;

font-size: 15px;

color: var(--ink);

cursor: pointer;

transition: all 0.15s ease;

font-family: inherit;

}

.ss-option:hover {

border-color: var(--ink);

background: #F3EEE2;

}

.ss-nav {

display: flex;

justify-content: space-between;

margin-top: 18px;

}

.ss-back {

background: none;

border: none;

color: var(--ink-soft);

font-size: 13px;

cursor: pointer;

visibility: hidden;

}

.ss-back.visible { visibility: visible; }

/* Result screen */

.ss-result { text-align: center; }

.ss-badge {

width: 86px;

height: 86px;

border-radius: 50%;

margin: 0 auto 18px auto;

display: flex;

align-items: center;

justify-content: center;

font-size: 34px;

}

.ss-result-eyebrow {

font-size: 11px;

letter-spacing: 2px;

text-transform: uppercase;

color: var(--ink-soft);

margin-bottom: 6px;

}

.ss-result-title {

font-family: Georgia, 'Times New Roman', serif;

font-size: 28px;

margin: 0 0 4px 0;

}

.ss-result-tagline {

font-size: 14px;

color: var(--ink-soft);

margin-bottom: 18px;

}

.ss-result-desc {

font-size: 15px;

line-height: 1.65;

color: var(--ink);

text-align: left;

margin-bottom: 16px;

}

.ss-asking {

text-align: left;

background: var(--ivory);

border-left: 3px solid var(--autumn);

padding: 12px 16px;

font-size: 14px;

line-height: 1.55;

margin-bottom: 22px;

}

.ss-cta {

background: var(--ink);

border-radius: 8px;

padding: 22px;

text-align: left;

}

.ss-cta p {

color: #DAD3C2;

font-size: 14px;

line-height: 1.6;

margin: 0 0 14px 0;

}

.ss-cta-button {

display: inline-block;

background: var(--summer);

color: var(--ink);

font-weight: 700;

font-size: 14px;

padding: 11px 22px;

border-radius: 30px;

text-decoration: none;

}

.ss-restart {

display: block;

margin: 18px auto 0 auto;

background: none;

border: none;

color: var(--ink-soft);

font-size: 13px;

text-decoration: underline;

cursor: pointer;

}

</style>

</head>

<body>

<div class="ss-eyebrow">Shifting Seasons</div>

<h1 class="ss-title">Which Season Are You In?</h1>

<div class="ss-sub">8 quick questions. No right answers — just an honest mirror.</div>

</div>

const questions = [

{

q: "When you wake up most mornings, the first feeling is…",

options: [

{ t: "A flicker of something new — nervous, but curious", s: "spring" },

{ t: "Already moving — there's a lot on, and most of it's good", s: "summer" },

{ t: "Tired in a way that's hard to explain", s: "autumn" },

{ t: "Heavy. Like getting up costs more than it used to", s: "winter" }

]

},

{

q: "If this chapter of your life were weather, it would be…",

options: [

{ t: "The first warm day after a long cold spell", s: "spring" },

{ t: "Long, bright days that don't leave much room to rest", s: "summer" },

{ t: "Cooling. Things are quietly winding down", s: "autumn" },

{ t: "Grey and still, with no sign of a change yet", s: "winter" }

]

},

{

q: "What are you craving most right now?",

options: [

{ t: "Permission to start something, even badly", s: "spring" },

{ t: "Permission to slow down without feeling guilty", s: "summer" },

{ t: "Space to grieve something I haven't said out loud", s: "autumn" },

{ t: "Rest. Real rest, not just sleep", s: "winter" }

]

},

{

q: "When you think about change right now, you feel…",

options: [

{ t: "Hopeful, even if I don't know the shape of it yet", s: "spring" },

{ t: "Capable — I'm already in motion", s: "summer" },

{ t: "Ready to let go of something, even if it's hard", s: "autumn" },

{ t: "Too tired to think about it yet", s: "winter" }

]

},

{

q: "Your energy lately has been…",

options: [

{ t: "Fragile but real — small sparks here and there", s: "spring" },

{ t: "High output, but I'm running on the last of the tank", s: "summer" },

{ t: "Lower than usual, and I'm not fighting it as hard anymore", s: "autumn" },

{ t: "Mostly gone. I'm in survival mode", s: "winter" }

]

},

{

q: "If someone asked 'how are you, really?' you'd say…",

options: [

{ t: "Honestly? Something's starting to shift, I think for the better", s: "spring" },

{ t: "Busy. Good busy, mostly — but I'm stretched", s: "summer" },

{ t: "I'm letting go of something and it's bittersweet", s: "autumn" },

{ t: "I'm not okay, but I'm getting through it", s: "winter" }

]

},

{

q: "Your inner world feels most like…",

options: [

{ t: "Soil with something stirring under the surface", s: "spring" },

{ t: "A garden in full bloom — beautiful, but a lot to tend", s: "summer" },

{ t: "Leaves falling — release happening whether I plan it or not", s: "autumn" },

{ t: "Bare branches. Quiet. Waiting", s: "winter" }

]

},

{

q: "If this season had one job, it would be to…",

options: [

{ t: "Help something tender finally begin", s: "spring" },

{ t: "Help me see what's worth the energy I'm pouring out", s: "summer" },

{ t: "Help me release what I've outgrown", s: "autumn" },

{ t: "Help me rest before I'm asked to grow again", s: "winter" }

]

}

];

const results = {

spring: {

emoji: "🌱", color: "#8BA888", title: "You're in Spring",

tagline: "A tender beginning",

desc: "Something in you is just starting to stir — uncertain, a little fragile, full of quiet possibility. You don't need it figured out yet. Spring doesn't ask permission to arrive; it just starts, gently, and trusts the rest to follow.",

asking: "What this season is asking of you: to let something begin before it's safe, polished, or certain.",

pageName: "Reclaiming Yourself", pageUrl: "/reclaiming-yourself"

},

summer: {

emoji: "☀️", color: "#E3A857", title: "You're in Summer",

tagline: "Full bloom, full plate",

desc: "A lot is happening, and a lot of it is genuinely good — momentum, growth, things finally moving. But fullness has a cost if there's no room to metabolise it. Even thriving can run on empty if nothing's been refilled in a while.",

asking: "What this season is asking of you: to notice where growth has tipped into overextension, before summer burns itself out.",

pageName: "Weight & Health", pageUrl: "/weight-and-health"

},

autumn: {

emoji: "🍂", color: "#C1623D", title: "You're in Autumn",

tagline: "Letting go, on purpose",

desc: "You're releasing something — a relationship, a role, a version of yourself, a belief you've outgrown. It can feel like loss because it is loss, even when it's the right kind. Autumn doesn't rush the leaves; it lets them fall in their own time.",

asking: "What this season is asking of you: to let the letting-go take exactly as long as it actually takes.",

pageName: "Reclaiming Yourself", pageUrl: "/reclaiming-yourself"

},

winter: {

emoji: "❄️", color: "#4A5D6B", title: "You're in Winter",

tagline: "Quiet, contraction, rest",

desc: "Things feel heavier, slower, maybe harder to get up for. It's tempting to treat this as something gone wrong — but winter isn't a punishment. It's preparation, mostly happening underground, out of sight.",

asking: "What this season is asking of you: to stop fighting the quiet, and let it do its work.",

pageName: "Anxiety & Depression", pageUrl: "/anxiety-depression"

}

};

let current = 0;

let scores = { spring: 0, summer: 0, autumn: 0, winter: 0 };

const card = document.getElementById('ssCard');

const fill = document.getElementById('ssProgressFill');

function renderQuestion() {

‍ ‍fill.style.width = (current / questions.length * 100) + '%';

const item = questions[current];

card.innerHTML = `

<div class="ss-qnum">QUESTION ${current + 1} OF ${questions.length}</div>

${item.options.map((opt, i) => `<button class="ss-option" data-season="${opt.s}" data-idx="${i}">${opt.t}</button>`).join('')}

</div>

`;

card.querySelectorAll('.ss-option').forEach(btn => {

btn.addEventListener('click', () => {

scores[btn.dataset.season]++;

current++;

if (current < questions.length) {

renderQuestion();

} else {

renderResult();

}

});

}

function renderResult() {

‍ ‍fill.style.width = '100%';

const order = ['spring', 'summer', 'autumn', 'winter'];

let winner = order[0];

order.forEach(s => { if (scores[s] > scores[winner]) winner = s; });

const r = results[winner];

card.innerHTML = `

<div class="ss-badge" style="background:${r.color};">${r.emoji}</div>

<div class="ss-result-eyebrow">Your Season</div>

<h2 class="ss-result-title">${r.title}</h2>

<div class="ss-result-tagline">${r.tagline}</div>

<div class="ss-asking">${r.asking}</div>

<p>If this is landing, that's worth a real conversation — not just a quiz result. I'd love to hear where you're at.</p>

<a class="ss-cta-button" href="https://www.shiftingseasons.com.au/contact" target="_blank">Book your free 15-minute chat →</a>

</div>

`;

const restart = document.createElement('button');

restart.className = 'ss-restart';

restart.textContent = 'Take the quiz again';

restart.addEventListener('click', () => {

current = 0;

scores = { spring: 0, summer: 0, autumn: 0, winter: 0 };

renderQuestion();

});

document.querySelector('.ss-quiz').appendChild(restart);

}

renderQuestion();

</script>

</body>

</html>

Which Season Are You In?

Shifting Seasons

shiftingseasons@icloud.com