{"id":1945,"date":"2026-07-27T04:39:59","date_gmt":"2026-07-27T04:39:59","guid":{"rendered":"https:\/\/museum.wiserighteous.org\/?page_id=1945"},"modified":"2026-07-27T04:39:59","modified_gmt":"2026-07-27T04:39:59","slug":"decision-simulation-from-1968-olympics-protest","status":"publish","type":"page","link":"https:\/\/museum.wiserighteous.org\/index.php\/decision-simulation-from-1968-olympics-protest\/","title":{"rendered":"Decision Simulation from 1968 Olympics Protest"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<title>Smith &#038; Carlos: A Righteousness Decision Experience<\/title>\n<style>\n    body {\n        font-family: \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        margin: 0;\n        padding: 0;\n        background: #f4f6f9;\n        color: #222;\n    }\n\n    .page {\n        max-width: 900px;\n        margin: 40px auto;\n        background: #fff;\n        padding: 40px 50px;\n        border-radius: 10px;\n        box-shadow: 0 6px 20px rgba(0,0,0,0.08);\n    }\n\n    h1 {\n        margin-top: 0;\n        font-size: 32px;\n        font-weight: 700;\n        color: #1a1a1a;\n    }\n\n    .subtitle {\n        font-size: 15px;\n        color: #666;\n        margin-bottom: 30px;\n    }\n\n    .step-label {\n        font-size: 12px;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        color: #888;\n        margin-bottom: 6px;\n    }\n\n    h2 {\n        margin-top: 0;\n        font-size: 24px;\n        font-weight: 600;\n    }\n\n    p {\n        line-height: 1.6;\n        font-size: 16px;\n    }\n\n    .options {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        margin: 20px 0;\n    }\n\n    button.option-btn {\n        padding: 14px 16px;\n        border-radius: 8px;\n        border: 1px solid #ccc;\n        background: #fafafa;\n        cursor: pointer;\n        text-align: left;\n        font-size: 15px;\n        transition: background 0.15s, border-color 0.15s;\n    }\n\n    button.option-btn:hover {\n        background: #eaf2ff;\n        border-color: #4a90e2;\n    }\n\n    button.primary {\n        padding: 14px 22px;\n        border-radius: 8px;\n        border: none;\n        background: #2f6fde;\n        color: #fff;\n        cursor: pointer;\n        font-size: 16px;\n        font-weight: 600;\n        margin-top: 20px;\n    }\n\n    button.primary:hover {\n        background: #255ac0;\n    }\n\n    .score-box {\n        margin-top: 20px;\n        padding: 18px 20px;\n        border-radius: 8px;\n        background: #f0f6ff;\n        border: 1px solid #c7d9ff;\n    }\n\n    .advice-box {\n        margin-top: 20px;\n        padding: 18px 20px;\n        border-radius: 8px;\n        background: #fff7e6;\n        border: 1px solid #ffe0a3;\n    }\n\n    .reflection-box {\n        margin-top: 20px;\n        padding: 18px 20px;\n        border-radius: 8px;\n        background: #eef7ee;\n        border: 1px solid #cce3cc;\n    }\n\n    .quote-block {\n        background: #f9f6f0;\n        padding: 16px 20px;\n        border-left: 4px solid #8b6d2b;\n        border-radius: 6px;\n        margin: 16px 0;\n        font-style: italic;\n        color: #444;\n    }\n\n    .quote-block strong {\n        font-style: normal;\n        color: #1a1a2e;\n    }\n\n    .quote-attribution {\n        font-style: normal;\n        font-size: 14px;\n        color: #666;\n        margin-top: 6px;\n    }\n\n    .pill {\n        display: inline-block;\n        padding: 4px 10px;\n        border-radius: 999px;\n        background: #eee;\n        font-size: 12px;\n        margin-right: 6px;\n    }\n\n    .meta {\n        font-size: 13px;\n        color: #777;\n        margin-top: 12px;\n    }\n<\/style>\n\n\n<div class=\"page\">\n    <h1>Smith &#038; Carlos: A Righteousness Decision Experience<\/h1>\n    <div class=\"subtitle\">Decision Simulation Method \u00b7 Sports Reflection Hall<\/div>\n\n    <div id=\"step\"><\/div>\n<\/div>\n\n<script>\n    let currentStep = \"intro\";\n    let selectedPrinciple = null;\n    let answers = { q1: null, q2: null, q3: null, final: null };\n\n    const stepDiv = document.getElementById(\"step\");\n\n    function render() {\n        if (currentStep === \"intro\") renderIntro();\n        else if (currentStep === \"soWhat\") renderSoWhat();\n        else if (currentStep === \"q1\") renderQ1();\n        else if (currentStep === \"q2\") renderQ2();\n        else if (currentStep === \"q3\") renderQ3();\n        else if (currentStep === \"final\") renderFinalDecision();\n        else if (currentStep === \"result\") renderResult();\n    }\n\n    \/* STEP 1 \u2014 INTRODUCTION *\/\n    function renderIntro() {\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Step 1 \u00b7 The Moment<\/div>\n                <h2>Mexico City, 1968 \u2014 The Medal Ceremony<\/h2>\n                <p>\n                    You are Tommie Smith or John Carlos. You have just won gold and bronze in the\n                    200\u2011meter race at the Mexico City Olympics. You stand on the podium, the American\n                    flag rises, and the national anthem begins to play.\n                <\/p>\n                <div class=\"quote-block\">\n                    <strong>\"We are black and we are proud of being black.\"<\/strong>\n                    <div class=\"quote-attribution\">\u2014 Tommie Smith<\/div>\n                <\/div>\n                <p>\n                    You have discussed this moment with your teammate. You have prepared a silent\n                    gesture to protest racial injustice. The world is watching. You know that this\n                    decision will change your life forever \u2014 but you do not yet know if that change\n                    will bring honor or shame.\n                <\/p>\n                <p>\n                    <strong>What will you do?<\/strong>\n                <\/p>\n                <button class=\"primary\" onclick=\"goToSoWhat()\">Continue<\/button>\n            <\/div>\n        `;\n    }\n\n    function goToSoWhat() {\n        currentStep = \"soWhat\";\n        render();\n    }\n\n    \/* STEP 2 \u2014 SO WHAT *\/\n    function renderSoWhat() {\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Step 2 \u00b7 The Principle<\/div>\n                <h2>Which principle of righteousness is at stake?<\/h2>\n                <p>Select the principle you believe is most relevant to this moment:<\/p>\n\n                <div class=\"options\">\n                    <button class=\"option-btn\" onclick=\"choosePrinciple('Courage')\">\n                        Courage \u2014 speaking truth to power, even when it costs you.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"choosePrinciple('Justice')\">\n                        Justice \u2014 using your platform to advocate for the oppressed.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"choosePrinciple('Sacrifice')\">\n                        Sacrifice \u2014 risking everything for a cause greater than yourself.\n                    <\/button>\n                <\/div>\n\n                <div id=\"principleFeedback\"><\/div>\n            <\/div>\n        `;\n    }\n\n    function choosePrinciple(p) {\n        selectedPrinciple = p;\n        document.getElementById(\"principleFeedback\").innerHTML = `\n            <p><strong>You selected:<\/strong> ${p}<\/p>\n            <button class=\"primary\" onclick=\"goToQ1()\">Next<\/button>\n        `;\n    }\n\n    function goToQ1() {\n        currentStep = \"q1\";\n        render();\n    }\n\n    \/* Q1 \u2014 The Decision to Act *\/\n    function renderQ1() {\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Decision 1 \u00b7 The Platform<\/div>\n                <h2>You have a global platform. What do you do with it?<\/h2>\n\n                <div class=\"options\">\n                    <button class=\"option-btn\" onclick=\"answerQ1('Protest')\">\n                        Raise your fist \u2014 use the global stage to protest injustice.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerQ1('Silence')\">\n                        Remain still \u2014 avoid controversy and protect your career.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerQ1('Symbol')\">\n                        Wear a symbolic pin or patch \u2014 a quieter but meaningful protest.\n                    <\/button>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    function answerQ1(a) {\n        answers.q1 = a;\n        currentStep = \"q2\";\n        render();\n    }\n\n    \/* Q2 \u2014 The Cost *\/\n    function renderQ2() {\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Decision 2 \u00b7 The Cost<\/div>\n                <h2>You know that this protest could cost you your career, your reputation, and your safety. How do you prepare yourself?<\/h2>\n\n                <div class=\"options\">\n                    <button class=\"option-btn\" onclick=\"answerQ2('Accept')\">\n                        Accept the cost \u2014 the cause is worth everything.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerQ2('Limit')\">\n                        Limit the protest \u2014 make it visible but not extreme.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerQ2('Hide')\">\n                        Hide your intention \u2014 do it and deny it later if needed.\n                    <\/button>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    function answerQ2(a) {\n        answers.q2 = a;\n        currentStep = \"q3\";\n        render();\n    }\n\n    \/* Q3 \u2014 The Legacy *\/\n    function renderQ3() {\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Decision 3 \u00b7 The Legacy<\/div>\n                <h2>This moment will define your legacy. What do you want to be remembered for?<\/h2>\n\n                <div class=\"options\">\n                    <button class=\"option-btn\" onclick=\"answerQ3('AthleticLegacy')\">\n                        Your athletic achievements \u2014 being the best in the world.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerQ3('JusticeLegacy')\">\n                        Your stand for justice \u2014 using your fame for a greater cause.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerQ3('BothLegacy')\">\n                        Both \u2014 striving to be remembered as both a great athlete and a just person.\n                    <\/button>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    function answerQ3(a) {\n        answers.q3 = a;\n        currentStep = \"final\";\n        render();\n    }\n\n    \/* FINAL DECISION *\/\n    function renderFinalDecision() {\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Final Decision<\/div>\n                <h2>The national anthem begins. The whole world is watching. What will you do?<\/h2>\n\n                <div class=\"options\">\n                    <button class=\"option-btn\" onclick=\"answerFinal('RaiseFist')\">\n                        Raise your black-gloved fist \u2014 a powerful protest against injustice.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerFinal('StandSilent')\">\n                        Stand silent \u2014 a personal protest that is visible but less confrontational.\n                    <\/button>\n                    <button class=\"option-btn\" onclick=\"answerFinal('NoProtest')\">\n                        Stand still and salute \u2014 no protest, focus on the moment.\n                    <\/button>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    function answerFinal(a) {\n        answers.final = a;\n        currentStep = \"result\";\n        render();\n    }\n\n    \/* RESULT \u2014 Reflection Summary *\/\n    function renderResult() {\n        let outcome = \"\";\n        let score = \"\";\n        let advice = \"\";\n\n        if (answers.final === \"RaiseFist\") {\n            outcome = \"You chose to raise your fist \u2014 joining Smith and Carlos in one of the most iconic acts of protest in sports history. You used your platform to speak for the oppressed, knowing it would cost you your career, your safety, and your reputation. This is the path of courageous righteousness.\";\n            score = \"Courage \u2605\u2605\u2605\u2605\u2605 \u00b7 Justice \u2605\u2605\u2605\u2605\u2605 \u00b7 Sacrifice \u2605\u2605\u2605\u2605\u2605\";\n            advice = `\n                <h3>Growth Advice<\/h3>\n                <p>You have chosen the path of bold, visible righteousness. To continue growing:<\/p>\n                <ul>\n                    <li>Be prepared for opposition \u2014 stand firm in your convictions.<\/li>\n                    <li>Surround yourself with people who support your mission.<\/li>\n                    <li>Use your influence wisely \u2014 the world needs more people like you.<\/li>\n                <\/ul>\n            `;\n        } else if (answers.final === \"StandSilent\") {\n            outcome = \"You chose a quiet protest \u2014 visible but less confrontational. You made a statement without risking everything. This is a path of personal integrity, even if the world may not notice.\";\n            score = \"Courage \u2605\u2605\u2605\u2606\u2606 \u00b7 Justice \u2605\u2605\u2605\u2605\u2606 \u00b7 Sacrifice \u2605\u2605\u2605\u2606\u2606\";\n            advice = `\n                <h3>Growth Advice<\/h3>\n                <p>Your protest is meaningful, even if quiet. To strengthen your impact:<\/p>\n                <ul>\n                    <li>Find ways to make your voice heard beyond the moment.<\/li>\n                    <li>Consider how you can take bolder steps in the future.<\/li>\n                    <li>Connect with others who share your values to amplify your message.<\/li>\n                <\/ul>\n            `;\n        } else {\n            outcome = \"You chose to avoid protest and focus on the athletic moment. This protected your career and safety, but you may wonder whether you missed a chance to make a difference. It's never too late to act.\";\n            score = \"Courage \u2605\u2605\u2606\u2606\u2606 \u00b7 Justice \u2605\u2605\u2606\u2606\u2606 \u00b7 Sacrifice \u2605\u2605\u2606\u2606\u2606\";\n            advice = `\n                <h3>Growth Advice<\/h3>\n                <p>Your choice is understandable. To move toward righteous action:<\/p>\n                <ul>\n                    <li>Start small \u2014 speak up in everyday situations where you see injustice.<\/li>\n                    <li>Learn from others who have taken stands for what is right.<\/li>\n                    <li>Reflect on what holds you back and address those fears.<\/li>\n                <\/ul>\n            `;\n        }\n\n        stepDiv.innerHTML = `\n            <div>\n                <div class=\"step-label\">Reflection Summary<\/div>\n                <h2>Your Righteousness Outcome<\/h2>\n\n                <p>${outcome}<\/p>\n\n                <div class=\"score-box\">\n                    <strong>Righteousness Score:<\/strong><br \/>\n                    ${score}\n                <\/div>\n\n                <div class=\"advice-box\">\n                    ${advice}\n                <\/div>\n\n                <div class=\"reflection-box\">\n                    <h2>Our R5 Righteous Growth Cycle<\/h2>\n\n                    <p><strong>Research:<\/strong> Re-examine your choices. What did you learn about yourself through this simulation? What factors influenced your decisions?<\/p>\n\n                    <p><strong>Reflect:<\/strong> Consider your internal reactions. What did you fear? What motivated you? What would you do differently?<\/p>\n\n                    <p><strong>Replan:<\/strong> Based on your reflection, what will you do differently in similar situations in the future? What will guide your decisions?<\/p>\n\n                    <p><strong>Reshape:<\/strong> Who do you want to become? How can you grow in courage, justice, and willingness to sacrifice for what is right?<\/p>\n\n                    <p><strong>Reinforce:<\/strong> How will you sustain this growth? Who will support you? What will keep you accountable?<\/p>\n                <\/div>\n\n                <div style=\"margin-top:20px;\">\n                    <button class=\"primary\" onclick=\"restart()\">Restart Experience<\/button>\n                <\/div>\n            <\/div>\n        `;\n    }\n\n    function restart() {\n        currentStep = \"intro\";\n        selectedPrinciple = null;\n        answers = { q1: null, q2: null, q3: null, final: null };\n        render();\n    }\n\n    render();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Smith &#038; Carlos: A Righteousness Decision Experience Smith &#038; Carlos: A Righteousness Decision Experience Decision Simulation Method \u00b7 Sports Reflection Hall<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1945","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/comments?post=1945"}],"version-history":[{"count":1,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1945\/revisions"}],"predecessor-version":[{"id":1946,"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/pages\/1945\/revisions\/1946"}],"wp:attachment":[{"href":"https:\/\/museum.wiserighteous.org\/index.php\/wp-json\/wp\/v2\/media?parent=1945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}