The Four Ways of Leading & Being A summary of the contexts for experiencing the world, based on "The 15 Commitments of Conscious Leadership" by Dethmer, Chapman, & Klemp.
· 1 year ago
ea18e470e529b73124d5cf3234b27b0b27449e19
Parent:
563882b58
1 file changed +489 −0
- conscious-leadership-contexts.html +489 −0
Diff
--- /dev/null +++ b/conscious-leadership-contexts.html @@ -0,0 +1,489 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <!-- === METADATA === --> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>The Four Ways of Leading & Being - Conscious Leadership Cheatsheet</title> + <meta name="description" content="A summary table of the Four Contexts for Experiencing the World (To Me, By Me, Through Me, As Me) from The 15 Commitments of Conscious Leadership."> + <meta name="keywords" content="Conscious Leadership, 15 Commitments, To Me, By Me, Through Me, As Me, Four Contexts, leadership states, Jim Dethmer, Diana Chapman, Kaley Klemp, cheatsheet, responsibility, surrender, oneness"> + <meta name="author" content="David Veksler (Adapted)"> <!-- Or adjust as needed --> + + <!-- Canonical URL (Update if hosting elsewhere) --> + <link rel="canonical" href="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Assumed URL --> + + <!-- Open Graph / Facebook / LinkedIn --> + <meta property="og:title" content="The Four Ways of Leading & Being - Conscious Leadership Cheatsheet"> + <meta property="og:description" content="Explore the 'To Me', 'By Me', 'Through Me', and 'As Me' contexts of experience from The 15 Commitments of Conscious Leadership."> + <meta property="og:type" content="article"> + <meta property="og:url" content="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Use Canonical URL --> + <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** Using image from main cheatsheet, replace if needed *** --> + <meta property="og:image:alt" content="Conceptual image representing the different states of Conscious Leadership"> + <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 Four Ways of Leading & Being - Conscious Leadership Cheatsheet"> + <meta name="twitter:description" content="A concise table summarizing the 'To Me', 'By Me', 'Through Me', and 'As Me' contexts from The 15 Commitments of Conscious Leadership."> + <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/conscious-leadership-contexts.html"> <!-- Use Canonical URL --> + <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/conscious-leadership-og.jpg"> <!-- *** Use the same image URL *** --> + <meta name="twitter:image:alt" content="Conceptual image representing the different states of Conscious Leadership"> + <!-- <meta name="twitter:site" content="@YourSiteHandle"> --> + <!-- <meta name="twitter:creator" content="@YourHandle"> --> + + <!-- === CSS === --> + <!-- Google Fonts --> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&family=Lato:wght@400;700&display=swap" rel="stylesheet"> + + <!-- 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"> + <!-- AOS CSS (Animate On Scroll) --> + <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> + <!-- Custom CSS (Based on template) --> + <style> + :root { + --font-primary: 'Lato', sans-serif; + --font-headings: 'Poppins', sans-serif; + --color-bg: #f8f9fa; + --color-text: #343a40; + --color-primary: #1a5a99; /* Darker Blue */ + --color-secondary: #4a7ab8; /* Lighter Blue */ + --color-card-bg: #ffffff; + --color-card-border: #e9ecef; + --color-link: #0d6efd; + --color-link-hover: #0a58ca; + --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.07); + --shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1); + } + + body { + background-color: var(--color-bg); + font-family: var(--font-primary); + color: var(--color-text); + padding-top: 0; + padding-bottom: 3rem; + font-size: 16px; /* Slightly smaller base for table clarity */ + line-height: 1.6; + } + + h1, h2, h3, h4, h5, h6 { + font-family: var(--font-headings); + color: var(--color-primary); + font-weight: 600; + } + + a { + color: var(--color-link); + text-decoration: none; + transition: color 0.2s ease-in-out; + } + a:hover { + color: var(--color-link-hover); + text-decoration: underline; + } + + .page-header { + padding: 3rem 1.5rem; + margin-bottom: 2rem; /* Reduced margin */ + text-align: center; + } + .page-header h1 { + color: var(--color-primary); + font-weight: 500; + margin-bottom: 0.75rem; + font-size: 2.6rem; /* Slightly smaller */ + display: flex; + align-items: center; + justify-content: center; + gap: 0.75rem; + } + .page-header h1 .bi { + font-size: 0.9em; + color: var(--color-secondary); + } + .page-header .lead { + color: var(--color-secondary); + font-size: 1.1rem; /* Slightly smaller */ + max-width: 750px; + margin-left: auto; + margin-right: auto; + } + + .content-card { /* Renamed from info-card for context */ + background-color: var(--color-card-bg); + border: 1px solid var(--color-card-border); + border-radius: 0.5rem; + box-shadow: var(--shadow-soft); + padding: 2rem; /* Generous padding */ + margin-bottom: 2rem; + transition: transform 0.25s ease-out, box-shadow 0.25s ease-out; + } + .content-card:hover { + transform: translateY(-4px); + box-shadow: var(--shadow-hover); + } + + .content-card h5 { /* Optional heading inside card */ + color: var(--color-primary); + text-align: center; + margin-bottom: 1.5rem; + font-weight: 600; + font-size: 1.25rem; + } + + /* Table Styling */ + .table { + margin-bottom: 0; /* Remove default bottom margin */ + border-color: var(--color-card-border); + } + .table thead th { + font-family: var(--font-headings); + background-color: var(--color-bg); /* Light background for header */ + color: var(--color-primary); + font-weight: 600; + text-align: center; + vertical-align: middle; + border-bottom-width: 2px; + font-size: 1.05rem; + padding: 0.8rem 0.6rem; + } + .table .sub-header th { /* For Responsibility, Surrender, Oneness */ + font-size: 0.85rem; + font-weight: 500; + color: var(--color-secondary); + padding-top: 0; + padding-bottom: 0.5rem; + border-top: none; /* Remove top border if immediately below main header */ + text-align: center; + } + .table .sub-header th i { /* Arrow Icon */ + font-size: 1.1em; + margin-left: 0.3em; + } + + .table tbody th { /* Concept column */ + font-family: var(--font-headings); + font-weight: 600; + color: var(--color-primary); + text-align: left; + vertical-align: top; /* Align concept name to top */ + padding: 0.8rem 0.6rem; + width: 12%; /* Give concept column a bit more space */ + font-size: 1rem; + } + .table td { + vertical-align: top; /* Align cell content to top */ + color: var(--color-text); + font-size: 0.95rem; /* Slightly smaller text in cells */ + padding: 0.8rem 0.6rem; + } + .table td ul { + padding-left: 1.3rem; /* Indent bullet points */ + margin-bottom: 0; + list-style: none; /* Using custom marker below */ + } + .table td ul li { + position: relative; + padding-left: 1rem; /* Space for custom bullet */ + margin-bottom: 0.4rem; /* Space between bullet points */ + line-height: 1.5; + } + .table td ul li::before { /* Custom bullet */ + content: ''; + position: absolute; + left: 0; + top: 0.6em; /* Adjust vertical alignment */ + transform: translateY(-50%); + width: 5px; + height: 5px; + background-color: var(--color-secondary); + border-radius: 50%; + } + .table td ul li:last-child { margin-bottom: 0; } + + /* Responsive Table */ + .table-responsive { + margin-bottom: 0; /* Prevent double margin with card padding */ + } + + /* Tooltip styling (copied from template) */ + span[data-bs-toggle="tooltip"], strong[data-bs-toggle="tooltip"] { + border-bottom: 1px dotted var(--color-link); + cursor: help; + text-decoration: none; + color: var(--color-primary); + font-weight: 500; + transition: color 0.2s, border-color 0.2s; + } + span[data-bs-toggle="tooltip"]:hover, strong[data-bs-toggle="tooltip"]:hover { + color: var(--color-link-hover); + border-bottom-color: var(--color-link-hover); + } + .tooltip-inner { text-align: left; } + .tooltip-inner a { color: #a0c4ff; text-decoration: underline; } + .tooltip-inner a:hover { color: #ffffff; } + + /* Footer Styling (copied from template) */ + footer { + padding: 2.5rem 0; + font-size: 0.9em; + margin-top: 3rem; + text-align: center; + color: #6c757d; + border-top: 1px solid var(--color-card-border); + } + footer a { color: var(--color-secondary); } + footer a:hover { color: var(--color-primary); } + </style> +</head> +<body> + + <header class="page-header"> + <div class="container"> + <h1 class="display-5"><i class="bi bi-diagram-3-fill"></i>The Four Ways of Leading & Being</h1> + <p class="lead">A summary of the contexts for experiencing the world, based on "The 15 Commitments of Conscious Leadership" by Dethmer, Chapman, & Klemp.</p> + </div> + </header> + + <div class="container"> + <div class="row justify-content-center"> <!-- Center the single column --> + <div class="col-lg-10 col-md-12"> <!-- Wider column for the table --> + <div class="content-card" data-aos="fade-up"> + <!-- Optional heading inside card --> + <!-- <h5>Contexts of Experience</h5> --> + <div class="table-responsive"> + <table class="table table-bordered table-striped"> + <thead class="thead-light"> + <tr> + <th scope="col" style="width: 12%;"> </th> <!-- Empty corner --> + <th scope="col">TO ME</th> + <th scope="col">BY ME</th> + <th scope="col">THROUGH ME</th> + <th scope="col">AS ME</th> + </tr> + <tr class="sub-header"> + <th> </th> <!-- Empty corner --> + <th>Responsibility<i class="bi bi-arrow-right-short"></i></th> + <th>Surrender<i class="bi bi-arrow-right-short"></i></th> + <th>Oneness<i class="bi bi-arrow-right-short"></i></th> + <th></th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">MONEY</th> + <td> + <ul> + <li>Scarcity = Never enough</li> + <li>I work hard to get it</li> + <li>My value is attached to it</li> + </ul> + </td> + <td> + <ul> + <li>I want more</li> + <li>I can create more</li> + <li>It is a measure of my value</li> + </ul> + </td> + <td> + <ul> + <li>It is abundant</li> + <li>It is an energy not a thing</li> + <li>Measurement is irrelevant</li> + </ul> + </td> + <td> + <ul> + <li>It is just another form</li> + <li>It is given and received with freedom and joy</li> + </ul> + </td> + </tr> + <tr> + <th scope="row">TIME</th> + <td> + <ul> + <li>There is not the right amount</li> + <li>I am stressed because of it</li> + <li>I am overwhelmed, busy/bored</li> + </ul> + </td> + <td> + <ul> + <li>I'm in control of my time</li> + <li>I use time management systems</li> + <li>I use it to do what I want</li> + </ul> + </td> + <td> + <ul> + <li>I have plenty of it</li> + <li>There is only now - there is no past or future</li> + </ul> + </td> + <td> + <ul> + <li>I am the source of it</li> + <li>It is an illusion - like all other illusions</li> + </ul> + </td> + </tr> + <tr> + <th scope="row">HAPPINESS</th> + <td> + <ul> + <li>It is a fleeting moment of pleasure (ice cream, vacation, sex)</li> + <li>It depends on circumstances</li> + </ul> + </td> + <td> + <ul> + <li>I choose to make myself happy</li> + <li>I make happiness if I bring the right ingredients</li> + </ul> + </td> + <td> + <ul> + <li>It is here now</li> + <li>It has a deep lasting quality</li> + <li>I relax into joy</li> + </ul> + </td> + <td> + <ul> + <li>Happiness is just another state, it is just one of many vibrations passing through</li> + </ul> + </td> + </tr> + <tr> + <th scope="row">DISCIPLINE</th> + <td> + <ul> + <li>Always too much or too little</li> + <li>It's hard; I "should"; "I have to"</li> + <li>It is necessary to be good</li> + </ul> + </td> + <td> + <ul> + <li>I choose it (to delay gratification)</li> + <li>I use it as a tool to create</li> + </ul> + </td> + <td> + <ul> + <li>It is effortless</li> + <li>Having and delaying gratification are equals</li> + </ul> + </td> + <td> + <ul> + <li>Can you find the one who is disciplined?</li> + </ul> + </td> + </tr> + <tr> + <th scope="row">PURPOSE</th> + <td> + <ul> + <li>What purpose?</li> + <li>I should have one and don't</li> + <li>I just have roles I play</li> + </ul> + </td> + <td> + <ul> + <li>My purpose</li> + <li>I declare it and go out and get it</li> + <li>Both takes energy and energizing</li> + </ul> + </td> + <td> + <ul> + <li>Transcendent purpose</li> + <li>No more wanting</li> + <li>I receive it through listening</li> + </ul> + </td> + <td> + <ul> + <li>What purpose? Being and purpose are the same</li> + <li>Impossible to be off of it</li> + </ul> + </td> + </tr> + <tr> + <th scope="row">LEADERSHIP</th> + <td> + <ul> + <li>It's a role; I have it or I don't</li> + <li>It comes with have-tos, burden and incompetent followers</li> + </ul> + </td> + <td> + <ul> + <li>There are skills/techniques to master which create good or effective leadership</li> + </ul> + </td> + <td> + <ul> + <li>It arises in response to present need; no "one" is the leader in co-creation</li> + </ul> + </td> + <td> + <ul> + <li>There is no one to lead and nowhere to lead to</li> + </ul> + </td> + </tr> + </tbody> + </table> + </div> <!-- /.table-responsive --> + </div> <!-- /.content-card --> + </div> <!-- /.col --> + </div> <!-- /.row --> + </div> <!-- /.container --> + + <footer class="container text-center"> + <p>This table summarizes the "Four Contexts" discussed in <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> + It is part of a larger cheatsheet available <a href="https://cheatsheets.davidveksler.com/conscious-leadership.html">here</a>. + </p> + <p>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>Adapted from prior summaries by Human First Works & Selling Sherpa (Sep 2023) and the main cheatsheet by David Veksler. <br> © 2025 David Veksler. Please verify information with primary sources.</p> <!-- Adjust Year/Name if needed --> + </footer> + + <!-- === JAVASCRIPT === --> + <!-- Bootstrap JS Bundle (needed for tooltips, if added later) --> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + <!-- AOS JS (Animate On Scroll) --> + <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> + <!-- Initialization Script --> + <script> + // Initialize Bootstrap Tooltips (if you add any) + // var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + // var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + // return new bootstrap.Tooltip(tooltipTriggerEl, { + // html: true, + // delay: { "show": 100, "hide": 150 } + // }) + // }); + + // Initialize AOS + AOS.init({ + duration: 600, + easing: 'ease-in-out', + once: true, + mirror: false, + offset: 50, + delay: 0, + }); + </script> + +</body> +</html> \ No newline at end of file