Create leadership.html
· 1 year ago
502809fd064ff5f19afe66cd3f050ca36e5dd87e
Parent:
e6bd639a8
1 file changed +445 −0
- leadership.html +445 −0
Diff
--- /dev/null +++ b/leadership.html @@ -0,0 +1,445 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <!-- === METADATA === --> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>The 15 Commitments of Conscious Leadership Cheatsheet</title> + <meta name="description" content="An interactive cheatsheet summarizing The 15 Commitments of Conscious Leadership by Dethmer, Chapman, & Klemp. Learn about leading 'above the line' with responsibility, curiosity, candor, and more, with clarifications and references."> + <meta name="keywords" content="Conscious Leadership, 15 Commitments, Jim Dethmer, Diana Chapman, Kaley Klemp, leadership, cheatsheet, above the line, responsibility, curiosity, candor, integrity, appreciation, leadership development, Byron Katie, Sedona Method, Zone of Genius"> + <meta name="author" content="David Veksler"> <!-- Or adjust as needed --> + + <!-- Canonical URL (Update if different) --> + <link rel="canonical" href="https://cheatsheets.davidveksler.com/conscious-leadership.html"> + + <!-- Open Graph / Facebook / LinkedIn --> + <meta property="og:title" content="The 15 Commitments of Conscious Leadership Cheatsheet (Enhanced)"> + <meta property="og:description" content="Explore the framework for leading 'above the line' with this summary of the 15 Commitments. Includes tooltips clarifying concepts and referencing related works."> + <meta property="og:type" content="article"> + <meta property="og:url" content="https://cheatsheets.davidveksler.com/conscious-leadership.html"> <!-- Use Canonical URL --> + <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** IMPORTANT: Replace with an actual image URL *** --> + <meta property="og:image:alt" content="Conceptual image representing Conscious Leadership principles like awareness and growth"> <!-- Describe the image --> + <meta property="og:site_name" content="David Veksler's Cheatsheets"> + <meta property="og:locale" content="en_US"> + + <!-- Twitter Card --> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:title" content="The 15 Commitments of Conscious Leadership Cheatsheet (Enhanced)"> + <meta name="twitter:description" content="A concise cheatsheet on the 15 Commitments of Conscious Leadership for leading 'above the line', now with clarifying tooltips and references."> + <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/conscious-leadership.html"> <!-- Use Canonical URL --> + <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** IMPORTANT: Use the same image URL *** --> + <meta name="twitter:image:alt" content="Conceptual image representing Conscious Leadership principles like awareness and growth"> + <!-- <meta name="twitter:site" content="@YourSiteHandle"> --> + <!-- <meta name="twitter:creator" content="@YourHandle"> --> + + <!-- === CSS === --> + <!-- Bootstrap CSS --> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <!-- Bootstrap Icons CSS --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + <!-- Custom CSS --> + <style> + body { + background-color: #f0f4f8; /* Slightly softer blue/gray background */ + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + padding-top: 0; + padding-bottom: 20px; + font-size: 16px; + } + + .page-header { + background-color: #e2eafc; /* Lighter blue */ + padding: 2rem 1.5rem; + margin-bottom: 3rem; + text-align: center; + border-bottom: 1px solid #c8d8e8; + } + + .page-header h1 { color: #1c3d7e; font-weight: 300; margin-bottom: 0.5rem; } /* Deeper blue */ + .page-header .lead { color: #3b5998; font-size: 1.1rem; margin-bottom: 0; } /* Softer blue */ + + .container { perspective: 1500px; } + + .info-card { + background-color: #ffffff; border: 1px solid #dce1e6; border-radius: 0.35rem; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); height: 100%; + display: flex; flex-direction: column; transform-style: preserve-3d; + } + + .info-card .card-body { + padding: 1.25rem; flex-grow: 1; transform: translateZ(20px); + } + + .info-card h5 { + color: #1c3d7e; text-align: center; margin-bottom: 1rem; padding-bottom: 0.6rem; + border-bottom: 1px solid #eee; font-weight: 600; display: flex; + align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.3rem; + } + + .info-card h5 .bi { font-size: 1.1em; color: #3b5998; order: -1; } + .info-card h5 a { color: inherit; text-decoration: none; } + .info-card h5 a:hover { text-decoration: underline; } + + .info-card p.description, .info-card .card-text { + font-size: 0.95rem; color: #333; text-align: left; + margin-bottom: 1rem; + } + .info-card ul { padding-left: 1.5rem; margin-bottom: 0; } + .info-card ul li { margin-bottom: 0.5rem; color: #333; position: relative; line-height: 1.5; font-size: 0.95rem;} + .info-card ul li:last-child { margin-bottom: 0; } + + .info-card a { color: #0d6efd; text-decoration: none; } + .info-card a:hover { color: #0a58ca; text-decoration: underline; } + + /* Tooltip styling */ + span[data-bs-toggle="tooltip"], strong[data-bs-toggle="tooltip"] { + border-bottom: 1px dotted #0d6efd; /* Blue dotted underline */ + cursor: help; + text-decoration: none; + } + span[data-bs-toggle="tooltip"]:hover, strong[data-bs-toggle="tooltip"]:hover { + color: #0a58ca; border-bottom-color: #0a58ca; + } + /* Ensure links inside tooltips are visible and clickable */ + .tooltip-inner a { color: #a0c4ff; text-decoration: underline; } /* Lighter blue link */ + .tooltip-inner a:hover { color: #ffffff; } /* White on hover */ + + + .state-heading { + font-weight: bold; + color: #3b5998; + margin-top: 0.8rem; + margin-bottom: 0.2rem; + font-size: 0.9em; + } + + .row > * { margin-bottom: 1.5rem; } + + footer { padding: 2rem 0; font-size: 0.9em; margin-top: 2rem; text-align: center; color: #555;} + footer a { color: #3b5998; } + footer a:hover { color: #1c3d7e; } + + </style> +</head> +<body> + + <header class="page-header"> + <div class="container"> + <h1 class="display-5"><i class="bi bi-brightness-alt-high"></i> The 15 Commitments of Conscious Leadership</h1> + <p class="lead">A Cheatsheet for Leading "Above the Line" based on the work of Jim Dethmer, Diana Chapman, and Kaley Warner Klemp.</p> + </div> + </header> + + <div class="container"> + <div class="row"> + + <!-- Leading from Above the Line --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-graph-up-arrow"></i> Leading from Above the Line</h5> + <p class="card-text">Conscious leadership involves recognizing whether you are operating "<span data-bs-toggle="tooltip" data-bs-html="true" title="Characterized by openness, curiosity, presence, trust, and a commitment to learning.">Above the Line</span>" or "<span data-bs-toggle="tooltip" data-bs-html="true" title="Characterized by being closed, defensive, reactive, driven by fear, and committed to being right.">Below the Line</span>".</p> + <ul> + <li>**Below the Line:** Primary commitment is to being right; defensive; closed; reactive; ego-driven survival.</li> + <li>**Above the Line:** Primary commitment is to learning; curious; open; leading from security and trust.</li> + <li>**The Shift:** Actively moving from below to above the line state.</li> + <li>**<span data-bs-toggle="tooltip" title="The ability to accurately perceive one's own state (thoughts, feelings, body sensations) without judgment.">Self-Awareness</span>:** The foundation is knowing your state and telling yourself the truth.</li> + </ul> + <div class="state-heading">Four Contexts for Experiencing the World:</div> + <ul> + <li><strong data-bs-toggle="tooltip" title="Below the Line. Life happens 'to me'. Characterized by victimhood, blame, and seeking external causes for internal states.">To Me:</strong> Victim consciousness, blaming external factors.</li> + <li><strong data-bs-toggle="tooltip" title="Above the Line. Life happens 'by me' or 'for me'. Taking responsibility for creating one's experience and seeing events as opportunities for learning. Asks 'What can I learn?'">By Me:</strong> Taking responsibility, focuses on learning from experiences.</li> + <li><strong data-bs-toggle="tooltip" title="Above the Line. Life happens 'through me'. Experiencing oneself as a channel for creativity, purpose, or flow beyond the personal ego.">Through Me:</strong> Aligned with a higher purpose or flow.</li> + <li><strong data-bs-toggle="tooltip" title="Above the Line. Life happens 'as me'. A state of oneness or unity consciousness, recognizing the interconnectedness of all things.">As Me:</strong> Embodies oneness and universality.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 1 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-bullseye"></i> 1: Taking Radical Responsibility</h5> + <p class="card-text">Commit to <span data-bs-toggle="tooltip" title="Seeing yourself as the creator of your experiences and circumstances, without blame towards self or others. Focuses on response-ability.">100% responsibility</span> for your life and well-being.</p> + <ul> + <li>Shift from believing the world *should* be a certain way to accepting how it shows up.</li> + <li>Move from rigidity and self-righteousness to curiosity, learning, and wonder.</li> + <li><span data-bs-toggle="tooltip" title="Self-blame is still 'below the line' as it focuses on fault/shame rather than learning and response. Responsibility is about owning your power to respond.">Self-blame is NOT responsibility</span>; it's still toxic.</li> + <li>Support others in taking responsibility.</li> + <li>Recognize <span data-bs-toggle="tooltip" title="1. Toxic Fear (blame/shame), 2. Extrinsic ($/perks), 3. Intrinsic (learning/purpose), 4. Play/Creativity, 5. Love. Levels 1-2 create negative residue.">motivation levels</span>.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 2 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-search"></i> 2: Learning Through Curiosity</h5> + <p class="card-text">Commit to growing in self-awareness and regarding every interaction as a learning opportunity. Prioritize learning over being right.</p> + <ul> + <li>Curiosity is the path to rapid learning. End blame and criticism.</li> + <li>Key leadership predictors: Self-awareness, <span data-bs-toggle="tooltip" title="The ability and willingness to learn from experience and apply that learning to perform successfully under new or first-time conditions.">Learning Agility</span>, Communication, Influence.</li> + <li>Pause, breathe consciously, and ask: "Where am I - above or below the line?"</li> + <li><span data-bs-toggle="tooltip" title="A state of genuine inquiry without needing an immediate answer or solution. Open-ended exploration.">Wonder</span> is open-ended curiosity.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 3 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-heart-pulse"></i> 3: Feeling All Feelings</h5> + <p class="card-text">Commit to feeling your feelings fully through to completion using <span data-bs-toggle="tooltip" title="Paying attention to physical sensations in the body associated with emotions.">somatic awareness</span> (locating in the body), breath, movement, and vocalization.</p> + <ul> + <li>Feelings are not distractions; resisting them is. Access all centers: head, heart, gut.</li> + <li>Primary emotions: anger, fear, sadness, joy, sexual feelings. Label sensations.</li> + <li>Feelings release naturally if not prevented. Allow their full life cycle (<span data-bs-toggle="tooltip" title="Often cited based on neurochemical processes, though the exact duration can vary. The point is emotions are temporary if allowed to flow.">often < 90 seconds</span>).</li> + <li>Distinguish authentic joy (unconditional) from circumstantial happiness (conditional).</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 4 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-megaphone"></i> 4: Speaking Candidly</h5> + <p class="card-text">Commit to saying what is true for you (<span data-bs-toggle="tooltip" title="Sharing your authentic experience responsibly, focusing on 'I' statements and unarguable reveals, rather than blame or judgment.">candor</span>) and being someone others can express themselves to.</p> + <ul> + <li>Reveal thoughts, opinions, judgments, feelings (leading above the line).</li> + <li><span data-bs-toggle="tooltip" data-bs-html="true" title="1. Truth (accurate representation of inner state), 2. Openness (how much is revealed), 3. Awareness (consciousness of self/other during reveal).">Three circles of candor:</span> Truth, Openness, Awareness.</li> + <li>Reveal what is <span data-bs-toggle="tooltip" data-bs-html="true" data-bs-delay='{"show":0, "hide":300}' title="Statements about your own direct experience that others cannot reasonably dispute. Based on work by the <a href='https://hendricks.com/' target='_blank' rel='noopener'>Hendricks Institute</a>.">unarguable:</span> a thought, a feeling, a sensation.</li> + <li><span data-bs-toggle="tooltip" title="Identifying your judgments/beliefs about others and exploring how those same traits or behaviors might be true for you.">"Eat" your projections:</span> Ask, "How is this true about me?"</li> + <li>Listen for feelings and underlying desires (gut/instinctive center).</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 5 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-slash-circle"></i> 5: Eliminating Gossip</h5> + <p class="card-text">Commit to ending <span data-bs-toggle="tooltip" title="Talking *about* someone negatively when they are not present, especially regarding an issue you have with them.">gossip</span> by talking directly *to* people you have an issue with.</p> + <ul> + <li>Encourage others to speak directly to the person involved.</li> + <li>Listening to gossip is participating in it.</li> + <li>Distinguish clearly between <span data-bs-toggle="tooltip" title="Observable, verifiable data points.">facts</span> and the <span data-bs-toggle="tooltip" title="Interpretations, assumptions, judgments, and meanings we assign to facts.">stories</span> you create about them.</li> + <li>Being "clear" means full expression: saying and feeling everything related to the issue.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 6 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-shield-check"></i> 6: Practicing Integrity</h5> + <p class="card-text">Commit to masterful <span data-bs-toggle="tooltip" title="Wholeness; alignment between inner experience, values, and outer expression/actions. Keeping agreements with self and others.">integrity</span>.</p> + <ul> + <li>Acknowledge feelings, express unarguable truth, keep agreements, take 100% responsibility.</li> + <li>Breaches cause disengagement. There's no "small" breach (Tom Peters).</li> + <li>Know when to lead unilaterally vs. bilaterally.</li> + <li>Impeccable people renegotiate agreements promptly.</li> + <li>Continuously clean up "<span data-bs-toggle="tooltip" title="Unexpressed feelings, unspoken truths, broken agreements, and unacknowledged responsibilities.">unfelts, unsaids, unkepts, and unowneds.</span>"</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 7 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-gift"></i> 7: Generating Appreciation</h5> + <p class="card-text">Commit to living in appreciation, fully open to both receiving and giving it genuinely.</p> + <ul> + <li>First step is awareness: simply pay attention.</li> + <li>Refusing appreciation robs the giver.</li> + <li>Aim for a high ratio (<span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="Often cited as 5:1, based on relationship research by the <a href='https://www.gottman.com/' target='_blank' rel='noopener'>Gottman Institute</a>, applied broadly here.">~5:1</span>) of appreciation to criticism.</li> + <li>Masterful appreciation includes: Sincerity, Unarguable truth, Specificity, Succinct language.</li> + <li>Appreciation (vs. <span data-bs-toggle="tooltip" title="Believing you are owed something without expressing gratitude.">entitlement</span>) grows value and connection.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 8 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-stars"></i> 8: Excelling in Your Zone of Genius</h5> + <p class="card-text">Commit to expressing your full magnificence and supporting others to live in their <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="Activities you are uniquely suited for, love doing, and that energize you. Concept from 'The Big Leap' by Gay Hendricks. <a href='https://hendricks.com/the-big-leap/' target='_blank' rel='noopener'>More Info</a>">zone of genius</span>.</p> + <ul> + <li>Identify activities aligned with your innate talents and passions.</li> + <li>If an activity is a "dead-end": stop, delegate, or do it differently.</li> + <li>Fear often guards the line between the zone of *excellence* (what you're good at but may not love) and the zone of *genius*.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 9 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-joystick"></i> 9: Living a Life of Play and Rest</h5> + <p class="card-text">Commit to creating play, improvisation, and laughter. Maximize <span data-bs-toggle="tooltip" title="Managing physical, emotional, mental, and spiritual energy, not just time, for sustainable performance.">energy</span> by honoring rest, renewal, and rhythm.</p> + <ul> + <li>See life unfold easefully and effortlessly.</li> + <li>Co-create playfully with others. Avoid struggle and suffering.</li> + <li>Laughter indicates playfulness.</li> + <li>Rest boosts productivity.</li> + <li>Energy management is key to long-term effectiveness and avoids burnout.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 10 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-arrow-left-right"></i> 10: Exploring the Opposite</h5> + <p class="card-text">Commit to seeing that the opposite of your story (<span data-bs-toggle="tooltip" title="Your beliefs, interpretations, and judgments about reality.">story</span>) is as true or truer than the original.</p> + <ul> + <li>Recognize you interpret the world; life itself has no inherent labels.</li> + <li>Question all labels. Take responsibility for being the "labeler."</li> + <li>Use inquiry methods like <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="A process of inquiry created by Byron Katie involving four questions and turnarounds to investigate stressful thoughts. <a href='https://thework.com/en/' target='_blank' rel='noopener'>Official Site</a>">"The Work"</span> to become curious about all possibilities.</li> + <li>Remain unattached to outcomes or needing your story to be 'right'.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 11 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-person-check-fill"></i> 11: Sourcing Approval, Control & Security</h5> + <p class="card-text">Commit to being the <span data-bs-toggle="tooltip" title="Generating these feelings from within, based on self-acceptance and trust, rather than needing external circumstances or people to provide them.">source</span> of your own approval, control, and security.</p> + <ul> + <li>Humans' core wants: approval, control, security. Seeking them externally leads to suffering.</li> + <li>Use release techniques like <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="A technique for letting go of limiting feelings and beliefs by welcoming them and asking simple questions. <a href='https://www.sedona.com/' target='_blank' rel='noopener'>Official Site</a>">The Sedona Method:</span> + <ol> + <li>Identify the wanting.</li> + <li>Welcome the wanting.</li> + <li>Identify if it stems from seeking approval/control/security.</li> + <li>Welcome it again; consider letting it go.</li> + </ol> + </li> + <li>Rest as the awareness beyond wanting.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 12 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-infinity"></i> 12: Having Enough of Everything</h5> + <p class="card-text">Commit to experiencing <span data-bs-toggle="tooltip" title="An internal state, context, or declaration of having/being enough, independent of external amounts. Contrasts with scarcity mindset.">sufficiency</span> – having enough (time, money, love, energy, etc.).</p> + <ul> + <li>Challenge <span data-bs-toggle="tooltip" data-bs-delay='{"show":0, "hide":300}' data-bs-html="true" title="From 'The Soul of Money' by Lynne Twist: 1. Not Enough, 2. More is Better, 3. That's Just the Way It Is. <a href='https://soulofmoney.org/' target='_blank' rel='noopener'>More Info</a>">toxic myths of scarcity</span>: + <ol> + <li>There is never enough.</li> + <li>More is better.</li> + <li>That's just the way it is (hopeless/helpless).</li> + </ol> + </li> + <li>Sufficiency is not an amount; it's an experience, a context, a knowing. "There is enough and we are enough."</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 13 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-people"></i> 13: Experiencing the World as an Ally</h5> + <p class="card-text">Commit to seeing all people and circumstances as <span data-bs-toggle="tooltip" title="Viewing challenges and difficult people not as obstacles or enemies, but as opportunities perfectly designed for your learning and growth.">allies</span> perfectly suited for your growth.</p> + <ul> + <li>Shift out of comparison and competition; see everyone as equally valuable.</li> + <li>Welcome pressure as a catalyst for awakening or emergence.</li> + <li>Ask: "If this were a perfect ally, what is here for me to learn?"</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 14 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-diagram-3"></i> 14: Creating Win-for-All Solutions</h5> + <p class="card-text">Commit to creating solutions that are a <span data-bs-toggle="tooltip" title="Seeking outcomes that benefit all stakeholders involved (self, other, team/org, wider system), moving beyond win-lose or compromise (often lose-lose).">win for all</span> involved.</p> + <ul> + <li>Address issues considering the benefit for you, others, the organization, and the whole system.</li> + <li>Collaboration opens possibilities unavailable through competition and <span data-bs-toggle="tooltip" title="Often requires each party to give something up, potentially leading to suboptimal outcomes for everyone.">compromise</span>.</li> + </ul> + </div> + </div> + </div> + + <!-- Commitment 15 --> + <div class="col-lg-4 col-md-6 col-sm-12"> + <div class="info-card" data-tilt data-tilt-max="8" data-tilt-speed="400" data-tilt-perspective="1000" data-tilt-glare="false" data-tilt-scale="1.02"> + <div class="card-body"> + <h5><i class="bi bi-puzzle"></i> 15: Being the Resolution</h5> + <p class="card-text">Commit to <span data-bs-toggle="tooltip" title="Embodying the solution yourself. Instead of just identifying a problem or gap, taking ownership and becoming the change or contribution that is needed.">being the resolution</span> or solution that is needed.</p> + <ul> + <li>See what's missing in the world or a situation as an invitation to become or provide that missing piece.</li> + <li>Ask: "What is the universe inviting me to be or become related to what I perceive as missing?"</li> + </ul> + </div> + </div> + </div> + + </div> <!-- /.row --> + </div> <!-- /.container --> + + <footer class="container text-center text-muted"> + <p>Based on <a href="https://conscious.is/the-15-commitments" target="_blank" rel="noopener noreferrer">The 15 Commitments of Conscious Leadership</a> by Jim Dethmer, Diana Chapman, & Kaley Warner Klemp. <br> + Visit the <a href="https://conscious.is/" target="_blank" rel="noopener noreferrer">Conscious Leadership Group</a> | Buy the <a href="https://www.amazon.com/15-Commitments-Conscious-Leadership-Sustainable/dp/0990976904" target="_blank" rel="noopener noreferrer">Book</a> + </p> + <p>Further Reading/Summaries: + <a href="https://readingraphics.com/book-summary-the-15-commitments-of-conscious-leadership/" target="_blank" rel="noopener noreferrer">Readingraphics Summary</a> | + <a href="https://www.20minutebooks.com/the-15-commitments-of-conscious-leadership" target="_blank" rel="noopener noreferrer">20 Minute Books Summary</a> + </p> + <p>Adapted from prior summaries by Human First Works & Selling Sherpa (Sep 2023). <br> © 2025 David Veksler. Please verify information with primary sources.</p> <!-- Adjust Year/Name if needed --> + </footer> + + <!-- === JAVASCRIPT === --> + <!-- Bootstrap JS Bundle (needed for tooltips) --> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + <!-- Vanilla-Tilt.js library --> + <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vanilla-tilt.min.js"></script> + <!-- Initialization Script --> + <script> + // Initialize Bootstrap Tooltips + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + // Enable HTML content in tooltips AND allow tooltip itself to be hovered + return new bootstrap.Tooltip(tooltipTriggerEl, { + html: true, + // Keep the tooltip open if the user hovers over the tooltip itself + // Delay helps bridge the gap between leaving trigger and entering tooltip + delay: { "show": 0, "hide": 100 } // Short delay before hiding + }) + }); + + // Vanilla Tilt initializes automatically via data-tilt attributes + </script> + +</body> +</html> \ No newline at end of file