The Seven

;\n}\n",[149],"47d0fe66-efac-4d1d-9b93-cc895e8f901a","new-file-8066.ts","983af90e-8d18-11f1-8db1-1607ee4eb77e",16,["D",1785527219784],[156],"aac6fc95-4f0e-4810-97b7-8347616f16ee",["D",1785528016486],[27],"c89fd2ca-09df-4ae1-b435-0fc728d37503","main.ts",20,["D",1785527345670],9,"http","/**\n * test-7sin / main.ts — serves the quiz AND collects responses.\n *\n * Files: main.ts (this), app.jsx (the quiz component).\n * Env var required: ADMIN_KEY\n *\n * To see responses: open the val URL, tap the \"The Seven\" wordmark\n * five times, enter ADMIN_KEY. The key is checked server-side and\n * never ships to respondents.\n */\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\n// Deno here doesn't allow `import ... with { type: \"text\" }`, so read the\n// sibling file over its (version-pinned) module URL instead and cache it.\nconst APP_URL = new URL(\"./app.jsx\", import.meta.url).href;\nlet appCache: string | null = null;\nasync function appSource(): Promise {\n if (appCache === null) appCache = await (await fetch(APP_URL)).text();\n return appCache;\n}\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS sins_responses (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts INTEGER NOT NULL,\n sex TEXT,\n answers TEXT NOT NULL,\n fc TEXT,\n received_at INTEGER NOT NULL\n )\n`);\n\nconst json = (body: unknown, status = 200) =>\n new Response(JSON.stringify(body), {\n status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n\nconst cell = (row: any, i: number, name: string) =>\n Array.isArray(row) ? row[i] : row[name];\n\nconst safeParse = (s: any, fallback: unknown) => {\n try {\n return JSON.parse(s);\n } catch {\n return fallback;\n }\n};\n\nconst PAGE = `\n\n\n\n\nThe Seven\n\n\n\n\n\n\n\n\n

\n\n\n`;\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/app.jsx\") {\n return new Response(await appSource(), {\n headers: { \"Content-Type\": \"text/plain; charset=utf-8\" },\n });\n }\n\n if (url.pathname === \"/api/responses\") {\n const adminKey = Deno.env.get(\"ADMIN_KEY\");\n const authed = !!adminKey && url.searchParams.get(\"key\") === adminKey;\n\n if (req.method === \"POST\") {\n let body: any;\n try {\n body = await req.json();\n } catch {\n return json({ error: \"Body must be JSON.\" }, 400);\n }\n if (!body?.answers || typeof body.answers !== \"object\") {\n return json({ error: \"Missing answers.\" }, 400);\n }\n const payload = JSON.stringify(body.answers);\n if (payload.length > 20000) return json({ error: \"Payload too large.\" }, 413);\n\n await sqlite.execute({\n sql: \"INSERT INTO sins_responses (ts, sex, answers, fc, received_at) VALUES (?, ?, ?, ?, ?)\",\n args: [\n Number(body.ts) || Date.now(),\n String(body.sex ?? \"unspecified\").slice(0, 20),\n payload,\n JSON.stringify(body.fc ?? []),\n Date.now(),\n ],\n });\n return json({ ok: true }, 201);\n }\n\n if (req.method === \"GET\") {\n if (!authed) return json({ error: \"Bad or missing key.\" }, 401);\n const r = await sqlite.execute(\n \"SELECT id, ts, sex, answers, fc FROM sins_responses ORDER BY ts DESC LIMIT 2000\",\n );\n const responses = r.rows.map((row: any) => ({\n id: Number(cell(row, 0, \"id\")),\n ts: Number(cell(row, 1, \"ts\")),\n sex: cell(row, 2, \"sex\"),\n answers: safeParse(cell(row, 3, \"answers\"), {}),\n fc: safeParse(cell(row, 4, \"fc\"), []),\n }));\n return json({ responses });\n }\n\n if (req.method === \"DELETE\") {\n if (!authed) return json({ error: \"Bad or missing key.\" }, 401);\n const id = url.searchParams.get(\"id\");\n if (!id) return json({ error: \"Missing id.\" }, 400);\n await sqlite.execute({\n sql: \"DELETE FROM sins_responses WHERE id = ?\",\n args: [Number(id)],\n });\n return json({ ok: true });\n }\n\n return json({ error: \"Method not allowed.\" }, 405);\n }\n\n return new Response(PAGE, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n",[165],"7a535da7-c513-4a8c-af39-e7b7d9025ab4","app.jsx","f2d3296a-8d16-11f1-b548-1607ee4eb77e",19,["D",1785527338621],2,"// React and ReactDOM are loaded as globals by index.html (UMD builds),\n// so no imports here — this file is compiled by Babel in classic script\n// mode, where `import` would be a syntax error.\nconst { useEffect, useMemo, useRef, useState } = React;\nconst createRoot = ReactDOM.createRoot;\n\n/* ------------------------------------------------------------------ *\n * THE SEVEN — a measured profile\n * A seven-sins inventory built from adapted (original-wording) items\n * modelled on published single-construct scales: DGS, DES/BeMaS,\n * BPAQ-Anger, PPS/IPS + BSCS, MVS, PFS, SOI-R, hubristic pride / NPI.\n * Scoring: subscale means -> z against approximate published norms ->\n * within-person ranking, with a forced-choice round and a\n * social-desirability check.\n * ------------------------------------------------------------------ */\n\nconst T = {\n ground: \"#262019\",\n panel: \"#312A21\",\n panelHi: \"#3B3229\",\n rule: \"#4C4136\",\n ruleFaint: \"#3D342A\",\n chalk: \"#EFE7DA\",\n dim: \"#B7AA98\",\n faint: \"#8B7F6E\",\n};\n\nconst FONT_DISPLAY =\n '\"Iowan Old Style\",\"Palatino Linotype\",\"Book Antiqua\",Palatino,Georgia,serif';\nconst FONT_BODY =\n 'Optima,Candara,\"Gill Sans\",\"Segoe UI\",system-ui,-apple-system,sans-serif';\nconst FONT_DATA = 'ui-monospace,\"SF Mono\",Menlo,Consolas,monospace';\n\nconst SIN_META = {\n pride: {\n label: \"Pride\",\n color: \"#E3B23C\",\n cluster: \"ext\",\n gloss:\n \"Excessive self-regard, and a discounting of what others contribute.\",\n model:\n \"Hubristic pride adjectives (Tracy & Robins) + NPI-style grandiosity\",\n },\n greed: {\n label: \"Greed\",\n color: \"#A268BE\",\n cluster: \"ext\",\n gloss:\n \"Wanting more regardless of how much you already have; acquisition as a default setting.\",\n model:\n \"Dispositional Greed Scale (Seuntjens et al.) + Material Values Scale\",\n },\n lust: {\n label: \"Lust\",\n color: \"#D45C7E\",\n cluster: \"ext\",\n gloss:\n \"Frequent, intrusive sexual interest and openness to uncommitted sex.\",\n model: \"SOI-R Desire & Attitude facets (Penke & Asendorpf)\",\n },\n gluttony: {\n label: \"Gluttony\",\n color: \"#E38134\",\n cluster: \"ext\",\n gloss:\n \"Appetite that outruns need — for food, drink, or consumption generally.\",\n model: \"Power of Food Scale (Lowe et al.), hedonic-hunger framing\",\n },\n envy: {\n label: \"Envy\",\n color: \"#4E9E86\",\n cluster: \"int\",\n gloss: \"Resentment at what others have; the wish that they had less.\",\n model: \"Dispositional Envy Scale (Smith et al.) + malicious BeMaS facet\",\n },\n anger: {\n label: \"Anger\",\n color: \"#D6452E\",\n cluster: \"int\",\n gloss: \"A short fuse, and frustration that turns outward or lingers.\",\n model: \"Buss–Perry Aggression Questionnaire, Anger subscale\",\n },\n sloth: {\n label: \"Sloth\",\n color: \"#7C93C7\",\n cluster: \"int\",\n gloss: \"Delay, avoidance, and capacities left unused.\",\n model: \"Pure/Irrational Procrastination Scales + Brief Self-Control Scale\",\n },\n};\n\nconst SIN_ORDER = [\n \"pride\",\n \"greed\",\n \"lust\",\n \"gluttony\",\n \"envy\",\n \"anger\",\n \"sloth\",\n];\n\n/* ---------------------------- ITEM BANK ---------------------------- *\n * 6 items per sin, one reverse-keyed each. Wording is original,\n * written from the construct definitions rather than copied from the\n * source instruments.\n * ------------------------------------------------------------------- */\nconst BANK = {\n pride: [\n { t: \"I deserve more recognition than I usually get.\" },\n { t: \"Most of the people I work alongside are not as capable as I am.\" },\n { t: \"I find it hard to take advice from someone I don't rate.\" },\n {\n t: \"When a group effort goes well, I know how much of it came down to me.\",\n },\n { t: \"I like other people to notice how well I'm doing.\" },\n {\n t: \"I go out of my way to credit other people for my successes.\",\n r: true,\n },\n ],\n greed: [\n {\n t: \"As soon as I get something, I'm thinking about the next thing I want.\",\n },\n { t: \"There is no such thing as having enough money.\" },\n {\n t: \"I'd rather hold on to something than share it, even when I don't need it.\",\n },\n { t: \"I would bend a rule if it meant a much better deal for me.\" },\n {\n t: \"Getting more than my share matters to me more than it probably should.\",\n },\n { t: \"I'm content with what I already own.\", r: true },\n ],\n lust: [\n {\n t: \"Sexual thoughts arrive often, even when I'm busy with something else.\",\n },\n { t: \"I size people up as possible partners without really meaning to.\" },\n { t: \"Sex without emotional attachment seems perfectly fine to me.\" },\n { t: \"Attraction has led me into decisions I later questioned.\" },\n { t: \"I often feel drawn to people who aren't available to me.\" },\n { t: \"On an ordinary day my attention rarely drifts to sex.\", r: true },\n ],\n gluttony: [\n { t: \"I think about food when I'm not remotely hungry.\" },\n {\n t: \"The smell or sight of something I like gives me an immediate urge to have it.\",\n },\n { t: \"If something tastes good I'll keep going well past full.\" },\n {\n t: \"Once I start something enjoyable, stopping at a sensible point is hard.\",\n },\n { t: \"I order or buy more than I need simply because I want it.\" },\n {\n t: \"I can leave the rest of something I'm enjoying without much of a struggle.\",\n r: true,\n },\n ],\n envy: [\n { t: \"Other people's success can leave a sour taste.\" },\n {\n t: \"It bothers me that some people get easily what I've had to work for.\",\n },\n { t: \"When someone I know does well, part of me hopes it doesn't last.\" },\n {\n t: \"I compare what I have to what others have more than I'd like to admit.\",\n },\n {\n t: \"Hearing a friend's good news sometimes leaves me feeling worse about myself.\",\n },\n {\n t: \"I'm straightforwardly pleased when people around me do better than me.\",\n r: true,\n },\n ],\n anger: [\n { t: \"I lose my temper faster than most people I know.\" },\n { t: \"When I'm frustrated, everyone can tell immediately.\" },\n { t: \"Small annoyances can set off a reaction out of all proportion.\" },\n { t: \"When someone wrongs me I turn it over for a long time afterwards.\" },\n { t: \"I've said things in the heat of the moment that I later regretted.\" },\n { t: \"It takes a great deal to make me angry.\", r: true },\n ],\n sloth: [\n { t: \"I put things off until the delay starts to cost me.\" },\n {\n t: \"I'll do the easy version of a task rather than the version I know is better.\",\n },\n {\n t: \"I spend time on trivial things to avoid starting what actually matters.\",\n },\n { t: \"There are things I'm capable of that I simply don't bother using.\" },\n { t: \"Once the initial motivation wears off, I struggle to keep going.\" },\n {\n t: \"When I decide to do something, I start on it straight away.\",\n r: true,\n },\n ],\n};\n\n/* Social-desirability / impression-management check (5 items).\n All keyed so that agreement indicates improbably virtuous self-report. */\nconst SD_ITEMS = [\n \"I have never taken anything that wasn't mine, however small.\",\n \"I admit my mistakes the moment I notice them, every time.\",\n \"I have never been irritated by someone asking me for a favour.\",\n \"I am always courteous, even to people I dislike.\",\n \"I have never said anything about someone that I wouldn't say to their face.\",\n];\n\n/* Forced-choice round: each sin appears exactly twice. */\nconst FC_PAIRS = [\n [\"pride\", \"envy\"],\n [\"greed\", \"sloth\"],\n [\"lust\", \"anger\"],\n [\"gluttony\", \"pride\"],\n [\"envy\", \"greed\"],\n [\"anger\", \"sloth\"],\n [\"lust\", \"gluttony\"],\n];\n\nconst FC_STATEMENTS = {\n pride: \"I overrate myself.\",\n greed: \"I never feel I have enough.\",\n lust: \"I'm ruled by attraction more than I'd like.\",\n gluttony: \"I don't know when to stop.\",\n envy: \"I resent what other people have.\",\n anger: \"I flare up too easily.\",\n sloth: \"I waste what I could be doing.\",\n};\n\n/* ------------------------- NORM REFERENCES ------------------------- *\n * Approximate anchors on a 1–5 metric, averaged from the two published\n * VAVS studies (subscale means ~2.1–2.7, SDs ~0.42–0.71). Lust is\n * normed by sex because sociosexuality shows large sex differences.\n * These are convenience-sample figures: treat percentiles as rough.\n * ------------------------------------------------------------------- */\nconst NORMS = {\n pride: { m: 2.46, sd: 0.58 },\n greed: { m: 2.63, sd: 0.6 },\n gluttony: { m: 2.36, sd: 0.65 },\n envy: { m: 2.63, sd: 0.62 },\n anger: { m: 2.56, sd: 0.64 },\n sloth: { m: 2.49, sd: 0.6 },\n};\nconst LUST_NORMS = {\n male: { m: 2.9, sd: 0.72 },\n female: { m: 2.42, sd: 0.65 },\n unspecified: { m: 2.6, sd: 0.7 },\n};\n\n/* --------------------------- COLLECTION ---------------------------- *\n * Point ENDPOINT at the Val.town HTTP URL. With it set, responses POST\n * there and the admin panel reads them back using ADMIN_KEY. Leave it\n * null to fall back to the artifact's built-in shared store.\n *\n * REQUIRE_CONSENT is off while testing: nothing is asked and every\n * completed run is sent. Flip it to true before real respondents see\n * this, and the opt-in reappears on the intro screen.\n * ------------------------------------------------------------------- */\nconst ENDPOINT = \"/api/responses\"; // same origin as this val\nconst REQUIRE_CONSENT = false;\nconst STORE_PREFIX = \"responses:\";\n\nasync function saveResponse(payload) {\n if (ENDPOINT) {\n await fetch(ENDPOINT, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n return;\n }\n const key = `${STORE_PREFIX}${payload.ts}-${\n Math.random().toString(36).slice(2, 8)\n }`;\n await window.storage.set(key, JSON.stringify(payload), true);\n}\n\nasync function loadResponses(key) {\n if (ENDPOINT) {\n const res = await fetch(`${ENDPOINT}?key=${encodeURIComponent(key)}`);\n if (!res.ok) throw new Error(`Endpoint returned ${res.status}`);\n const data = await res.json();\n return (data.responses || []).sort((a, b) => b.ts - a.ts);\n }\n const listed = await window.storage.list(STORE_PREFIX, true);\n const keys = listed?.keys || [];\n const out = [];\n for (const k of keys) {\n try {\n const r = await window.storage.get(k, true);\n if (r?.value) out.push(JSON.parse(r.value));\n } catch (e) {\n /* skip unreadable rows */\n }\n }\n return out.sort((a, b) => b.ts - a.ts);\n}\n\nconst variance = (xs) => {\n if (xs.length < 2) return 0;\n const m = xs.reduce((a, b) => a + b, 0) / xs.length;\n return xs.reduce((a, b) => a + (b - m) ** 2, 0) / (xs.length - 1);\n};\n\n/** Cronbach's alpha across respondents for one set of recoded items. */\nfunction cronbachAlpha(matrix) {\n const k = matrix.length; // respondents\n if (k < 3) return null;\n const n = matrix[0].length; // items\n let itemVarSum = 0;\n for (let i = 0; i < n; i++) {\n itemVarSum += variance(matrix.map((row) => row[i]));\n }\n const totals = matrix.map((row) => row.reduce((a, b) => a + b, 0));\n const totalVar = variance(totals);\n if (!totalVar) return null;\n return (n / (n - 1)) * (1 - itemVarSum / totalVar);\n}\n\n/* --------------------------- BUILD ORDER --------------------------- */\nfunction buildItems() {\n const out = [];\n for (let i = 0; i < 6; i++) {\n for (let k = 0; k < SIN_ORDER.length; k++) {\n const sin = SIN_ORDER[(k + i * 3) % SIN_ORDER.length];\n const it = BANK[sin][i];\n out.push({ id: `${sin}${i}`, sin, text: it.t, reverse: !!it.r });\n }\n }\n SD_ITEMS.forEach((t, i) => {\n out.splice(6 + i * 9, 0, {\n id: `sd${i}`,\n sin: \"_sd\",\n text: t,\n reverse: false,\n });\n });\n return out;\n}\nconst ITEMS = buildItems();\nconst PAGE_SIZE = 6;\nconst PAGES = Math.ceil(ITEMS.length / PAGE_SIZE);\n\n/* ------------------------------ MATH ------------------------------- */\nfunction normalCdf(z) {\n const s = z < 0 ? -1 : 1;\n const x = Math.abs(z) / Math.SQRT2;\n const t = 1 / (1 + 0.3275911 * x);\n const y = 1 -\n ((((1.061405429 * t - 1.453152027) * t + 1.421413741) * t - 0.284496736) *\n t +\n 0.254829592) *\n t *\n Math.exp(-x * x);\n return 0.5 * (1 + s * y);\n}\nconst clamp = (v, a, b) => Math.min(b, Math.max(a, v));\n\nfunction polar(r, deg) {\n const a = ((deg - 90) * Math.PI) / 180;\n return [r * Math.cos(a), r * Math.sin(a)];\n}\nfunction sectorPath(r0, r1, a0, a1) {\n const [x0, y0] = polar(r1, a0);\n const [x1, y1] = polar(r1, a1);\n const [x2, y2] = polar(r0, a1);\n const [x3, y3] = polar(r0, a0);\n return `M${x0} ${y0} A${r1} ${r1} 0 0 1 ${x1} ${y1} L${x2} ${y2} A${r0} ${r0} 0 0 0 ${x3} ${y3} Z`;\n}\n\n/* --------------------------- UI PRIMITIVES ------------------------- */\nfunction Eyebrow({ children, color }) {\n return (\n \n {children}\n \n );\n}\n\nfunction Btn({ children, onClick, disabled, kind = \"solid\", full }) {\n const solid = kind === \"solid\";\n return (\n \n {children}\n \n );\n}\n\n/* ------------------------------ SCREENS ---------------------------- */\nfunction Intro({ sex, setSex, consent, setConsent, onStart, onAdmin }) {\n return (\n

\n An inventory in fifty-four parts\n \n The Seven\n \n

\n {SIN_ORDER.map((s) => (\n \n {SIN_META[s].label}\n \n ))}\n

\n\n \n Seven vices, measured the way personality researchers measure anything\n else: forty-two statements, six per sin, adapted from validated scales\n for greed, envy, anger, procrastination, hedonic hunger, sociosexuality\n and hubristic pride. Five further statements check whether you're\n flattering yourself, and a short forced-choice round makes you pick\n between vices when you can't have both.\n

\n\n \n Everyone scores something on all seven. What the result gives you is the\n {\" \"}\n shape{\" \"}\n — which sins run ahead of the rest of you, and of most other people.\n

\n\n \n Reference group for the lust scale\n \n Sociosexual desire differs substantially by sex, so this one scale is\n compared against a matched norm. Everything else uses a single\n reference.\n

\n {[\n [\"male\", \"Men\"],\n [\"female\", \"Women\"],\n [\"unspecified\", \"Don't split it\"],\n ].map(([k, l]) => (\n setSex(k)}\n className=\"px-4 py-2 transition-colors\"\n style={{\n fontFamily: FONT_BODY,\n fontSize: 14,\n borderRadius: 2,\n border: `1px solid ${sex === k ? T.chalk : T.rule}`,\n background: sex === k ? T.chalk : \"transparent\",\n color: sex === k ? T.ground : T.dim,\n cursor: \"pointer\",\n }}\n >\n {l}\n \n ))}\n

\n\n {REQUIRE_CONSENT && (\n \n Sharing your answers\n setConsent(!consent)}\n className=\"mt-3 flex gap-3 text-left w-full\"\n style={{\n background: \"none\",\n border: \"none\",\n padding: 0,\n cursor: \"pointer\",\n }}\n aria-pressed={consent}\n >\n \n {consent ? \"✓\" : \"\"}\n \n \n Send my answers to whoever made this quiz, so they can check how\n well the questions work. No name, email or device details are\n attached — just the ratings themselves, including the ones about\n sex, food and anger, and the time you finished.\n \n \n \n Leave it unticked and the quiz works exactly the same — your results\n stay on this screen and go nowhere.\n

\n \n )}\n\n

\n Begin\n

\n\n \n Answer quickly and honestly — undesirable traits are systematically\n under-reported, and the check items will notice. This is normal-range\n personality, not a diagnosis.\n

\n \n );\n}\n\nconst ANCHORS = [\"Disagree strongly\", \"\", \"Neutral\", \"\", \"Agree strongly\"];\n\nfunction LikertItem({ item, index, value, onChange }) {\n return (\n

\n \n {String(index + 1).padStart(2, \"0\")}\n

\n \n {item.text}\n

\n {[1, 2, 3, 4, 5].map((v) => {\n const on = value === v;\n return (\n onChange(v)}\n aria-label={`${v} — ${ANCHORS[v - 1] || \"\"}`}\n className=\"flex-1 transition-all\"\n style={{\n height: 44,\n borderRadius: 2,\n border: `1px solid ${on ? T.chalk : T.rule}`,\n background: on ? T.chalk : \"transparent\",\n color: on ? T.ground : T.faint,\n fontFamily: FONT_DATA,\n fontSize: 13,\n cursor: \"pointer\",\n }}\n >\n {v}\n \n );\n })}\n

\n \n DISAGREE\n \n \n AGREE\n \n

\n \n );\n}\n\nfunction Progress({ done, total }) {\n return (\n \n

\n \n The Seven\n \n

\n \n

\n \n {done}/{total}\n \n

\n \n );\n}\n\nfunction ForcedChoice({ pair, index, total, onPick, onBack }) {\n const [a, b] = pair;\n return (\n

\n \n Forced choice — {index + 1} of {total}\n \n \n Which is more true of you? You have to pick one.\n \n

\n {[a, b].map((sin) => (\n onPick(sin)}\n className=\"text-left p-6 transition-colors\"\n style={{\n background: T.panel,\n border: `1px solid ${T.rule}`,\n borderLeft: `3px solid ${SIN_META[sin].color}`,\n borderRadius: 2,\n cursor: \"pointer\",\n }}\n >\n \n {FC_STATEMENTS[sin]}\n

\n \n ))}\n

\n \n Back\n \n

\n );\n}\n\n/* ------------------------------- DIAL ------------------------------ */\nfunction Dial({ rows, reduced }) {\n const [t, setT] = useState(reduced ? 1 : 0);\n const raf = useRef();\n useEffect(() => {\n if (reduced) return;\n const start = performance.now();\n const tick = (now) => {\n const p = clamp((now - start) / 1400, 0, 1);\n setT(p);\n if (p < 1) raf.current = requestAnimationFrame(tick);\n };\n raf.current = requestAnimationFrame(tick);\n return () => cancelAnimationFrame(raf.current);\n }, [reduced]);\n\n const R0 = 46;\n const RING = 76;\n const step = 360 / 7;\n const gap = 6;\n const rOf = (z) => clamp(RING + z * 25, R0 + 4, 148);\n\n return (\n \n {[-2, -1, 1, 2].map((z) => (\n \n ))}\n \n \n\n {rows.map((row, i) => {\n const stagger = clamp((t - i * 0.07) / 0.55, 0, 1);\n const ease = 1 - Math.pow(1 - stagger, 3);\n const target = rOf(row.z);\n const r1 = RING + (target - RING) * ease;\n const a0 = i * step - step / 2 + gap / 2;\n const a1 = i * step + step / 2 - gap / 2;\n const inner = Math.min(RING, r1);\n const outer = Math.max(RING, r1);\n const [lx, ly] = polar(160, i * step);\n return (\n \n \n = 0 ? 0.92 : 0.4}\n />\n 0\n ? \"start\"\n : \"end\"}\n dominantBaseline=\"middle\"\n style={{\n fontFamily: FONT_DATA,\n fontSize: 10,\n letterSpacing: \"0.1em\",\n fill: SIN_META[row.sin].color,\n opacity: t,\n }}\n >\n {SIN_META[row.sin].label.toUpperCase()}\n \n \n );\n })}\n \n AVERAGE\n \n \n AT THE RING\n \n \n );\n}\n\n/* ----------------------------- RESULTS ----------------------------- */\nfunction Results({ answers, fc, sex, onRestart, reduced }) {\n const [detail, setDetail] = useState(false);\n\n const data = useMemo(() => {\n const rows = SIN_ORDER.map((sin) => {\n const items = ITEMS.filter((it) => it.sin === sin);\n const scores = items.map((it) => {\n const raw = answers[it.id];\n return it.reverse ? 6 - raw : raw;\n });\n const mean = scores.reduce((a, b) => a + b, 0) / scores.length;\n const norm = sin === \"lust\" ? LUST_NORMS[sex] : NORMS[sin];\n const z = (mean - norm.m) / norm.sd;\n const wins = fc.filter((w) => w === sin).length;\n // consistency: reverse item vs the rest\n const revIdx = items.findIndex((it) => it.reverse);\n const rev = scores[revIdx];\n const rest = scores.filter((_, i) => i !== revIdx);\n const restMean = rest.reduce((a, b) => a + b, 0) / rest.length;\n return {\n sin,\n mean,\n z,\n pct: Math.round(normalCdf(z) * 100),\n wins,\n norm,\n discrepant: Math.abs(rev - restMean) >= 2,\n scores,\n items,\n };\n });\n const sorted = [...rows].sort((a, b) => b.z - a.z || b.wins - a.wins);\n\n const sdScores = ITEMS.filter((i) => i.sin === \"_sd\").map((i) =>\n answers[i.id]\n );\n const sdMean = sdScores.reduce((a, b) => a + b, 0) / sdScores.length;\n\n const all = Object.values(answers);\n let run = 1,\n maxRun = 1;\n for (let i = 1; i < ITEMS.length; i++) {\n if (answers[ITEMS[i].id] === answers[ITEMS[i - 1].id]) run++;\n else run = 1;\n maxRun = Math.max(maxRun, run);\n }\n const inconsistent = rows.filter((r) => r.discrepant).length;\n\n const ext = rows.filter((r) => SIN_META[r.sin].cluster === \"ext\");\n const int = rows.filter((r) => SIN_META[r.sin].cluster === \"int\");\n const extZ = ext.reduce((a, r) => a + r.z, 0) / ext.length;\n const intZ = int.reduce((a, r) => a + r.z, 0) / int.length;\n const overall = rows.reduce((a, r) => a + r.z, 0) / rows.length;\n\n // does the forced-choice round agree with the questionnaire?\n const topTwo = sorted.slice(0, 2).map((r) => r.sin);\n const fcTop = [...rows].sort((a, b) => b.wins - a.wins)[0];\n const agree = topTwo.includes(fcTop.sin);\n\n return {\n rows,\n sorted,\n sdMean,\n maxRun,\n inconsistent,\n extZ,\n intZ,\n overall,\n agree,\n fcTop,\n unusedTotal: all.length,\n };\n }, [answers, fc, sex]);\n\n const {\n sorted,\n rows,\n sdMean,\n maxRun,\n inconsistent,\n extZ,\n intZ,\n overall,\n agree,\n fcTop,\n } = data;\n const top = sorted[0];\n const bottom = sorted[sorted.length - 1];\n\n return (\n

\n Your profile\n \n {SIN_META[top.sin].label}\n \n \n Your highest scale is{\" \"}\n \n {SIN_META[top.sin].label.toLowerCase()}\n {\" \"}\n — {SIN_META[top.sin].gloss.toLowerCase()} It sits around the{\" \"}\n {top.pct}th percentile{\" \"}\n against published norms, and it's your strongest of the seven. Your\n quietest is{\" \"}\n \n {SIN_META[bottom.sin].label.toLowerCase()}\n .\n

\n\n

\n \n

\n \n Each wedge runs out from the dashed ring, which is the average person.\n Solid wedges pass it; faded wedges fall short.\n

\n\n {/* Ranking */}\n

\n Ranked, strongest first\n

\n {sorted.map((r, i) => (\n \n

\n \n {i + 1}\n \n \n {SIN_META[r.sin].label}\n \n \n {r.pct}th pct\n \n \n z {r.z >= 0 ? \"+\" : \"\"}\n {r.z.toFixed(2)}\n \n

\n \n \n

\n \n {SIN_META[r.sin].gloss}\n {(r.sin === \"lust\" || r.sin === \"gluttony\") && (\n \n {\" \"}\n This scale is more situational than the others — it moves\n with circumstance, so read it lightly.\n \n )}\n

\n ))}\n

\n \n\n {/* Clusters */}\n \n The two families\n \n The seven reliably split in two: sins aimed{\" \"}\n outward{\" \"}\n at the world (pride, greed, lust, gluttony) and sins that{\" \"}\n turn inward{\" \"}\n and corrode (envy, anger, sloth). The inward set tracks unhappiness;\n the outward set often doesn't.\n

\n \n {[\n [\"Outward\", extZ, \"Pride · Greed · Lust · Gluttony\"],\n [\"Inward\", intZ, \"Envy · Anger · Sloth\"],\n ].map(([label, z, list]) => (\n

\n \n {label}\n

\n \n z {z >= 0 ? \"+\" : \"\"}\n {z.toFixed(2)}\n \n \n {list}\n \n \n ))}\n \n \n {Math.abs(extZ - intZ) < 0.25\n ? \"Yours are evenly balanced between the two families.\"\n : extZ > intZ\n ? \"Your weight sits with the outward-facing sins.\"\n : \"Your weight sits with the inward-facing sins.\"}\n

\n \n\n {/* Checks */}\n

\n Checks on the reading\n

\n = 4\n ? \"Possible under-reporting\"\n : \"Self-report looks candid\"}\n body={sdMean >= 4\n ? `You agreed strongly with statements almost nobody can honestly endorse (check-scale mean ${\n sdMean.toFixed(\n 1,\n )\n } of 5). Undesirable traits are already under-reported by default — treat every score here as a floor, not a ceiling.`\n : `Your answers to the improbably-virtuous statements were measured (mean ${\n sdMean.toFixed(\n 1,\n )\n } of 5), so the scores below aren't obviously polished. Even so, sins are under-reported on average.`}\n />\n = 3\n ? \"Inconsistent answering\"\n : \"Answers hang together\"}\n body={inconsistent >= 3\n ? `On ${inconsistent} scales your answer to the reversed statement contradicted the other five. That usually means the wording caught you out — worth a second run.`\n : \"Reversed statements matched the rest of each scale, so acquiescence doesn't look like it drove your answers.\"}\n />\n = 10\n ? \"Long run of identical answers\"\n : \"Response range is varied\"}\n body={maxRun >= 10\n ? `You gave the same rating ${maxRun} times in a row, which flattens the profile and makes the ranking unreliable.`\n : \"No straight-lining detected.\"}\n />\n \n = 0 ? \"+\" : \"\"\n }${\n overall.toFixed(\n 2,\n )\n }. All seven sins correlate positively — a single \"dark\" factor explains roughly half the variance — so this number mostly reflects how willing you were to endorse unflattering statements. The ranking above is the informative part.`}\n />\n

\n\n {/* Detail */}\n

\n setDetail(!detail)}\n style={{\n fontFamily: FONT_DATA,\n fontSize: 11,\n letterSpacing: \"0.18em\",\n color: T.dim,\n background: \"none\",\n border: \"none\",\n cursor: \"pointer\",\n padding: 0,\n }}\n className=\"uppercase\"\n >\n {detail ? \"− Hide the scoring\" : \"+ Show the scoring\"}\n \n {detail && (\n

\n \n \n \n Scale\n You\n Norm\n SD\n z\n \n \n \n {sorted.map((r) => (\n \n \n {SIN_META[r.sin].label}\n \n \n {r.mean.toFixed(2)}\n \n \n {r.norm.m.toFixed(2)}\n \n \n {r.norm.sd.toFixed(2)}\n \n \n {r.z >= 0 ? \"+\" : \"\"}\n {r.z.toFixed(2)}\n \n \n ))}\n \n \n

\n {sorted.map((r) => (\n \n \n {SIN_META[r.sin].label}\n {\" \"}\n — modelled on {SIN_META[r.sin].model}.\n

\n ))}\n

\n )}\n \n\n \n How to hold this\n \n Items here are original wordings written from the construct\n definitions used in the published literature, not the copyrighted\n instruments themselves. Norms are approximate anchors drawn from North\n American and European student and online samples, so percentiles are\n rough and culture-bound. Scales like lust and gluttony shift with\n circumstance more than the others. Six items per scale gives a\n serviceable but not clinical reliability. Read the ranking, not the\n absolute numbers.\n

\n \n Take it again\n \n

\n \n \n );\n}\n\nfunction Check({ ok, neutral, title, body }) {\n const c = neutral ? T.faint : ok ? \"#4E9E86\" : \"#E3B23C\";\n return (\n \n

\n {title}\n

\n \n {body}\n

\n \n );\n}\n\n/* ---------------------------- ADMIN PANEL -------------------------- */\nfunction Admin({ onExit }) {\n const [pass, setPass] = useState(\"\");\n const [unlocked, setUnlocked] = useState(false);\n const [rows, setRows] = useState(null);\n const [error, setError] = useState(null);\n const [csvOpen, setCsvOpen] = useState(false);\n\n const fetchAll = async (key) => {\n setError(null);\n try {\n const data = await loadResponses(key ?? pass);\n setRows(data);\n setUnlocked(true);\n } catch (e) {\n setError(\"The server refused that passphrase, or is unreachable.\");\n }\n };\n\n const stats = useMemo(() => {\n if (!rows || !rows.length) return null;\n return SIN_ORDER.map((sin) => {\n const items = ITEMS.filter((i) => i.sin === sin);\n const matrix = rows\n .filter((r) => items.every((i) => r.answers && r.answers[i.id]))\n .map((r) =>\n items.map((i) => (i.reverse ? 6 - r.answers[i.id] : r.answers[i.id]))\n );\n const means = matrix.map((row) =>\n row.reduce((a, b) => a + b, 0) / row.length\n );\n const m = means.length\n ? means.reduce((a, b) => a + b, 0) / means.length\n : null;\n const sd = means.length > 1 ? Math.sqrt(variance(means)) : null;\n return {\n sin,\n n: matrix.length,\n m,\n sd,\n alpha: matrix.length ? cronbachAlpha(matrix) : null,\n };\n });\n }, [rows]);\n\n const csv = useMemo(() => {\n if (!rows || !rows.length) return \"\";\n const head = [\n \"timestamp\",\n \"reference_group\",\n ...ITEMS.map((i) => `${i.sin}_${i.id}${i.reverse ? \"_R\" : \"\"}`),\n ...FC_PAIRS.map((p, i) => `fc${i + 1}_${p[0]}_vs_${p[1]}`),\n ];\n const body = rows.map((r) =>\n [\n new Date(r.ts).toISOString(),\n r.sex,\n ...ITEMS.map((i) => (r.answers && r.answers[i.id]) ?? \"\"),\n ...FC_PAIRS.map((_, i) => (r.fc && r.fc[i]) ?? \"\"),\n ].join(\",\")\n );\n return [head.join(\",\"), ...body].join(\"\\n\");\n }, [rows]);\n\n const download = () => {\n const blob = new Blob([csv], { type: \"text/csv\" });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = `seven-sins-responses-${\n new Date().toISOString().slice(0, 10)\n }.csv`;\n a.click();\n URL.revokeObjectURL(url);\n };\n\n if (!unlocked) {\n return (\n

\n Responses\n \n Enter the passphrase\n \n setPass(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && fetchAll(pass)}\n className=\"w-full px-4 py-3 mb-3\"\n style={{\n background: T.panel,\n border: `1px solid ${T.rule}`,\n color: T.chalk,\n fontFamily: FONT_DATA,\n fontSize: 15,\n borderRadius: 2,\n }}\n />\n

\n fetchAll(pass)}>Open\n \n Back to the quiz\n \n

\n {error && (\n \n {error}\n

\n )}\n

\n );\n }\n\n return (\n

\n Responses\n \n {rows ? `${rows.length} completed` : \"Loading…\"}\n \n\n {error && (\n \n {error}\n

\n )}\n\n {stats && (\n <>\n

\n Per scale, across everyone\n \n \n \n Scale\n n\n mean\n sd\n alpha\n \n \n \n {stats.map((s) => (\n \n \n {SIN_META[s.sin].label}\n \n \n {s.n}\n \n \n {s.m ? s.m.toFixed(2) : \"—\"}\n \n \n {s.sd ? s.sd.toFixed(2) : \"—\"}\n \n \n {s.alpha == null ? \"—\" : s.alpha.toFixed(2)}\n \n \n ))}\n \n \n \n Alpha needs at least three responses to mean anything and really\n wants several dozen. Anything under .65, shown in amber, is a\n scale to rewrite or lengthen — that was the threshold in the plan.\n

\n\n

\n Raw data\n

\n \n Download CSV\n \n setCsvOpen(!csvOpen)}>\n {csvOpen ? \"Hide the text\" : \"Show as text\"}\n \n fetchAll(pass)}>\n Refresh\n \n

\n {csvOpen && (\n \n )}\n

\n\n

\n Most recent\n

\n {rows.slice(0, 12).map((r, i) => (\n \n \n {new Date(r.ts).toLocaleString()}\n \n {r.sex}\n \n {Object.keys(r.answers || {}).length} items\n \n

\n ))}\n

\n \n )}\n\n

\n \n Back to the quiz\n \n

\n \n );\n}\n\n/* ------------------------------- APP ------------------------------- */\nfunction SevenSinsQuiz() {\n const [stage, setStage] = useState(\"intro\"); // intro | likert | fc | results\n const [page, setPage] = useState(0);\n const [answers, setAnswers] = useState({});\n const [fc, setFc] = useState([]);\n const [fcIndex, setFcIndex] = useState(0);\n const [sex, setSex] = useState(\"unspecified\");\n const [consent, setConsent] = useState(false);\n const [reduced, setReduced] = useState(false);\n const topRef = useRef(null);\n const taps = useRef(0);\n const tapTimer = useRef(null);\n const sent = useRef(false);\n\n const handleAdminTap = () => {\n taps.current += 1;\n clearTimeout(tapTimer.current);\n tapTimer.current = setTimeout(() => (taps.current = 0), 1200);\n if (taps.current >= 5) {\n taps.current = 0;\n setStage(\"admin\");\n }\n };\n\n useEffect(() => {\n const mq = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n setReduced(mq.matches);\n }, []);\n\n useEffect(() => {\n if (topRef.current) topRef.current.scrollIntoView({ block: \"start\" });\n }, [page, stage, fcIndex]);\n\n const pageItems = ITEMS.slice(page * PAGE_SIZE, page * PAGE_SIZE + PAGE_SIZE);\n const pageComplete = pageItems.every((i) => answers[i.id]);\n const answered = Object.keys(answers).length;\n\n useEffect(() => {\n if (stage !== \"results\" || sent.current) return;\n if (REQUIRE_CONSENT && !consent) return;\n sent.current = true;\n saveResponse({ ts: Date.now(), sex, answers, fc }).catch(() => {\n /* silent: a failed upload must never break someone's result */\n });\n }, [stage, consent, sex, answers, fc]);\n\n const restart = () => {\n setAnswers({});\n setFc([]);\n setFcIndex(0);\n setPage(0);\n sent.current = false;\n setStage(\"intro\");\n };\n\n return (\n

\n \n

\n\n {stage === \"admin\" && (\n setStage(\"intro\")} />\n )}\n\n {stage === \"intro\" && (\n setStage(\"likert\")}\n onAdmin={handleAdminTap}\n />\n )}\n\n {stage === \"likert\" && (\n <>\n \n

\n \n Part {page + 1} of {PAGES}{\" \"}\n · rate how true each is of you in general\n \n

\n {pageItems.map((item, k) => (\n setAnswers((a) => ({ ...a, [item.id]: v }))}\n />\n ))}\n

\n \n {page > 0 && (\n setPage(page - 1)}>\n Back\n \n )}\n (page + 1 < PAGES\n ? setPage(page + 1)\n : setStage(\"fc\"))}\n >\n {page + 1 < PAGES ? \"Continue\" : \"On to the forced choices\"}\n \n

\n {!pageComplete && (\n \n Rate every statement on this page to continue.\n

\n )}\n

\n \n )}\n\n {stage === \"fc\" && (\n <>\n \n {\n const next = [...fc];\n next[fcIndex] = sin;\n setFc(next);\n if (fcIndex + 1 < FC_PAIRS.length) setFcIndex(fcIndex + 1);\n else setStage(\"results\");\n }}\n onBack={() => {\n if (fcIndex === 0) {\n setStage(\"likert\");\n setPage(PAGES - 1);\n } else setFcIndex(fcIndex - 1);\n }}\n />\n \n )}\n\n {stage === \"results\" && (\n \n )}\n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")).render();",[173],"pulls","branches",1,"forks","envVars",{"_188":182,"_190":60},"connections",{"_188":60,"_189":60},"count","unfilledCount","emptyCount",{"_41":172,"_31":173,"_29":174,"_133":-5,"_39":40,"_38":175,"_135":56,"_36":217,"_13":177,"_32":33,"_34":178,"_23":24,"_138":-5,"_199":218,"_26":219},{"_41":164,"_31":165,"_29":54,"_133":-5,"_39":40,"_38":166,"_135":56,"_36":214,"_13":168,"_32":169,"_34":170,"_23":24,"_138":-5,"_199":215,"_26":216},{"_41":161,"_31":27,"_29":30,"_133":-5,"_39":40,"_38":14,"_135":56,"_36":211,"_13":60,"_32":33,"_34":35,"_23":24,"_138":-5,"_199":212,"_26":213},{"_41":155,"_31":156,"_29":157,"_133":-5,"_39":40,"_38":158,"_135":56,"_36":208,"_13":60,"_32":33,"_34":35,"_23":24,"_138":-5,"_199":209,"_26":210},{"_41":148,"_31":149,"_29":150,"_133":-5,"_39":40,"_38":151,"_135":56,"_36":205,"_13":60,"_32":33,"_34":153,"_23":24,"_138":-5,"_199":206,"_26":207},{"_41":140,"_31":141,"_29":142,"_133":-5,"_39":40,"_38":143,"_135":56,"_36":202,"_13":145,"_32":33,"_34":146,"_23":24,"_138":-5,"_199":203,"_26":204},{"_41":130,"_31":131,"_29":132,"_133":-5,"_39":40,"_38":134,"_135":56,"_36":198,"_13":60,"_32":20,"_34":137,"_23":24,"_138":-5,"_199":200,"_26":201},["D",1785526170801],"children",[],[131],["D",1785527301146],[],[141],["D",1785526212302],[],[149],["D",1785527219784],[],[156],["D",1785528016486],[],[27],["D",1785527345670],[],[165],["D",1785527338621],[],[173],["D",1785524994632],{"_93":92,"_101":97},{"_93":92,"_94":95,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":14,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"ctx",{"_76":-5,"_120":257,"_258":259,"_260":261,"_262":24,"_263":24,"_264":24,"_265":56,"_266":-5,"_267":-7,"_268":-7,"_269":60,"_270":24,"_271":24,"_272":-5,"_273":24,"_274":24,"_275":24,"_276":-5},"ENV",{"_228":229,"_230":231,"_232":83,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v21