weight loss
· 1 year ago
6ee64a9ce7ab7b90a6f3df45ba8d04be541f4f2c
Parent:
fe75831b5
1 file changed +1139 −0
- weight-loss.html +1139 −0
Diff
--- /dev/null +++ b/weight-loss.html @@ -0,0 +1,1139 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Weight Loss & Metabolic Health Cheatsheet - Principles for Success</title> + + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍏</text></svg>"> + + <!-- SEO Meta Description --> + <meta name="description" content="Interactive cheatsheet for sustainable weight loss and metabolic health. Covers consistency, nutrition, circadian rhythms, movement, stress, and more for long-term success."> + + <!-- Canonical URL (Example) --> + <link rel="canonical" href="http://cheatsheets.davidveksler.com/weightloss-cheatsheet.html"> + + <!-- Social Media Metadata --> + <meta property="og:title" content="Weight Loss & Metabolic Health Cheatsheet - Sustainable Strategies"> + <meta property="og:description" content="Visual guide to the core principles of effective weight loss, focusing on metabolic health, whole foods, insulin management, and lifestyle factors."> + <meta property="og:type" content="article"> + <meta property="og:url" content="http://cheatsheets.davidveksler.com/weightloss-cheatsheet.html"> + <!-- <meta property="og:image" content="http://cheatsheets.davidveksler.com/images/weightloss-cheatsheet.png"> Placeholder --> + <meta property="og:image:alt" content="Diagram illustrating key concepts for healthy weight loss including diet, exercise, and mindset."> + <meta property="og:site_name" content="David Veksler Cheatsheets"> + + + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:title" content="Weight Loss & Metabolic Health Cheatsheet - Sustainable Strategies"> + <meta name="twitter:description" content="Visual guide to effective weight loss, focusing on metabolic health, whole foods, insulin management, and lifestyle."> + <!-- <meta name="twitter:image" content="http://cheatsheets.davidveksler.com/images/weightloss-cheatsheet.png"> Placeholder --> + <meta name="twitter:image:alt" content="Key pillars of sustainable weight loss."> + + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/leader-line.min.js"></script> + + <style> + :root { + --bs-body-bg: #f4f8f0; /* Lighter, slightly greenish background */ + --bs-primary: #28a745; /* Health Green */ + --bs-primary-dark: #1e7e34; /* Darker Health Green */ + --bs-primary-light: #d4edda; /* Lighter Health Green */ + --card-border-color: #adb5bd; + --card-shadow-color: rgba(0, 50, 20, .1); + --text-color-main: #212529; + --text-color-secondary: #495057; + --text-color-highlight: var(--bs-primary-dark); + --blueprint-grid-color: rgba(108, 117, 125, 0.08); /* Subtler grid */ + --schema-bg-color: rgba(255, 255, 255, 0.75); + --schema-border-color: #a3e4b0; /* Lighter green for schema borders */ + + /* --- Weight Loss Category Colors --- */ + --wl-color-philosophy: #4A4A4A; /* Dark Gray - Core Philosophy */ + --wl-color-foundation: #007bff; /* Blue - Consistency, Mindset (Foundational Principles) */ + --wl-color-nutrition: #fd7e14; /* Orange - Nutrition & Diet (What) */ + --wl-color-timing: #6f42c1; /* Purple - Circadian & Meal Timing (When) */ + --wl-color-movement: #dc3545; /* Red - Movement & Exercise */ + --wl-color-hydration: #17a2b8; /* Teal - Hydration */ + --wl-color-mindset: #ffc107; /* Yellow - Stress & Emotional Health */ + --wl-color-optimization: #20c997; /* Cyan/Mint - Nutrient/Environment Opt. */ + --wl-color-testing: #6c757d; /* Gray - Bio-Markers */ + + + --db-category-color: var(--wl-color-foundation); /* Default */ + } + + @keyframes blueprintGridAnimation { + 0% { background-position: 0 0, 0 0; } + 100% { background-position: 60px 60px, -60px -60px; } + } + + body { + background-color: var(--bs-body-bg); + background-image: + linear-gradient(to right, var(--blueprint-grid-color) 1px, transparent 1px), + linear-gradient(to bottom, var(--blueprint-grid-color) 1px, transparent 1px); + background-size: 60px 60px; + animation: blueprintGridAnimation 120s linear infinite; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + padding-bottom: 3rem; + font-size: 16px; + color: var(--text-color-main); + box-sizing: border-box; + } + *, *::before, *::after { box-sizing: inherit; } + + .page-header { + background: linear-gradient(135deg, #e6f8e0, var(--bs-primary-light)); + padding: 2.5rem 1.5rem; + text-align: center; + border-bottom: 2px solid var(--schema-border-color); + margin-bottom: 3rem; + position: relative; + z-index: 10; + box-shadow: 0 4px 15px rgba(40, 167, 69, 0.1); + } + .page-header h1 { + color: var(--bs-primary-dark); + font-weight: 300; /* Lighter font weight for modern feel */ + letter-spacing: 0.5px; + margin-bottom: 0.5rem; + font-size: 2.8rem; + } + .page-header h1 .bi { font-size: 0.9em; vertical-align: -0.05em; margin-right: 0.3em;} + .page-header .lead { color: #343a40; font-size: 1.15rem; max-width: 800px; margin: auto; } + + .schema-container { + background-color: var(--schema-bg-color); + border: 2px solid var(--schema-border-color); + border-radius: 8px; + padding: 1.5rem 1.5rem 0.5rem 1.5rem; + margin-bottom: 2.5rem; + box-shadow: 0 5px 15px rgba(40, 167, 69, 0.07); + backdrop-filter: blur(4px); + position: relative; + transition: opacity 0.3s ease-in-out; + } + + .section-title { + color: var(--db-category-color); /* Uses the section's category color */ + margin: -2.8rem 0 1.5rem 0; + font-weight: 600; + text-transform: uppercase; + letter-spacing: .08em; + font-size: 1.1rem; + border-bottom: none; + padding: 0.4rem 1rem; + background-color: var(--bs-body-bg); + display: inline-block; + position: relative; + left: 1rem; + z-index: 15; + border: 2px solid var(--schema-border-color); + border-bottom: none; + border-radius: 6px 6px 0 0; + transition: opacity 0.3s ease-in-out; + } + + .info-card { + background: #fff; + border: 1px solid var(--card-border-color); + border-radius: 4px; /* Softer radius */ + box-shadow: 0 3px 8px var(--card-shadow-color); + height: 100%; + display: flex; + flex-direction: column; + transition: box-shadow 0.3s ease, opacity 0.3s ease, transform 0.2s ease; + position: relative; + z-index: 5; + opacity: 1; + } + + #main-container.is-dimmed .schema-container:not(.is-highlighted-section) .info-card { + opacity: 0.35; transform: scale(0.98); + } + #main-container.is-dimmed .schema-container:not(.is-highlighted-section) > .section-title { + opacity: 0.4; + } + + .info-card.is-highlighted { + opacity: 1 !important; + transform: scale(1.02) !important; + box-shadow: 0 0 0 3px var(--db-category-color), 0 8px 16px rgba(0, 80, 30, .2) !important; + z-index: 25 !important; + } + .info-card:not(.is-highlighted):hover { + box-shadow: 0 5px 12px rgba(0, 100, 40, .18); + transform: translateY(-2px); + z-index: 20; + } + + .info-card .card-body { padding: 0; flex-grow: 1; display: flex; flex-direction: column; } + .info-card h5 { + color: #fff; background-color: var(--db-category-color); /* Uses card's specific color */ + font-size: 1rem; text-align: center; margin: 0; padding: 0.7rem 0.5rem; /* Slightly more padding */ + font-weight: 600; display: flex; justify-content: center; align-items: center; + gap: .5rem; font-family: 'Segoe UI Semibold', Consolas, Menlo, Monaco, 'Courier New', monospace; + border-bottom: 1px solid var(--card-border-color); + border-radius: 3px 3px 0 0; /* Match card radius */ + } + .info-card h5 .bi { font-size: 1.2em; color: #fff; opacity: 0.85; } + .card-content-wrapper { padding: 1rem; flex-grow: 1; display: flex; flex-direction: column; } + .info-card p.summary { font-size: .9rem; color: var(--text-color-secondary); margin-bottom: .8rem; flex-grow: 1; line-height: 1.6; } + + .collapse-content { font-size: 0.9rem; border-top: 1px solid #e9ecef; padding-top: 1rem; margin-top: 1rem; color: var(--text-color-main); } + .collapse-content h6 { font-weight: 700; color: var(--text-color-highlight); margin-top: 0.8rem; margin-bottom: 0.3rem; font-size: 0.95rem; } + .collapse-content ul { padding-left: 0.5rem; margin-bottom: 0.8rem; list-style: none; } + .collapse-content li { margin-bottom: 0.6rem; padding-bottom: 0.6rem; font-size: 0.88rem; line-height: 1.5; border-bottom: 1px dotted #ced4da; position: relative; padding-left: 1.6rem; } + .collapse-content li:last-child { border-bottom: none; margin-bottom: 0; } + .collapse-content li::before { + content: "\F561"; /* Bootstrap icon: check2-circle or \F285 (dot) */ + font-family: "bootstrap-icons"; position: absolute; left: 0; top: 2px; + color: var(--db-category-color); opacity: 0.7; font-size: 1em; + } + .collapse-content li strong { color: var(--text-color-highlight); display: block; margin-bottom: 0.2rem; font-weight: 600; } + .collapse-content p { font-size: 0.9rem; margin-bottom: 0.6rem; line-height: 1.55; } + .collapse-content code { font-size: 0.85rem; color: var(--bs-primary-dark); background-color: #f8f9fa; padding: 0.1em 0.4em; border-radius: 3px; } + .collapse-content .action-guide-title {font-weight: bold; color: var(--bs-primary-dark); margin-top: 1rem; margin-bottom: 0.5rem; display: block;} + + + .row > * { margin-bottom: 2rem; } + footer { padding-top: 3rem; font-size: .85em; color: #6c757d; position: relative; z-index: 10; text-align: center; } + + .details-toggle { + font-size: 0.8rem; margin-top: auto; align-self: flex-start; + padding: 0.3rem 0.6rem; color: var(--db-category-color); + border: 1px solid var(--db-category-color); background-color: transparent; + transition: background-color 0.2s ease, color 0.2s ease; + display: inline-flex; align-items: center; gap: 0.3em; + border-radius: 3px; /* Consistent border-radius */ + } + .details-toggle:hover { background-color: var(--db-category-color); color: white; } + .details-toggle .bi { transition: transform 0.2s ease-in-out; } + .details-toggle[aria-expanded="true"] .bi { transform: rotate(180deg); } + + .term { font-weight: 600; color: var(--bs-primary-dark); background-color: var(--bs-primary-light); padding: 0.1em 0.35em; border-radius: 3px;} + a { color: var(--bs-primary); text-decoration: none; } + a:hover { color: var(--bs-primary-dark); text-decoration: underline; } + .collapse-content a { color: #1a6a2f; } /* Slightly darker green for contrast */ + .collapse-content a:hover { color: #10451d; } + + .leader-line { pointer-events: none; z-index: 20; transition: opacity 0.3s ease-in-out; } + + /* --- Weight Loss Category Color Styling --- */ + .section-philosophy, .card-philosophy { --db-category-color: var(--wl-color-philosophy); } + .section-foundation, .card-foundation { --db-category-color: var(--wl-color-foundation); } + .section-nutrition, .card-nutrition { --db-category-color: var(--wl-color-nutrition); } + .section-timing, .card-timing { --db-category-color: var(--wl-color-timing); } + .section-movement, .card-movement { --db-category-color: var(--wl-color-movement); } + .section-hydration, .card-hydration { --db-category-color: var(--wl-color-hydration); } + .section-mindset, .card-mindset { --db-category-color: var(--wl-color-mindset); } + .section-optimization, .card-optimization { --db-category-color: var(--wl-color-optimization); } + .section-testing, .card-testing { --db-category-color: var(--wl-color-testing); } + + </style> +</head> +<body> +<header class="page-header"> + <h1><i class="bi bi-clipboard2-pulse"></i> Weight Loss & Metabolic Health Cheatsheet</h1> + <p class="lead">An interactive guide to the core principles of sustainable weight loss, focusing on metabolic health, whole foods, insulin management, and impactful lifestyle factors.</p> +</header> +<div class="container" id="main-container"> + + <!-- 0. CORE PHILOSOPHY --> + <div class="schema-container section-philosophy" data-section-id="section-philosophy-intro"> + <h2 class="section-title" id="section-philosophy-intro-title">Core Philosophy</h2> + <div class="row"> + <div class="col-lg-6 col-md-12"> + <div class="info-card card-philosophy" id="card-metabolic-dysfunction"> + <div class="card-body"> + <h5><i class="bi bi-shield-exclamation"></i> The Metabolic Problem</h5> + <div class="card-content-wrapper"> + <p class="summary">Most modern health issues, including obesity, stem from <span class="term">metabolic dysfunction</span>. This is largely driven by a diet of highly <span class="term">processed, nutritionally homogenous</span> foods that disrupt our evolved biology.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMetabolicDysfunction" aria-expanded="false" aria-controls="collapseMetabolicDysfunction"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMetabolicDysfunction"> + <h6>Underlying Cause</h6> + <p>The core issue isn't just overeating or lack of exercise; it's a disrupted metabolism. Our bodies are designed for whole, minimally processed foods. The Standard American Diet (SAD) – rich in refined carbs, sugars, and lacking diversity – leads to insulin resistance and cellular malnutrition.</p> + <h6>Impact</h6> + <ul> + <li><strong>Insulin Resistance:</strong> Chronic high blood sugar from processed foods makes cells resistant to insulin, impairing nutrient uptake and promoting fat storage.</li> + <li><strong>Gut Dysbiosis:</strong> Processed foods harm gut bacteria diversity, contributing to inflammation and metabolic disorders.</li> + <li><strong>Constant "Fed State":</strong> Snacking on processed carbs prevents the body's natural repair cycles (fasted state).</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-6 col-md-12"> + <div class="info-card card-philosophy" id="card-hormonal-solution"> + <div class="card-body"> + <h5><i class="bi bi-arrow-repeat"></i> The Hormonal Solution</h5> + <div class="card-content-wrapper"> + <p class="summary">Lasting weight loss requires correcting hormonal imbalances, primarily <span class="term">insulin resistance</span>. This means changing *what* and *when* you eat to restore natural <span class="term">satiety signals</span> and metabolic flexibility.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHormonalSolution" aria-expanded="false" aria-controls="collapseHormonalSolution"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseHormonalSolution"> + <h6>Key Principles</h6> + <p>Focus on "fixing" metabolism by aligning with our evolutionary heritage.</p> + <ul> + <li><strong>Eat Real Food:</strong> Prioritize minimally processed plant and animal products. These foods contain natural satiety signals (fats, proteins).</li> + <li><strong>Manage Insulin:</strong> Reduce processed carbohydrate intake to lower blood sugar and insulin levels, improving insulin sensitivity.</li> + <li><strong>Embrace Fasting Periods:</strong> Allow the body to enter fat-burning and repair modes by extending time between meals (e.g., avoiding snacks, intermittent fasting).</li> + <li><strong>Address Emotional Eating:</strong> Recognize that processed carbs can be addictive. Develop healthier coping mechanisms for stress and emotions.</li> + </ul> + <p><span class="term">Obesity</span> is often a symptom of this deeper metabolic and hormonal dysregulation, not a failure of willpower.</p> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- I. CONSISTENCY & MINDSET --> + <div class="schema-container section-foundation" data-section-id="section-consistency-mindset"> + <h2 class="section-title" id="section-consistency-mindset-title">Consistency & Mindset</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-foundation" id="card-imperfect-consistency"> + <div class="card-body"> + <h5><i class="bi bi-calendar-check"></i> Imperfect Consistency</h5> + <div class="card-content-wrapper"> + <p class="summary"><span class="term">Progress over perfection</span> is crucial. Small, sustained changes compound over time. Don't let minor setbacks derail your entire journey.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseImperfectConsistency" aria-expanded="false" aria-controls="collapseImperfectConsistency"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseImperfectConsistency"> + <h6>Key Idea</h6> + <p>Aim for consistency in your core principles most of the time, rather than strict perfection followed by giving up. Acknowledge slip-ups, learn, and get back on track.</p> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>80/20 Rule:</strong> Focus on making good choices 80% of the time. + <li><strong>Non-Scale Victories:</strong> Recognize improvements in energy, mood, and how clothes fit as progress.</li> + <li><strong>Plan for Challenges:</strong> Develop strategies for holidays and social events without abandoning your goals.</li> + <li><strong>Start Small:</strong> Identify ONE processed food item to eliminate this week. Replace it with a whole food alternative.</li> + <li><strong>Plan Ahead:</strong> Dedicate time each week to plan meals and shop for real ingredients.</li> + <li><strong>Journal Your "Why":</strong> Clearly define your long-term health goals. Revisit this when motivation wanes.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-foundation" id="card-time-preference"> + <div class="card-body"> + <h5><i class="bi bi-hourglass-split"></i> Time Preference</h5> + <div class="card-content-wrapper"> + <p class="summary">Cultivate a <span class="term">lower time preference</span>: value long-term health and well-being over the short-term pleasure of processed foods or sugar rushes.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTimePreference" aria-expanded="false" aria-controls="collapseTimePreference"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseTimePreference"> + <h6>Understanding the Concept</h6> + <p>Individuals with a lower time preference are more willing to forgo immediate gratification for larger, later rewards. This mindset is key for dietary changes.</p> + <h6>Connection to Wealth/Health</h6> + <ul> + <li><strong>Investment in Thought:</strong> Those who prioritize long-term outcomes tend to invest more thought into their food choices.</li> + <li><strong>Stress Impact:</strong> Chronic stress often leads to higher time preference (seeking immediate comfort, e.g., sugary foods). Managing stress is crucial.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Define Your "Why":</strong> Clearly articulate your long-term health goals.</li> + <li><strong>Visualize Success:</strong> Regularly imagine yourself achieving your health and weight goals.</li> + <li><strong>Delayed Gratification Practice:</strong> Start small, e.g., waiting an extra hour for a meal if not truly hungry.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-foundation" id="card-habit-formation"> + <div class="card-body"> + <h5><i class="bi bi-arrow-clockwise"></i> Habit Formation</h5> + <div class="card-content-wrapper"> + <p class="summary">Focus on building <span class="term">sustainable habits</span> rooted in whole foods and mindful living. Gradual, intelligent modifications are more effective.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHabitFormation" aria-expanded="false" aria-controls="collapseHabitFormation"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseHabitFormation"> + <h6>Principles</h6> + <p>Transforming your lifestyle requires changing deeply ingrained habits.</p> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Start Small:</strong> Pick one or two achievable changes at a time (e.g., eliminate sugary drinks, add a daily walk).</li> + <li><strong>Identify Triggers:</strong> Understand what cues unhealthy habits and plan alternative responses.</li> + <li><strong>Create a Supportive Environment:</strong> Remove temptations and make healthy choices easy.</li> + <li><strong>Track Progress:</strong> Monitor your new habits to reinforce them. Use daily weigh-ins (as per "overnight trick") as a motivator and data point.</li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- II. DIET TRANSFORMATION: WHAT & WHEN TO EAT --> + <div class="schema-container section-nutrition" data-section-id="section-diet-transformation"> + <h2 class="section-title" id="section-diet-transformation-title">Diet Transformation: What & When</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-nutrition" id="card-processed-problem"> + <div class="card-body"> + <h5><i class="bi bi-slash-circle"></i> The Processed Food Problem</h5> + <div class="card-content-wrapper"> + <p class="summary"><span class="term">Highly processed foods</span> are a primary driver of metabolic dysfunction due to refined carbs, sugar, unhealthy fats, and lack of nutrients/fiber.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseProcessedProblem" aria-expanded="false" aria-controls="collapseProcessedProblem"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseProcessedProblem"> + <h6>Why They Harm</h6> + <ul> + <li><strong>Glycemic Load:</strong> Cause rapid blood sugar and insulin spikes, leading to <span class="term">insulin resistance</span>. Caloric availability is artificially increased.</li> + <li><strong>Nutrient-Poor:</strong> Stripped of fiber, vitamins, minerals, and beneficial fats. Leads to <span class="term">cellular malnutrition</span> despite caloric density.</li> + <li><strong>Gut Disruption:</strong> Lack fiber, high sugar, and additives negatively impact gut microbiota diversity.</li> + <li><strong>Addictive Properties:</strong> Engineered for hyper-palatability, can override natural satiety signals.</li> + <li><strong>Homogeneity:</strong> Limited variety (corn, soy, wheat derivatives) compared to ancestral diets.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Read Labels:</strong> Avoid products with long ingredient lists, unrecognizable items, or added sugars.</li> + <li><strong>Pantry Purge:</strong> Identify and remove all highly processed foods from your home. If it has a long list of unpronounceable ingredients, it's likely processed.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-nutrition" id="card-wholefoods-solution"> + <div class="card-body"> + <h5><i class="bi bi-egg-fried"></i> Ancestral Whole Foods Solution</h5> + <div class="card-content-wrapper"> + <p class="summary">Prioritize <span class="term">minimally processed, whole foods</span>: diverse plants, quality proteins, and healthy fats. This nourishes cells and restores satiety.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWholefoodsSolution" aria-expanded="false" aria-controls="collapseWholefoodsSolution"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseWholefoodsSolution"> + <h6>Core Components</h6> + <ul> + <li><strong>Lean Proteins & Healthy Fats:</strong> Grass-fed meats, wild fish, eggs, avocado, nuts, seeds, olive oil. Crucial for satiety (leptin) and hormone balance.</li> + <li><strong>Diverse Fiber-Rich Plants:</strong> A wide variety of non-starchy vegetables, some low-sugar fruits, legumes (if tolerated). Feeds gut biome, moderates blood sugar.</li> + <li><strong>Eliminate/Drastically Reduce:</strong> Processed carbs (sugar, refined grains), seed oils, artificial sweeteners (aim to reduce sweet taste reliance).</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Shop the Perimeter:</strong> Focus on fresh produce, meat, and dairy sections of the grocery store.</li> + <li><strong>Embrace Real Food Cooking:</strong> Learn simple recipes using whole ingredients.</li> + <li><strong>Prioritize Protein & Fat at Each Meal:</strong> This will naturally help control hunger and reduce carb cravings.</li> + <li><strong>Mindful Eating:</strong> Eat slowly, without distractions, paying attention to your body's true hunger and fullness signals.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-timing" id="card-meal-timing-diet"> <!-- Changed to timing color, added -diet to ID --> + <div class="card-body"> + <h5><i class="bi bi-clock-history"></i> Meal Timing & Fasting Cycles</h5> + <div class="card-content-wrapper"> + <p class="summary">Restore insulin sensitivity and allow for bodily repair by creating distinct <span class="term">fed and fasted states</span>. Avoid constant snacking, especially on processed carbs.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMealTimingDiet" aria-expanded="false" aria-controls="collapseMealTimingDiet"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMealTimingDiet"> + <h6>Why It Matters</h6> + <ul> + <li><strong>Insulin Spikes:</strong> Frequent carb-heavy meals keep insulin elevated, preventing fat burning and promoting storage.</li> + <li><strong>Repair Processes:</strong> The body shifts to repair and regeneration during fasted states. Constant eating disrupts this.</li> + <li><strong>"Overnight Trick":</strong> Extending your nighttime fast (e.g., no food after 8 PM, none before noon) can deplete blood sugar and initiate fat burning (ketone production).</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Eliminate Snacking:</strong> Focus on satisfying meals. If hungry between meals, drink water or unsweetened tea/coffee.</li> + <li><strong>Define an Eating Window:</strong> Gradually work towards a time-restricted eating pattern (e.g., 8-10 hour eating window).</li> + <li><strong>Finish Eating Earlier:</strong> Avoid large meals late at night.</li> + <li><strong>Daily Weigh-in (as motivator):</strong> Use morning weigh-ins to track progress with fasting strategies.</li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- III. CIRCADIAN RHYTHMS & INTERMITTENT FASTING --> + <div class="schema-container section-timing" data-section-id="section-circadian-fasting"> + <h2 class="section-title" id="section-circadian-fasting-title">Circadian Rhythms & Fasting</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-timing" id="card-circadian-sync"> + <div class="card-body"> + <h5><i class="bi bi-brightness-alt-high"></i> Sync with Your Body Clock</h5> + <div class="card-content-wrapper"> + <p class="summary">Align eating, sleep, and light exposure with your body's natural 24-hour <span class="term">circadian rhythms</span> to optimize metabolism and hormone function.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCircadianSync" aria-expanded="false" aria-controls="collapseCircadianSync"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseCircadianSync"> + <h6>Impact on Weight</h6> + <p>Misalignment (e.g., irregular sleep, late-night eating) disrupts metabolism, increases fat storage, and hinders weight loss efforts.</p> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Consistent Sleep:</strong> Aim for regular sleep and wake times, even on weekends. 7-9 hours is ideal.</li> + <li><strong>Morning Light:</strong> Get natural sunlight exposure early in the day.</li> + <li><strong>Limit Evening Blue Light:</strong> Reduce screen time an hour or two before bed.</li> + <li><strong>Eat Earlier:</strong> Consume the majority of your calories earlier in the day. Avoid large meals or snacks close to bedtime.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-timing" id="card-fasted-state"> + <div class="card-body"> + <h5><i class="bi bi-battery-charging"></i> Power of the Fasted State</h5> + <div class="card-content-wrapper"> + <p class="summary">The body is designed to oscillate between fed (absorption) and <span class="term">fasted</span> (repair, growth, fat burning) states. Constant eating prevents adequate fasting time.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFastedState" aria-expanded="false" aria-controls="collapseFastedState"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseFastedState"> + <h6>Benefits of Fasting</h6> + <ul> + <li><strong>Insulin Sensitivity:</strong> Allows insulin levels to fall, improving cellular response.</li> + <li><strong>Fat Burning:</strong> After glucose/glycogen depletion, the body taps into stored fat (ketogenesis).</li> + <li><strong>Cellular Repair (Autophagy):</strong> Fasting triggers processes that clear out damaged cells and regenerate new ones.</li> + <li><strong>Hormonal Balance:</strong> Can positively influence growth hormone and other metabolic hormones.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Start with Your "Overnight Trick":</strong> Extend your nighttime fast (e.g., 12-16 hours). Drink water with a pinch of sea salt if needed for electrolytes.</li> + <li><strong>Gradually Introduce an Eating Window:</strong> Aim for an 8-10 hour eating window daily (e.g., 12 PM - 8 PM).</li> + <li><strong>Listen to Your Body:</strong> Don't push too hard too fast. Adjust as needed.</li> + <li><strong>Stay Hydrated:</strong> Drink plenty of water, black coffee, or unsweetened tea during fasts.</li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- IV. MOVEMENT --> + <div class="schema-container section-movement" data-section-id="section-movement-activity"> + <h2 class="section-title" id="section-movement-activity-title">Movement & Activity</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-movement" id="card-redefine-exercise"> + <div class="card-body"> + <h5><i class="bi bi-person-walking"></i> Redefining Exercise's Role</h5> + <div class="card-content-wrapper"> + <p class="summary">Movement is crucial for <span class="term">metabolic health</span> and <span class="term">emotional balance</span>, not just burning calories. Our ancestors were active, not "exercisers."</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseRedefineExercise" aria-expanded="false" aria-controls="collapseRedefineExercise"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseRedefineExercise"> + <h6>Beyond Calorie Deficit</h6> + <ul> + <li><strong>Endorphin Release:</strong> Exercise provides a healthy alternative to the mood lift from carbs, reducing emotional dependency.</li> + <li><strong>Improved Insulin Sensitivity:</strong> Regular movement enhances glucose handling.</li> + <li><strong>Muscle Preservation/Building:</strong> Strength training boosts metabolism.</li> + <li><strong>Overall Well-being:</strong> Improves mood, sleep, and stress resilience.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Find Joyful Movement:</strong> Choose activities you genuinely enjoy (walking, dancing, cycling, sports).</li> + <li><strong>Focus on Endorphins:</strong> Notice how you feel *after* movement. Use it for stress relief.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-movement" id="card-types-movement"> + <div class="card-body"> + <h5><i class="bi bi-bicycle"></i> Types of Beneficial Movement</h5> + <div class="card-content-wrapper"> + <p class="summary">Incorporate a mix of <span class="term">cardio, strength</span>, flexibility, and <span class="term">NEAT</span> (Non-Exercise Activity Thermogenesis) for holistic benefits.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTypesMovement" aria-expanded="false" aria-controls="collapseTypesMovement"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseTypesMovement"> + <h6>Key Types</h6> + <ul> + <li><strong>Cardiovascular Exercise:</strong> Brisk walking, running, cycling, swimming (aim for 150+ min/week moderate intensity).</li> + <li><strong>Strength Training:</strong> Lifting weights, bodyweight exercises (2-3 times/week) to build/preserve muscle.</li> + <li><strong>Flexibility & Mobility:</strong> Yoga, stretching, somatic exercises for range of motion and injury prevention.</li> + <li><strong>NEAT:</strong> Increase daily movement – walk more, take stairs, garden, fidget. This can significantly impact daily energy expenditure.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Start Slowly:</strong> Gradually increase intensity and duration.</li> + <li><strong>Make it a Habit:</strong> Schedule movement like any other important appointment.</li> + <li><strong>Incorporate NEAT:</strong> Set reminders to stand up, walk during calls, park further away.</li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- V. HYDRATION --> + <div class="schema-container section-hydration" data-section-id="section-hydration-water"> + <h2 class="section-title" id="section-hydration-water-title">Hydration</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-hydration" id="card-hydration-hero"> + <div class="card-body"> + <h5><i class="bi bi-droplet-fill"></i> Hydration: The Unsung Hero</h5> + <div class="card-content-wrapper"> + <p class="summary">Water is essential for <span class="term">metabolizing fat</span>, can boost metabolism, and helps control appetite. Often overlooked but critical.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHydrationHero" aria-expanded="false" aria-controls="collapseHydrationHero"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseHydrationHero"> + <h6>Key Roles</h6> + <ul> + <li><strong>Metabolic Boost & Fat Burning:</strong> Water is vital for lipolysis (fat breakdown). Cold water may slightly increase calorie burn.</li> + <li><strong>Appetite Control:</strong> Drinking water, especially before meals, can increase fullness. Thirst is often mistaken for hunger.</li> + <li><strong>Cellular Function:</strong> Essential for nearly all bodily processes.</li> + <li><strong>Electrolyte Balance:</strong> Crucial, especially with low-carb diets or fasting. Consider water with sea salt.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Water First:</strong> Make water your primary beverage.</li> + <li><strong>Carry a Bottle:</strong> Keep water accessible and sip throughout the day.</li> + <li><strong>Listen to Thirst:</strong> Drink when thirsty, but also aim for consistent intake (general guide: 8-10 glasses, individual needs vary).</li> + <li><strong>Limit Sugary Drinks:</strong> These add empty calories and disrupt metabolic health.</li> + </ul> + </div> + </div> + </div> + <!-- Add more cards if needed, e.g., specific hydration targets, types of fluids --> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- VI. STRESS MITIGATION & EMOTIONAL REGULATION --> + <div class="schema-container section-mindset" data-section-id="section-stress-emotion"> + <h2 class="section-title" id="section-stress-emotion-title">Stress & Emotional Health</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-mindset" id="card-stress-saboteur"> + <div class="card-body"> + <h5><i class="bi bi-cloud-lightning-rain"></i> Stress: The Weight Saboteur</h5> + <div class="card-content-wrapper"> + <p class="summary">Chronic stress elevates <span class="term">cortisol</span>, increasing appetite (especially for comfort foods), promoting belly fat, and impairing decision-making.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseStressSaboteur" aria-expanded="false" aria-controls="collapseStressSaboteur"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseStressSaboteur"> + <h6>How Stress Impacts Weight</h6> + <ul> + <li><strong>Cortisol Elevation:</strong> Leads to increased cravings for high-calorie, palatable foods.</li> + <li><strong>Visceral Fat Storage:</strong> Cortisol preferentially stores fat around the abdomen.</li> + <li><strong>Impaired "Time Preference":</strong> Stress makes it harder to make long-term healthy choices.</li> + <li><strong>Sleep Disruption:</strong> Stress often interferes with sleep, further dysregulating hormones.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Identify Stressors:</strong> Recognize personal triggers for stress and stress-eating.</li> + <li><strong>Prioritize Sleep:</strong> Aim for 7-9 hours of quality sleep for hormone regulation.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-mindset" id="card-carb-addiction"> + <div class="card-body"> + <h5><i class="bi bi-bandaid"></i> Carbs & Emotional Coping</h5> + <div class="card-content-wrapper"> + <p class="summary">Processed <span class="term">carbohydrates can be addictive</span>, activating endorphins to self-medicate stress, anxiety, or depression. Breaking this cycle is key.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCarbAddiction" aria-expanded="false" aria-controls="collapseCarbAddiction"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseCarbAddiction"> + <h6>The Addiction Parallel</h6> + <ul> + <li><strong>Endorphin Activation:</strong> Similar to other substances, refined carbs provide a quick mood lift.</li> + <li><strong>Lack of Satiety Signal:</strong> Unlike protein/fat, humans have no evolved satiety mechanism for refined carbs, leading to overconsumption.</li> + <li><strong>Emotional Dependence:</strong> Food becomes a primary tool for emotional regulation.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Recognize Emotional Eating:</strong> Differentiate true hunger from emotional cravings.</li> + <li><strong>Complete Elimination (Initially):</strong> For "carb addicts," completely removing processed carbs might be necessary, similar to abstaining from alcohol.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-mindset" id="card-healthy-coping"> + <div class="card-body"> + <h5><i class="bi bi-peace"></i> Healthy Coping Mechanisms</h5> + <div class="card-content-wrapper"> + <p class="summary">Develop <span class="term">non-food strategies</span> to manage stress and emotions, reducing reliance on food for comfort and mood regulation.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHealthyCoping" aria-expanded="false" aria-controls="collapseHealthyCoping"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseHealthyCoping"> + <h6>Effective Techniques</h6> + <ul> + <li><strong>Mindfulness & Meditation:</strong> Focus on the present, reduce worry.</li> + <li><strong>Deep Breathing Exercises:</strong> Calms the nervous system.</li> + <li><strong>Physical Activity:</strong> A powerful endorphin releaser and stress reliever (walking, yoga, etc.).</li> + <li><strong>Hobbies & Creative Outlets:</strong> Engage in enjoyable activities.</li> + <li><strong>Social Connection:</strong> Connect with supportive people.</li> + <li><strong>Journaling:</strong> Process thoughts and emotions.</li> + <li><strong>Strategic Use of Coffee/Tea:</strong> Can provide a ritual and mild mood lift without sugar.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Experiment:</strong> Find what stress-reduction techniques work best for you.</li> + <li><strong>Build a Toolkit:</strong> Have several go-to strategies for different situations.</li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- VII. NUTRIENT MAXIMIZATION --> + <div class="schema-container section-optimization" data-section-id="section-nutrient-max"> + <h2 class="section-title" id="section-nutrient-max-title">Nutrient Maximization</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-optimization" id="card-nutrient-density"> + <div class="card-body"> + <h5><i class="bi bi-basket2-fill"></i> Prioritize Nutrient Density</h5> + <div class="card-content-wrapper"> + <p class="summary">Focus on <span class="term">whole, nutrient-dense foods</span> rich in vitamins, minerals, phytonutrients, and fiber to truly nourish your cells.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseNutrientDensity" aria-expanded="false" aria-controls="collapseNutrientDensity"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseNutrientDensity"> + <h6>Why It's Crucial</h6> + <ul> + <li><strong>Cellular Health:</strong> Provides the building blocks for all bodily functions.</li> + <li><strong>Avoiding Deficiencies:</strong> Especially important when reducing calories.</li> + <li><strong>Satiety & Energy:</strong> Nutrient-rich foods are more satisfying.</li> + <li><strong>Obesity as Malnutrition:</strong> Processed food diets can lead to <span class="term">cellular malnutrition</span> despite caloric excess, driving cravings.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Eat the Rainbow:</strong> Incorporate a wide variety of colorful fruits and vegetables.</li> + <li><strong>Choose Quality Proteins & Fats:</strong> Grass-fed, wild-caught, pasture-raised options are often more nutrient-dense.</li> + <li><strong>Minimize Anti-Nutrients:</strong> Consider proper preparation for grains/legumes if consumed (soaking, sprouting).</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-optimization" id="card-supplements-critical"> + <div class="card-body"> + <h5><i class="bi bi-capsule"></i> Supplements: A Critical Look</h5> + <div class="card-content-wrapper"> + <p class="summary">Supplements are <span class="term">not a fix for a bad diet</span>. Prioritize whole foods. Use supplements strategically under professional guidance if needed.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSupplementsCritical" aria-expanded="false" aria-controls="collapseSupplementsCritical"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseSupplementsCritical"> + <h6>When to Consider (Consult a Professional)</h6> + <ul> + <li><strong>Diagnosed Deficiencies:</strong> E.g., Vitamin D, iron, B12, magnesium.</li> + <li><strong>Specific Life Stages:</strong> Pregnancy, lactation.</li> + <li><strong>Certain Medical Conditions or Medications:</strong> That interfere with nutrient absorption or increase needs.</li> + <li><strong>Very Restrictive Diets:</strong> Though the goal should be a diverse whole-food diet.</li> + </ul> + <h6>Caution</h6> + <ul> + <li><strong>"Antioxidant" Pills & Mega-Doses:</strong> Often not scientifically sound and can be harmful. Focus on dietary antioxidants.</li> + <li><strong>Quality Matters:</strong> If using supplements, choose reputable brands.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Food First:</strong> Aim to get all your nutrients from a diverse, whole-food diet.</li> + <li><strong>Professional Advice:</strong> Consult a healthcare professional or registered dietitian before starting supplements.</li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- VIII. IDENTIFY AND RESHAPE YOUR ENVIRONMENT --> + <div class="schema-container section-optimization" data-section-id="section-environment-reshape"> + <h2 class="section-title" id="section-environment-reshape-title">Reshape Your Environment</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-optimization" id="card-obesogenic-env"> + <div class="card-body"> + <h5><i class="bi bi-house-exclamation"></i> The Obesogenic Environment</h5> + <div class="card-content-wrapper"> + <p class="summary">Modern environments often promote unhealthy choices. Actively <span class="term">shape your surroundings</span> to support your health goals.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseObesogenicEnv" aria-expanded="false" aria-controls="collapseObesogenicEnv"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseObesogenicEnv"> + <h6>Environmental Factors</h6> + <ul> + <li><strong>Food Availability:</strong> Easy access to cheap, processed, hyper-palatable foods.</li> + <li><strong>Marketing & Social Norms:</strong> Constant bombardment with unhealthy food messages.</li> + <li><strong>Sedentary Lifestyles:</strong> Environments encouraging less physical activity.</li> + <li><strong>Misguided Influences:</strong> Agricultural subsidies and past government guidelines have sometimes promoted unhealthy food patterns.</li> + </ul> + <span class="action-guide-title">Action Guide: Home Environment</span> + <ul> + <li><strong>Pantry & Fridge Makeover:</strong> Stock with whole, unprocessed foods. Make healthy options the easiest options. Remove temptations.</li> + <li><strong>Mindful Eating Space:</strong> Eat at a table, free from distractions like TV.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-optimization" id="card-social-work-env"> + <div class="card-body"> + <h5><i class="bi bi-people-fill"></i> Social & Work Environments</h5> + <div class="card-content-wrapper"> + <p class="summary">Navigate social situations and workplace challenges by <span class="term">planning ahead</span> and building a <span class="term">supportive network</span>.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSocialWorkEnv" aria-expanded="false" aria-controls="collapseSocialWorkEnv"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseSocialWorkEnv"> + <h6>Strategies</h6> + <ul> + <li><strong>Social Eating:</strong> Check menus beforehand, choose healthier options, eat a small healthy snack before going out to avoid overindulging.</li> + <li><strong>Communicate Your Goals:</strong> Let friends and family know about your health journey so they can be supportive.</li> + <li><strong>Workplace:</strong> Bring healthy lunches and snacks. Avoid office candy bowls or breakroom temptations. Suggest healthier options for group events.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Be Prepared:</strong> Always have healthy snacks on hand (nuts, fruit, jerky).</li> + <li><strong>Politely Decline:</strong> Practice saying "no thank you" to unhealthy offerings.</li> + <li><strong>Find Like-Minded People:</strong> Connect with others who share your health goals.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-optimization" id="card-food-access"> + <div class="card-body"> + <h5><i class="bi bi-geo-alt"></i> Food Access & Choices</h5> + <div class="card-content-wrapper"> + <p class="summary">Nutritious, whole foods <span class="term">can be found affordably</span> if you know what to look for, even in unexpected places. Focus on smart choices.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFoodAccess" aria-expanded="false" aria-controls="collapseFoodAccess"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseFoodAccess"> + <h6>Making Healthy Choices Accessible</h6> + <p>While "food deserts" exist, many affordable whole foods are widely available (e.g., canned/frozen vegetables, eggs, beans, seasonal produce).</p> + <ul> + <li><strong>Challenge Perceptions:</strong> You don't need expensive "health foods" from premium stores. Staples like bananas, eggs, canned tuna, and milk are often inexpensive.</li> + <li><strong>Gas Station Example (Frank Beard):</strong> Even convenience stores can offer healthier options like fruit, nuts, salads if you look for them.</li> + </ul> + <span class="action-guide-title">Action Guide:</span> + <ul> + <li><strong>Plan Meals Around Sales/Seasonal Items.</strong></li> + <li><strong>Buy in Bulk (when sensible):</strong> For staples like rice, beans, oats (if part of your plan).</li> + <li><strong>Learn to Cook Simple, Affordable Meals.</strong></li> + </ul> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + + <!-- IX. BIO-MARKER TESTING --> + <div class="schema-container section-testing" data-section-id="section-biomarker-testing"> + <h2 class="section-title" id="section-biomarker-testing-title">Bio-Marker Testing</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-testing" id="card-why-test"> + <div class="card-body"> + <h5><i class="bi bi-clipboard-data"></i> Why Test Bio-Markers?</h5> + <div class="card-content-wrapper"> + <p class="summary">Gain insights into your unique <span class="term">metabolic health</span>, identify underlying issues, personalize your approach, and track progress beyond the scale.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWhyTest" aria-expanded="false" aria-controls="collapseWhyTest"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseWhyTest"> + <h6>Benefits of Testing</h6> + <ul> + <li><strong>Personalization:</strong> Tailor diet and lifestyle changes to your specific biology.</li> + <li><strong>Identify Root Causes:</strong> Uncover issues like insulin resistance, thyroid problems, or nutrient deficiencies that hinder weight loss.</li> + <li><strong>Motivation & Tracking:</strong> See objective improvements in health markers.</li> + <li><strong>Early Detection:</strong> Catch potential health problems before they become severe.</li> + </ul> + <p>Always consult a healthcare professional for ordering tests and interpreting results.</p> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-testing" id="card-common-biomarkers"> + <div class="card-body"> + <h5><i class="bi bi-heart-pulse"></i> Common Metabolic Markers</h5> + <div class="card-content-wrapper"> + <p class="summary">Key tests include <span class="term">fasting insulin/glucose</span>, lipid panel, thyroid hormones, Vitamin D, and inflammatory markers. Discuss with your doctor.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCommonBiomarkers" aria-expanded="false" aria-controls="collapseCommonBiomarkers"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseCommonBiomarkers"> + <h6>Key Tests to Discuss:</h6> + <ul> + <li><strong>Fasting Insulin & Glucose (HOMA-IR):</strong> To assess insulin resistance. (Crucial based on your philosophy)</li> + <li><strong>HbA1c:</strong> Average blood sugar over 2-3 months.</li> + <li><strong>Lipid Panel (Full):</strong> Cholesterol (HDL, LDL, Total), Triglycerides. (Triglyceride/HDL ratio is a good indicator).</li> + <li><strong>Thyroid Panel (Comprehensive):</strong> TSH, Free T3, Free T4, Reverse T3, Thyroid Antibodies.</li> + <li><strong>Vitamin D (25-hydroxyvitamin D).</strong></li> + <li><strong>Inflammatory Markers:</strong> hs-CRP (high-sensitivity C-reactive protein).</li> + <li><strong>(Emerging) Gut Microbiome Analysis:</strong> May offer insights in the future.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card card-testing" id="card-testing-action"> + <div class="card-body"> + <h5><i class="bi bi-person-check"></i> Testing Action Plan</h5> + <div class="card-content-wrapper"> + <p class="summary">Partner with your healthcare professional to <span class="term">order appropriate tests</span>, understand your results, and use them to guide your health journey.</p> + <button class="btn btn-sm details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTestingAction" aria-expanded="false" aria-controls="collapseTestingAction"> + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseTestingAction"> + <h6>Partnering with Your Doctor:</h6> + <ul> + <li><strong>Advocate for Comprehensive Testing:</strong> Don't settle for basic screens if you suspect metabolic issues or have a family history.</li> + <li><strong>Understand Your Results:</strong> Ask questions. Learn what your numbers mean and what optimal ranges are (not just "normal" lab ranges).</li> + <li><strong>Track Progress:</strong> Re-testing can demonstrate the impact of your lifestyle changes on your internal health.</li> + <li><strong>Personalize Your Approach:</strong> Use test results to fine-tune your diet, supplements (if needed), and lifestyle.</li> + </ul> + <p>Bio-marker testing is a powerful tool for taking control of your metabolic health.</p> + </div> + </div> + </div> + </div> <!-- /.row --> + </div> <!-- /.schema-container --> + +</div> <!-- /container --> + +<footer class="container text-center pb-3"> + <p class="mb-2">© <span id="currentYear"></span> Weight Loss Cheatsheet. <br> This information is for educational purposes and not medical advice. Consult a healthcare professional.</p> + <div> + <a href="https://www.niddk.nih.gov/health-information/weight-management" title="NIH Weight Management" target="_blank" rel="noopener noreferrer" class="mx-2 link-secondary"> + <i class="bi bi-universal-access"></i> NIH Weight Info + </a> + <a href="https://www.hsph.harvard.edu/nutritionsource/" title="Harvard Nutrition Source" target="_blank" rel="noopener noreferrer" class="mx-2 link-secondary"> + <i class="bi bi-book"></i> Harvard Nutrition + </a> + <a href="http://cheatsheets.davidveksler.com/" title="Browse All Cheatsheets" class="mx-2 link-secondary"> + <i class="bi bi-collection"></i> All Cheatsheets + </a> + </div> + <div> + <a href="https://www.linkedin.com/in/davidveksler/" title="David Veksler on LinkedIn" target="_blank" rel="noopener noreferrer" class="mx-2 link-secondary"> + <i class="bi bi-linkedin"></i> LinkedIn + </a> + </div> +</footer> + +<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> +<script> +document.addEventListener('DOMContentLoaded', () => { + const mainContainer = document.getElementById('main-container'); + let currentHoverState = { card: null, line: null }; + + function debounce(func, wait) { + let timeout; + return function executedFunction(...args) { + const later = () => { + clearTimeout(timeout); + func(...args); + }; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + }; + } + + function getElementColor(element) { + if (!element) return '#6b7280'; // Default grey + const card = element.closest('.info-card') || element; + const section = element.closest('.schema-container'); + let color = window.getComputedStyle(card).getPropertyValue('--db-category-color').trim(); + if (!color || color === 'initial' || color === 'inherit') { + color = section ? window.getComputedStyle(section).getPropertyValue('--db-category-color').trim() : '#6b7280'; + } + return color || '#6b7280'; + } + + function clearHoverState(forceClear = false) { + const isMouseStillOverCard = currentHoverState.card && currentHoverState.card.matches(':hover'); + if (forceClear || !isMouseStillOverCard) { + if (currentHoverState.line) { + try { currentHoverState.line.remove(); } catch (e) { /* console.warn("Error removing line:", e); */ } + currentHoverState.line = null; + } + mainContainer.classList.remove('is-dimmed'); + if (currentHoverState.card) { + currentHoverState.card.classList.remove('is-highlighted'); + const oldSchemaContainer = currentHoverState.card.closest('.schema-container'); + if (oldSchemaContainer) { + oldSchemaContainer.classList.remove('is-highlighted-section'); + } + currentHoverState.card = null; + } + } + } + + function applyHoverState(card) { + if (!card || card === currentHoverState.card) return; + + clearHoverState(true); // Force clear previous state + + const schemaContainer = card.closest('.schema-container'); + const sectionHeader = schemaContainer ? schemaContainer.querySelector('.section-title') : null; + + currentHoverState.card = card; // Set current card early + mainContainer.classList.add('is-dimmed'); + card.classList.add('is-highlighted'); + if (schemaContainer) schemaContainer.classList.add('is-highlighted-section'); + + if (!sectionHeader || !card.id || !sectionHeader.id) { + // console.warn("Missing ID on card or section header for line drawing:", card, sectionHeader); + return; // No line if IDs are missing, but highlighting still works + } + + try { + const startElement = document.getElementById(sectionHeader.id); + const endElement = document.getElementById(card.id); + + if (!startElement || !endElement) { + throw new Error(`LeaderLine: Could not find elements ${sectionHeader.id} or ${card.id}`); + } + if (typeof LeaderLine === 'undefined') { + // console.error("LeaderLine library not loaded."); + return; + } + const cardColor = getElementColor(card); + const line = new LeaderLine( + startElement, endElement, + { + color: cardColor, size: 2.5, path: 'fluid', + startSocket: 'bottom', endSocket: 'top', + startSocketGravity: [0, -25], endSocketGravity: [0, 25], + dash: { animation: true, len: 7, gap: 3 }, + } + ); + currentHoverState.line = line; + } catch (e) { + // console.error("LeaderLine error:", e); + // Don't clear hover state here, allow highlighting to persist if line fails + } + } + + mainContainer.addEventListener('mouseover', (event) => { + const targetCard = event.target.closest('.info-card'); + if (targetCard && targetCard !== currentHoverState.card) { + applyHoverState(targetCard); + } + }); + + mainContainer.addEventListener('mouseout', (event) => { + const relatedTarget = event.relatedTarget; + const currentCard = currentHoverState.card; + if (currentCard && (event.target === currentCard || currentCard.contains(event.target)) && !currentCard.contains(relatedTarget) && (!relatedTarget?.closest('.info-card') || !mainContainer.contains(relatedTarget))) { + setTimeout(() => { + if (!mainContainer.querySelector('.info-card:hover')) { + clearHoverState(false); + } + }, 60); + } + }); + + const positionLines = debounce(() => { + if (currentHoverState.line) { + try { + if (currentHoverState.line && typeof currentHoverState.line.position === 'function') { + currentHoverState.line.position(); + } else if (currentHoverState.line) { + clearHoverState(true); + } + } catch (e) { + clearHoverState(true); + } + } + }, 100); + + window.addEventListener('resize', positionLines); + window.addEventListener('scroll', positionLines, { passive: true }); + + const collapseElements = document.querySelectorAll('.collapse'); + collapseElements.forEach(collapseEl => { + const button = document.querySelector(`.details-toggle[data-bs-target="#${collapseEl.id}"]`); + const icon = button ? button.querySelector('.bi') : null; + if (button && icon) { + const updateIconAndPosition = () => { + if (collapseEl.classList.contains('show')) { + icon.classList.remove('bi-chevron-down'); icon.classList.add('bi-chevron-up'); + button.setAttribute('aria-expanded', 'true'); + } else { + icon.classList.remove('bi-chevron-up'); icon.classList.add('bi-chevron-down'); + button.setAttribute('aria-expanded', 'false'); + } + // Only call positionLines if a line is active to avoid unnecessary computations + if (currentHoverState.line) { + positionLines(); + } + }; + + updateIconAndPosition(); + + collapseEl.addEventListener('show.bs.collapse', () => { updateIconAndPosition(); setTimeout(positionLines, 50); }); + collapseEl.addEventListener('shown.bs.collapse', positionLines); + collapseEl.addEventListener('hide.bs.collapse', () => { updateIconAndPosition(); setTimeout(positionLines, 50); }); + collapseEl.addEventListener('hidden.bs.collapse', positionLines); + } + }); + + document.getElementById('currentYear').textContent = new Date().getFullYear(); +}); +</script> +</body> +</html> \ No newline at end of file