Update living-richly-guide.html

D David Veksler · 1 year ago 986e31b71ae6bda22e87ebe2b7141548c38ed1be
Parent: 21379cb62

1 file changed +938 −376

Diff

diff --git a/living-richly-guide.html b/living-richly-guide.html
index 7be669f..49df2a7 100644
--- a/living-richly-guide.html
+++ b/living-richly-guide.html
@@ -1,376 +1,938 @@
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>The Wealthy Demeanor: 10 Blueprints to Living Richer (Without a Fortune)</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="Discover 10 practical blueprints to cultivate a wealthy demeanor and mindset, even without a large bank account. Actionable tips for a richer life, focusing on habits, perspective, and smart choices."
-  />
-  <!-- Updated Canonical URL -->
-  <link rel="canonical" href="https://cheatsheets.davidveksler.com/living-richly-guide.html" />
-
-  <!-- Social Media Metadata -->
-  <meta property="og:title" content="The Wealthy Demeanor: 10 Blueprints to Living Richer (No Fortune Needed)" />
-  <meta
-    property="og:description"
-    content="It's not about your bank balance. Learn 10 powerful ways to cultivate a millionaire's mindset, habits, and presence in your everyday life. Start living richer today."
-  />
-  <meta property="og:type" content="article" />
-  <!-- OG URL should also match the canonical if this is the primary page -->
-  <meta property="og:url" content="https://cheatsheets.davidveksler.com/living-richly-guide.html" />
-  <meta property="og:image" content="https://davidveksler.com/images/living-richly-og-image.png" />
-  <!-- Placeholder - update this path if image location changes relative to new domain -->
-  <meta
-    property="og:image:alt"
-    content="A visual representing living a rich life through mindset and habits, not just money."
-  />
-  <meta property="og:site_name" content="David Veksler's Cheatsheets" />
-  <!-- Updated site name slightly -->
-
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta name="twitter:image" content="https://davidveksler.com/images/living-richly-og-image.png" />
-  <!-- Placeholder - update this path if image location changes -->
-  <meta name="twitter:title" content="Live a Richer Life: 10 Mindset Blueprints (Even if You're Broke)" />
-  <meta
-    name="twitter:description"
-    content="Unlock the secrets to a wealthy demeanor without needing a fortune. 10 practical strategies focusing on mindset, habits, and conscious living. #LiveRich #Mindset #WealthHabits"
-  />
-
-  <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" />
-  <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=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap"
-    rel="stylesheet"
-  />
-
-  <style>
-    :root {
-      --color-onyx: #2c3333; /* Deep Charcoal/Onyx */
-      --color-gold: #d4af37; /* Rich Gold/Amber */
-      --color-cream: #f5f5dc; /* Creamy Off-White */
-      --color-sapphire: #0f52ba; /* Sapphire Blue accent */
-      --color-light-grey: #eaeaea;
-      --color-text-main: var(--color-onyx);
-      --color-text-secondary: #575757;
-      --color-text-on-dark: var(--color-cream);
-      --color-text-on-gold: var(--color-onyx);
-
-      --font-serif: "Cormorant Garamond", serif;
-      --font-sans-serif: "Lato", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-
-      --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.07);
-      --shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.1);
-      --shadow-strong: 0 8px 25px rgba(0, 0, 0, 0.15);
-    }
-
-    body {
-      background-color: var(--color-cream);
-      font-family: var(--font-sans-serif);
-      color: var(--color-text-main);
-      font-size: 17px;
-      line-height: 1.7;
-      padding-bottom: 3rem;
-    }
-
-    .page-header {
-      background: linear-gradient(135deg, var(--color-onyx), #4a5050);
-      color: var(--color-text-on-dark);
-      padding: 4rem 1.5rem;
-      text-align: center;
-      margin-bottom: 3rem;
-      border-bottom: 5px solid var(--color-gold);
-    }
-    .page-header h1 {
-      font-family: var(--font-serif);
-      font-weight: 700;
-      font-size: 3.5rem;
-      letter-spacing: 1px;
-      margin-bottom: 0.75rem;
-      color: var(--color-gold);
-    }
-    .page-header h1 .bi {
-      font-size: 0.8em;
-      vertical-align: -0.05em;
-      margin-right: 0.5em;
-      color: var(--color-cream);
-    }
-    .page-header .lead {
-      font-family: var(--font-sans-serif);
-      font-weight: 300;
-      font-size: 1.25rem;
-      max-width: 850px;
-      margin: auto;
-      color: var(--color-light-grey);
-      opacity: 0.9;
-    }
-
-    .section-container {
-      background-color: transparent;
-      padding: 1rem 0;
-      margin-bottom: 3rem;
-    }
-
-    .section-title-wrapper {
-      text-align: center;
-      margin-bottom: 2.5rem;
-      position: relative;
-    }
-    .section-title-wrapper::before,
-    .section-title-wrapper::after {
-      content: "";
-      display: block;
-      width: 80px;
-      height: 2px;
-      background-color: var(--color-gold);
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-    }
-    .section-title-wrapper::before {
-      left: calc(50% - 50px - 190px);
-    } /* Adjusted for title width */
-    .section-title-wrapper::after {
-      right: calc(50% - 50px - 190px);
-    } /* Adjusted for title width */
-
-    .section-main-title {
-      color: var(--color-onyx);
-      font-family: var(--font-serif);
-      font-weight: 600;
-      font-size: 2.8rem;
-      letter-spacing: 0.5px;
-      display: inline-block;
-      padding: 0 1.5rem;
-      position: relative;
-    }
-
-    .principle-card {
-      background: #fff;
-      border: 1px solid var(--color-light-grey);
-      border-radius: 8px;
-      box-shadow: var(--shadow-medium);
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      transition: box-shadow 0.25s ease, transform 0.25s ease;
-      position: relative;
-    }
-
-    .principle-card:hover {
-      box-shadow: var(--shadow-strong);
-      transform: translateY(-5px);
-    }
-
-    .principle-card .card-header-custom {
-      color: var(--color-text-on-gold);
-      background-color: var(--color-gold);
-      font-family: var(--font-serif);
-      font-size: 1.4rem;
-      text-align: center;
-      margin: 0;
-      padding: 1rem 0.8rem;
-      font-weight: 600;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 0.7rem;
-      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-      border-radius: 7px 7px 0 0;
-    }
-    .principle-card .card-header-custom .bi {
-      font-size: 1.2em;
-      opacity: 0.85;
-    }
-    .card-content-wrapper {
-      padding: 1.5rem;
-      flex-grow: 1;
-      display: flex;
-      flex-direction: column;
-    }
-    .principle-card p.summary {
-      font-size: 1rem;
-      color: var(--color-text-secondary);
-      margin-bottom: 1.5rem;
-      flex-grow: 1;
-      line-height: 1.75;
-    }
-
-    .details-section {
-      font-size: 0.95rem;
-      background-color: #fdfdfd;
-      border-top: 1px solid var(--color-light-grey);
-      padding: 1.5rem;
-      margin: 0;
-      border-radius: 0 0 7px 7px;
-    }
-    .details-section h6 {
-      font-family: var(--font-serif);
-      font-weight: 700;
-      color: var(--color-onyx);
-      margin-top: 1rem;
-      margin-bottom: 0.6rem;
-      font-size: 1.1rem;
-    }
-    .details-section ul {
-      padding-left: 0;
-      margin-bottom: 1rem;
-      list-style: none;
-    }
-    .details-section li {
-      margin-bottom: 0.8rem;
-      padding-bottom: 0.8rem;
-      line-height: 1.65;
-      border-bottom: 1px dotted #d0d0d0;
-      position: relative;
-      padding-left: 2.2rem;
-    }
-    .details-section li:last-child {
-      border-bottom: none;
-      margin-bottom: 0;
-    }
-    .details-section li::before {
-      content: "✧";
-      font-family: var(--font-serif);
-      position: absolute;
-      left: 0;
-      top: 5px;
-      color: var(--color-gold);
-      font-size: 1.5em;
-      line-height: 1;
-    }
-    .details-section li strong {
-      color: var(--color-onyx);
-      display: block;
-      margin-bottom: 0.3rem;
-      font-weight: 700;
-    }
-    .details-section p {
-      font-size: 0.95rem;
-      margin-bottom: 0.8rem;
-      line-height: 1.65;
-    }
-    .details-section blockquote {
-      font-size: 0.9em;
-      font-style: italic;
-      color: var(--color-text-secondary);
-      border-left: 3px solid var(--color-gold);
-      padding-left: 1em;
-      margin: 1em 0;
-    }
-
-    .row > * {
-      margin-bottom: 2.8rem;
-    }
-    footer {
-      padding: 3rem 1rem 2rem 1rem;
-      font-size: 0.95em;
-      color: var(--color-text-secondary);
-      text-align: center;
-      border-top: 1px solid var(--color-light-grey);
-      margin-top: 2rem;
-      background-color: #fff;
-    }
-    footer a {
-      color: var(--color-sapphire);
-      font-weight: 700;
-    }
-    footer a:hover {
-      color: var(--color-onyx);
-      text-decoration: underline;
-      text-decoration-color: var(--color-gold);
-    }
-    footer .bi {
-      color: var(--color-gold);
-    }
-
-    .details-toggle-btn {
-      font-size: 0.9rem;
-      font-family: var(--font-sans-serif);
-      margin-top: auto;
-      align-self: center;
-      padding: 0.5rem 1.2rem;
-      color: var(--color-text-on-dark);
-      background-color: var(--color-onyx);
-      border: 1px solid var(--color-onyx);
-      transition: background-color 0.2s ease, color 0.2s ease, letter-spacing 0.2s ease;
-      display: inline-flex;
-      align-items: center;
-      gap: 0.5em;
-      border-radius: 20px;
-      font-weight: 700;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
-    }
-    .details-toggle-btn:hover {
-      background-color: var(--color-sapphire);
-      border-color: var(--color-sapphire);
-      color: var(--color-text-on-dark);
-      letter-spacing: 1px;
-    }
-    .details-toggle-btn .bi {
-      transition: transform 0.3s ease-in-out;
-      font-size: 1.1em;
-    }
-    .details-toggle-btn[aria-expanded="true"] .bi {
-      transform: rotate(180deg);
-    }
-
-    .term-highlight {
-      font-weight: 700;
-      color: var(--color-sapphire);
-      background-color: rgba(15, 82, 186, 0.08);
-      padding: 0.15em 0.5em;
-      border-radius: 4px;
-      font-family: var(--font-sans-serif);
-      border-bottom: 1px dotted var(--color-sapphire);
-    }
-
-    .mindset-shifter {
-      margin-top: 1rem;
-      padding: 0.8rem;
-      background-color: #f9f9f9;
-      border: 1px solid var(--color-light-grey);
-      border-radius: 6px;
-      text-align: center;
-    }
-    .mindset-shifter button {
-      background-color: var(--color-gold);
-      color: var(--color-onyx);
-      border: none;
-      padding: 0.4rem 0.8rem;
-      font-family: var(--font-sans-serif);
-      font-weight: 700;
-      border-radius: 4px;
-      cursor: pointer;
-      transition: background-color 0.2s ease;
-      font-size: 0.85rem;
-    }
-    .mindset-shifter button:hover {
-      background-color: var(--color-sapphire);
-      color: var(--color-cream);
-    }
-    .mindset-shifter .perspective {
-      font-size: 0.9rem;
-      margin-top: 0.5rem;
-      color: var(--color-text-secondary);
-      font-style: italic;
-    }
-    .scarcity-text,
-    .abundance-text {
-      display: none;
-    }
-    .scarcity-text.active,
-    .abundance-text.active {
-      display: block;
-    }
-  </style>
-</head>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>The Wealthy Demeanor: 10 Blueprints to Living Richer (Without a Fortune)</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="Discover 10 practical blueprints to cultivate a wealthy demeanor and mindset, even without a large bank account. Actionable tips for a richer life, focusing on habits, perspective, and smart choices."
+    />
+    <!-- Updated Canonical URL -->
+    <link rel="canonical" href="https://cheatsheets.davidveksler.com/living-richly-guide.html" />
+
+    <!-- Social Media Metadata -->
+    <meta property="og:title" content="The Wealthy Demeanor: 10 Blueprints to Living Richer (No Fortune Needed)" />
+    <meta
+      property="og:description"
+      content="It's not about your bank balance. Learn 10 powerful ways to cultivate a millionaire's mindset, habits, and presence in your everyday life. Start living richer today."
+    />
+    <meta property="og:type" content="article" />
+    <!-- OG URL should also match the canonical if this is the primary page -->
+    <meta property="og:url" content="https://cheatsheets.davidveksler.com/living-richly-guide.html" />
+    <meta property="og:image" content="https://davidveksler.com/images/living-richly-og-image.png" />
+    <!-- Placeholder - update this path if image location changes relative to new domain -->
+    <meta
+      property="og:image:alt"
+      content="A visual representing living a rich life through mindset and habits, not just money."
+    />
+    <meta property="og:site_name" content="David Veksler's Cheatsheets" />
+    <!-- Updated site name slightly -->
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image" content="https://davidveksler.com/images/living-richly-og-image.png" />
+    <!-- Placeholder - update this path if image location changes -->
+    <meta name="twitter:title" content="Live a Richer Life: 10 Mindset Blueprints (Even if You're Broke)" />
+    <meta
+      name="twitter:description"
+      content="Unlock the secrets to a wealthy demeanor without needing a fortune. 10 practical strategies focusing on mindset, habits, and conscious living. #LiveRich #Mindset #WealthHabits"
+    />
+
+    <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" />
+    <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=Cormorant+Garamond:wght@400;600;700&family=Lato:wght@300;400;700&display=swap"
+      rel="stylesheet"
+    />
+
+    <style>
+      :root {
+        --color-onyx: #2c3333; /* Deep Charcoal/Onyx */
+        --color-gold: #d4af37; /* Rich Gold/Amber */
+        --color-cream: #f5f5dc; /* Creamy Off-White */
+        --color-sapphire: #0f52ba; /* Sapphire Blue accent */
+        --color-light-grey: #eaeaea;
+        --color-text-main: var(--color-onyx);
+        --color-text-secondary: #575757;
+        --color-text-on-dark: var(--color-cream);
+        --color-text-on-gold: var(--color-onyx);
+
+        --font-serif: "Cormorant Garamond", serif;
+        --font-sans-serif: "Lato", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+
+        --shadow-subtle: 0 2px 8px rgba(0, 0, 0, 0.07);
+        --shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.1);
+        --shadow-strong: 0 8px 25px rgba(0, 0, 0, 0.15);
+      }
+
+      body {
+        background-color: var(--color-cream);
+        font-family: var(--font-sans-serif);
+        color: var(--color-text-main);
+        font-size: 17px;
+        line-height: 1.7;
+        padding-bottom: 3rem;
+      }
+
+      .page-header {
+        background: linear-gradient(135deg, var(--color-onyx), #4a5050);
+        color: var(--color-text-on-dark);
+        padding: 4rem 1.5rem;
+        text-align: center;
+        margin-bottom: 3rem;
+        border-bottom: 5px solid var(--color-gold);
+      }
+      .page-header h1 {
+        font-family: var(--font-serif);
+        font-weight: 700;
+        font-size: 3.5rem;
+        letter-spacing: 1px;
+        margin-bottom: 0.75rem;
+        color: var(--color-gold);
+      }
+      .page-header h1 .bi {
+        font-size: 0.8em;
+        vertical-align: -0.05em;
+        margin-right: 0.5em;
+        color: var(--color-cream);
+      }
+      .page-header .lead {
+        font-family: var(--font-sans-serif);
+        font-weight: 300;
+        font-size: 1.25rem;
+        max-width: 850px;
+        margin: auto;
+        color: var(--color-light-grey);
+        opacity: 0.9;
+      }
+
+      .section-container {
+        background-color: transparent;
+        padding: 1rem 0;
+        margin-bottom: 3rem;
+      }
+
+      .section-title-wrapper {
+        text-align: center;
+        margin-bottom: 2.5rem;
+        position: relative;
+      }
+      .section-title-wrapper::before,
+      .section-title-wrapper::after {
+        content: "";
+        display: block;
+        width: 80px;
+        height: 2px;
+        background-color: var(--color-gold);
+        position: absolute;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+      .section-title-wrapper::before {
+        left: calc(50% - 50px - 190px);
+      } /* Adjusted for title width */
+      .section-title-wrapper::after {
+        right: calc(50% - 50px - 190px);
+      } /* Adjusted for title width */
+
+      .section-main-title {
+        color: var(--color-onyx);
+        font-family: var(--font-serif);
+        font-weight: 600;
+        font-size: 2.8rem;
+        letter-spacing: 0.5px;
+        display: inline-block;
+        padding: 0 1.5rem;
+        position: relative;
+      }
+
+      .principle-card {
+        background: #fff;
+        border: 1px solid var(--color-light-grey);
+        border-radius: 8px;
+        box-shadow: var(--shadow-medium);
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        transition: box-shadow 0.25s ease, transform 0.25s ease;
+        position: relative;
+      }
+
+      .principle-card:hover {
+        box-shadow: var(--shadow-strong);
+        transform: translateY(-5px);
+      }
+
+      .principle-card .card-header-custom {
+        color: var(--color-text-on-gold);
+        background-color: var(--color-gold);
+        font-family: var(--font-serif);
+        font-size: 1.4rem;
+        text-align: center;
+        margin: 0;
+        padding: 1rem 0.8rem;
+        font-weight: 600;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 0.7rem;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+        border-radius: 7px 7px 0 0;
+      }
+      .principle-card .card-header-custom .bi {
+        font-size: 1.2em;
+        opacity: 0.85;
+      }
+      .card-content-wrapper {
+        padding: 1.5rem;
+        flex-grow: 1;
+        display: flex;
+        flex-direction: column;
+      }
+      .principle-card p.summary {
+        font-size: 1rem;
+        color: var(--color-text-secondary);
+        margin-bottom: 1.5rem;
+        flex-grow: 1;
+        line-height: 1.75;
+      }
+
+      .details-section {
+        font-size: 0.95rem;
+        background-color: #fdfdfd;
+        border-top: 1px solid var(--color-light-grey);
+        padding: 1.5rem;
+        margin: 0;
+        border-radius: 0 0 7px 7px;
+      }
+      .details-section h6 {
+        font-family: var(--font-serif);
+        font-weight: 700;
+        color: var(--color-onyx);
+        margin-top: 1rem;
+        margin-bottom: 0.6rem;
+        font-size: 1.1rem;
+      }
+      .details-section ul {
+        padding-left: 0;
+        margin-bottom: 1rem;
+        list-style: none;
+      }
+      .details-section li {
+        margin-bottom: 0.8rem;
+        padding-bottom: 0.8rem;
+        line-height: 1.65;
+        border-bottom: 1px dotted #d0d0d0;
+        position: relative;
+        padding-left: 2.2rem;
+      }
+      .details-section li:last-child {
+        border-bottom: none;
+        margin-bottom: 0;
+      }
+      .details-section li::before {
+        content: "✧";
+        font-family: var(--font-serif);
+        position: absolute;
+        left: 0;
+        top: 5px;
+        color: var(--color-gold);
+        font-size: 1.5em;
+        line-height: 1;
+      }
+      .details-section li strong {
+        color: var(--color-onyx);
+        display: block;
+        margin-bottom: 0.3rem;
+        font-weight: 700;
+      }
+      .details-section p {
+        font-size: 0.95rem;
+        margin-bottom: 0.8rem;
+        line-height: 1.65;
+      }
+      .details-section blockquote {
+        font-size: 0.9em;
+        font-style: italic;
+        color: var(--color-text-secondary);
+        border-left: 3px solid var(--color-gold);
+        padding-left: 1em;
+        margin: 1em 0;
+      }
+
+      .row > * {
+        margin-bottom: 2.8rem;
+      }
+      footer {
+        padding: 3rem 1rem 2rem 1rem;
+        font-size: 0.95em;
+        color: var(--color-text-secondary);
+        text-align: center;
+        border-top: 1px solid var(--color-light-grey);
+        margin-top: 2rem;
+        background-color: #fff;
+      }
+      footer a {
+        color: var(--color-sapphire);
+        font-weight: 700;
+      }
+      footer a:hover {
+        color: var(--color-onyx);
+        text-decoration: underline;
+        text-decoration-color: var(--color-gold);
+      }
+      footer .bi {
+        color: var(--color-gold);
+      }
+
+      .details-toggle-btn {
+        font-size: 0.9rem;
+        font-family: var(--font-sans-serif);
+        margin-top: auto;
+        align-self: center;
+        padding: 0.5rem 1.2rem;
+        color: var(--color-text-on-dark);
+        background-color: var(--color-onyx);
+        border: 1px solid var(--color-onyx);
+        transition: background-color 0.2s ease, color 0.2s ease, letter-spacing 0.2s ease;
+        display: inline-flex;
+        align-items: center;
+        gap: 0.5em;
+        border-radius: 20px;
+        font-weight: 700;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+      .details-toggle-btn:hover {
+        background-color: var(--color-sapphire);
+        border-color: var(--color-sapphire);
+        color: var(--color-text-on-dark);
+        letter-spacing: 1px;
+      }
+      .details-toggle-btn .bi {
+        transition: transform 0.3s ease-in-out;
+        font-size: 1.1em;
+      }
+      .details-toggle-btn[aria-expanded="true"] .bi {
+        transform: rotate(180deg);
+      }
+
+      .term-highlight {
+        font-weight: 700;
+        color: var(--color-sapphire);
+        background-color: rgba(15, 82, 186, 0.08);
+        padding: 0.15em 0.5em;
+        border-radius: 4px;
+        font-family: var(--font-sans-serif);
+        border-bottom: 1px dotted var(--color-sapphire);
+      }
+
+      .mindset-shifter {
+        margin-top: 1rem;
+        padding: 0.8rem;
+        background-color: #f9f9f9;
+        border: 1px solid var(--color-light-grey);
+        border-radius: 6px;
+        text-align: center;
+      }
+      .mindset-shifter button {
+        background-color: var(--color-gold);
+        color: var(--color-onyx);
+        border: none;
+        padding: 0.4rem 0.8rem;
+        font-family: var(--font-sans-serif);
+        font-weight: 700;
+        border-radius: 4px;
+        cursor: pointer;
+        transition: background-color 0.2s ease;
+        font-size: 0.85rem;
+      }
+      .mindset-shifter button:hover {
+        background-color: var(--color-sapphire);
+        color: var(--color-cream);
+      }
+      .mindset-shifter .perspective {
+        font-size: 0.9rem;
+        margin-top: 0.5rem;
+        color: var(--color-text-secondary);
+        font-style: italic;
+      }
+      .scarcity-text,
+      .abundance-text {
+        display: none;
+      }
+      .scarcity-text.active,
+      .abundance-text.active {
+        display: block;
+      }
+    </style>
+  </head>
+
+  <body>
+    <header class="page-header">
+      <h1><i class="bi bi-award"></i> 10 Blueprints to Living Richer (Without a Fortune)</h1>
+      <p class="lead">
+        A guide to cultivating a millionaire's mindset through conscious habits and perspective, inspired by principles of low time preference and stress management.
+      </p>
+    </header>
+    <div class="container" id="main-container">
+      <div class="section-container" data-section-id="section-ten-paths">
+        <div class="section-title-wrapper">
+          <h2 class="section-main-title" id="section-ten-paths-title">The 10 "Broke Millionaire" Blueprints</h2>
+        </div>
+        <div class="row">
+          <!-- Card 1: Be fit and slim -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-be-fit">
+              <div class="card-header-custom"><i class="bi bi-universal-access"></i> 1. The Principle of Physical Well-being</div>
+              <div class="card-content-wrapper">
+                <p class="summary">
+                  A strong negative correlation exists between wealth and obesity. This isn't about expensive diets, but <span class="term-highlight">thoughtful eating</span>, <span class="term-highlight">low time preference</span> (long-term health over short-term rushes), and active living.
+                </p>
+                <button
+                  class="btn details-toggle-btn"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  data-bs-target="#collapseBeFit"
+                  aria-expanded="false"
+                  aria-controls="collapseBeFit"
+                >
+                  Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+              </div>
+              <div class="collapse details-section" id="collapseBeFit">
+                <h6>Roots & Solutions for Vitality</h6>
+                <ul>
+                  <li>
+                    <strong>Stress & Choices:</strong> Chronic stress impairs dietary decisions. Sugar and processed carbs are often stress-relief mechanisms.
+                  </li>
+                  <li>
+                    <strong>Active Commuting:</strong> Consider biking or walking for daily errands or to work. It saves money on vehicle ownership (potentially over $10,000/year for a car) and invests time in health rather than traffic stress.
+                  </li>
+                  <li>
+                    <strong>Real Food Culture:</strong> Develop a habit of preparing real food. This conscious choice helps control ingredients and portion sizes.
+                  </li>
+                   <li>
+                    <strong>Diet as Primary Lever:</strong> For most non-athletes, diet is more critical for weight management than exercise alone.
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <!-- Card 2: Wear well-fitting clothes -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-dress-well">
+              <div class="card-header-custom"><i class="bi bi-person-arms-up"></i> 2. The Principle of Deliberate Appearance</div>
+              <div class="card-content-wrapper">
+                <p class="summary">
+                  Projecting affluence isn't about luxury brands, but <span class="term-highlight">consciousness of fit and style</span>. Quality, well-fitting clothes can be found affordably with research, effort, and an eye for lasting value.
+                </p>
+                <button
+                  class="btn details-toggle-btn"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  data-bs-target="#collapseDressWell"
+                  aria-expanded="false"
+                  aria-controls="collapseDressWell"
+                >
+                  Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+              </div>
+              <div class="collapse details-section" id="collapseDressWell">
+                <h6>Achieving Style & Value</h6>
+                <ul>
+                  <li>
+                    <strong>Fit Over Brand:</strong> Prioritize how clothes fit your body. A well-fitting inexpensive item looks better than ill-fitting luxury.
+                  </li>
+                  <li>
+                    <strong>Invest in Quality (The "Boots Theory"):</strong> As Terry Pratchett noted, buying good quality items, even if more expensive initially, can save money long-term as they last longer and perform better.
+                  </li>
+                  <li>
+                    <strong>Thrift & Research:</strong> Stores like Goodwill can offer great finds. Use online resources to learn about style and design your wardrobe consciously.
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <!-- Card 3: Show up on time -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-be-punctual">
+              <div class="card-header-custom"><i class="bi bi-clock-history"></i> 3. The Principle of Presence & Punctuality</div>
+              <div class="card-content-wrapper">
+                <p class="summary">
+                  The truly "wealthy" in spirit can afford to be <span class="term-highlight">physically and mentally present</span>. This involves managing <span class="term-highlight">stress and attachments</span>, freeing up mental bandwidth.
+                </p>
+                <button
+                  class="btn details-toggle-btn"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  data-bs-target="#collapseBePunctual"
+                  aria-expanded="false"
+                  aria-controls="collapseBePunctual"
+                >
+                  Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+              </div>
+              <div class="collapse details-section" id="collapseBePunctual">
+                <h6>Cultivating Focused Presence</h6>
+                <ul>
+                  <li>
+                    <strong>Stress as a Distraction:</strong> Stress undermines presence. Managing attachments is key when financial buffers are limited.
+                  </li>
+                  <li>
+                    <strong>The Cost of Attachments:</strong> Possessions and even relationships have time and money costs. Evaluate what truly adds value.
+                  </li>
+                  <li>
+                    <strong>Minimalism for Clarity:</strong> Owning less stuff reduces cleaning, maintenance, worry, and mental clutter, freeing you to focus. This aligns with the idea of renting instead of buying early in a career to maintain flexibility and reduce distractions.
+                  </li>
+                  <li>
+                    <strong>Strategic Detachment:</strong> Forgoing non-essential drains (e.g., a car if you can manage without it, excessive partying) helps focus on long-term goals.
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+
+          <!-- Card 4: Preserve Your Youthfulness -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-stay-young">
+                <div class="card-header-custom"><i class="bi bi-brightness-high"></i> 4. The Principle of Youth Preservation</div>
+                <div class="card-content-wrapper">
+                <p class="summary">
+                    While youth itself isn't bought, you can control its primary detractors: <span class="term-highlight">obesity and sun damage</span>. This is more fundamental than reactive measures like plastic surgery.
+                </p>
+                <button
+                    class="btn details-toggle-btn"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapseStayYoung"
+                    aria-expanded="false"
+                    aria-controls="collapseStayYoung"
+                >
+                    Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+                </div>
+                <div class="collapse details-section" id="collapseStayYoung">
+                <h6>Controlling Aging Factors</h6>
+                <ul>
+                    <li>
+                    <strong>Obesity & Aging:</strong> Linked to premature aging (see Principle 1).
+                    </li>
+                    <li>
+                    <strong>Sun Damage:</strong> A major contributor to visible aging. Consistent skin protection is a low-cost, high-impact habit.
+                    </li>
+                    <li>
+                    <strong>Proactive Prevention:</strong> Managing these factors addresses root causes, potentially reducing the need for costly interventions later.
+                    </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+
+          <!-- Card 5: Value Family Connections -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-family-life">
+                <div class="card-header-custom"><i class="bi bi-people"></i> 5. The Principle of Rich Family Life</div>
+                <div class="card-content-wrapper">
+                <p class="summary">
+                    The cost of raising children is noted, but true parenting emphasizes <span class="term-highlight">quality time and shared experiences</span> over monetary outlay. A single-income household, if structured well (e.g., one parent focuses on career, the other on home/education like homeschooling), can be very effective.
+                </p>
+                <button
+                    class="btn details-toggle-btn"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapseFamilyLife"
+                    aria-expanded="false"
+                    aria-controls="collapseFamilyLife"
+                >
+                    Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+                </div>
+                <div class="collapse details-section" id="collapseFamilyLife">
+                <h6>Enriching Parenthood Deliberately</h6>
+                <ul>
+                    <li>
+                    <strong>Time Over Money:</strong> Invest time, not just outsource parenting. Shared activities like hiking, games, and cooking build bonds.
+                    </li>
+                    <li>
+                    <strong>Focused Family Roles:</strong> A stay-at-home parent focusing on nurturing and education (like homeschooling) can reduce childcare costs and provide tailored learning, allowing the other parent to focus on career growth. This requires deliberate planning.
+                    </li>
+                    <li>
+                    <strong>Rethinking "Needs":</strong> Question societal pressures for expensive activities; simple, shared experiences often yield greater returns in connection.
+                    </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+
+          <!-- Card 6: Cultivate a Strong Marriage -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-strong-marriage">
+                <div class="card-header-custom"><i class="bi bi-hearts"></i> 6. The Principle of Strong Partnership</div>
+                <div class="card-content-wrapper">
+                <p class="summary">
+                    Divorce is often linked to poverty. Successful relationships hinge on the <span class="term-highlight">ability to negotiate conflict</span> and manage stress, reflecting <span class="term-highlight">low time preference</span> and commitment.
+                </p>
+                <button
+                    class="btn details-toggle-btn"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapseStrongMarriage"
+                    aria-expanded="false"
+                    aria-controls="collapseStrongMarriage"
+                >
+                    Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+                </div>
+                <div class="collapse details-section" id="collapseStrongMarriage">
+                <h6>Building Lasting Relationships</h6>
+                <ul>
+                    <li>
+                    <strong>Investment & Stress Management:</strong> All relationships require work. Successful couples invest time and manage stress effectively.
+                    </li>
+                    <li>
+                    <strong>Commitment Beyond Infatuation:</strong> Lasting value in a relationship comes from ongoing mutual effort and shared goals, not just initial attraction.
+                    </li>
+                    <li>
+                    <strong>Low Time Preference:</strong> Prioritizing long-term stability and shared growth over short-term gratification is crucial, similar to financial discipline.
+                    </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+
+          <!-- Card 7: Don’t Complain -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-no-complaints">
+                <div class="card-header-custom"><i class="bi bi-hand-thumbs-up"></i> 7. The Principle of Abundance Mindset</div>
+                <div class="card-content-wrapper">
+                    <p class="summary">
+                        Wealthier individuals often exhibit an <span class="term-highlight">abundance mindset</span>, seeing opportunity. Complaining stems from a <span class="term-highlight">scarcity mindset</span>, viewing life as a fixed pie.
+                    </p>
+                    <div class="mindset-shifter">
+                        <div class="perspective scarcity-text active">
+                            <p><strong>Scarcity View:</strong> "Resources are limited. Others' gains are my losses."</p>
+                        </div>
+                        <div class="perspective abundance-text">
+                            <p><strong>Abundance View:</strong> "Opportunities are everywhere. Others' success is inspiration."</p>
+                        </div>
+                        <button onclick="toggleMindset(this)">Shift Perspective</button>
+                    </div>
+                    <button
+                        class="btn details-toggle-btn mt-3"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#collapseNoComplaints"
+                        aria-expanded="false"
+                        aria-controls="collapseNoComplaints"
+                    >
+                        Elaborate <i class="bi bi-chevron-down"></i>
+                    </button>
+                </div>
+                <div class="collapse details-section" id="collapseNoComplaints">
+                <h6>Mindset as a Foundation</h6>
+                <ul>
+                    <li>
+                    <strong>Abundance Defined:</strong> Viewing the universe as full of opportunities for friendship, love, and success. Others' success is seen as inspiration and proof of possibility.
+                    </li>
+                    <li>
+                    <strong>Scarcity's Trap:</strong> Perceiving everything as limited, leading to envy, hoarding, and stagnation.
+                    </li>
+                    <li>
+                    <strong>Internal Locus of Control:</strong> With an abundance mindset, failures become learning experiences. There's less need to complain as one focuses on self-improvement and seeking new opportunities.
+                    </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+
+          <!-- Card 8: Enjoy Great Art -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-enjoy-art">
+                <div class="card-header-custom"><i class="bi bi-brush"></i> 8. The Principle of Cultural Enrichment</div>
+                <div class="card-content-wrapper">
+                <p class="summary">
+                    Access to the world's greatest art is often free or low-cost. Developing a taste for it requires <span class="term-highlight">patience and time</span>, combating the preference for instant gratification.
+                </p>
+                <button
+                    class="btn details-toggle-btn"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapseEnjoyArt"
+                    aria-expanded="false"
+                    aria-controls="collapseEnjoyArt"
+                >
+                    Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+                </div>
+                <div class="collapse details-section" id="collapseEnjoyArt">
+                <h6>Cultivating Aesthetic Appreciation</h6>
+                <ul>
+                    <li>
+                    <strong>Accessibility:</strong> Public museums, libraries, and online archives offer vast access to masterpieces in painting, music, and film.
+                    </li>
+                    <li>
+                    <strong>Patience Over Immediacy:</strong> The addiction to quick dopamine hits (e.g., from social media, sugary foods) can hinder appreciation for art that requires deeper engagement.
+                    </li>
+                    <li>
+                    <strong>Soul Nurturing:</strong> Engaging with great art allows exploration of the human condition, inspiring a richer inner life and deeper understanding.
+                    </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+
+          <!-- Card 9: Keep a Clean House -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-clean-house">
+                <div class="card-header-custom"><i class="bi bi-house-heart"></i> 9. The Principle of Orderly Living</div>
+                <div class="card-content-wrapper">
+                    <p class="summary">
+                        An organized environment contributes to an organized mind. <span class="term-highlight">Owning less stuff</span> is an advantage. Hoarding stems from scarcity; letting go aligns with an <span class="term-highlight">abundance mentality</span>.
+                    </p>
+                     <div class="mindset-shifter">
+                        <div class="perspective scarcity-text active">
+                            <p><strong>Scarcity View:</strong> "I might need this someday. Better keep everything."</p>
+                        </div>
+                        <div class="perspective abundance-text">
+                            <p><strong>Abundance View:</strong> "Clutter weighs me down. I trust things will be available if truly needed."</p>
+                        </div>
+                        <button onclick="toggleMindset(this)">Shift Perspective</button>
+                    </div>
+                    <button
+                        class="btn details-toggle-btn mt-3"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#collapseCleanHouse"
+                        aria-expanded="false"
+                        aria-controls="collapseCleanHouse"
+                    >
+                        Elaborate <i class="bi bi-chevron-down"></i>
+                    </button>
+                </div>
+                <div class="collapse details-section" id="collapseCleanHouse">
+                <h6>The Organized & Minimal Home</h6>
+                <ul>
+                    <li>
+                    <strong>Organization Habit:</strong> Putting things away after use prevents clutter. This is a trainable habit for all household members.
+                    </li>
+                    <li>
+                    <strong>Minimalism's Benefits:</strong> Owning only things that add value reduces cleaning time, maintenance, and mental cost of worrying about possessions.
+                    </li>
+                    <li>
+                    <strong>Buy Nothing & Sharing:</strong> "Buy Nothing" groups facilitate gifting unwanted items and receiving needed ones, fostering community and reducing waste.
+                    </li>
+                    <li>
+                    <strong>Let Go with Trust:</strong> Believe that if an item is truly needed again, a way to acquire it will present itself. This frees up physical and mental space.
+                    </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+
+           <!-- Card 10: Don’t Stress About Money -->
+          <div class="col-lg-4 col-md-6 d-flex">
+            <div class="principle-card" id="card-money-stress">
+                <div class="card-header-custom"><i class="bi bi-piggy-bank"></i> 10. The Principle of Financial Serenity</div>
+                <div class="card-content-wrapper">
+                <p class="summary">
+                    Financial security isn't solely high income, but <span class="term-highlight">living below your means</span>, having an <span class="term-highlight">emergency fund</span>, and making conscious spending choices. As Dickens noted, happiness often lies in spending less than you earn.
+                </p>
+                <button
+                    class="btn details-toggle-btn"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapseMoneyStress"
+                    aria-expanded="false"
+                    aria-controls="collapseMoneyStress"
+                >
+                    Elaborate <i class="bi bi-chevron-down"></i>
+                </button>
+                </div>
+                <div class="collapse details-section" id="collapseMoneyStress">
+                <h6>Achieving Financial Well-being</h6>
+                <ul>
+                  <li>
+                    <strong>The Dickens Principle:</strong> "Annual income twenty pounds, annual expenditure nineteen nineteen and six, result happiness. Annual income twenty pounds, annual expenditure twenty pounds ought and six, result misery."
+                  </li>
+                  <li>
+                    <strong>True Wealth:</strong> Confidence that your lifestyle won't be drastically affected by income changes. This often means having 25x your annual spending saved (the 4% rule).
+                  </li>
+                  <li>
+                    <strong>Track Spending for Awareness:</strong> Understand where money goes not to restrict, but to make informed choices. Evaluate purchases against their future value if invested.
+                  </li>
+                  <li>
+                    <strong>Live Below Your Means:</strong> The cornerstone of building an emergency fund and long-term investments.
+                  </li>
+                  <li>
+                    <strong>DIY Resourcefulness:</strong> Learning basic handyman skills can save significant money on repairs, e.g., flushing a water heater yourself instead of a costly replacement.
+                  </li>
+                </ul>
+                </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- II. CONCLUSION -->
+      <div class="section-container" data-section-id="section-conclusion">
+        <div class="section-title-wrapper">
+          <h2 class="section-main-title" id="section-conclusion-title">Embracing a Truly Wealthy Life</h2>
+        </div>
+        <div class="row justify-content-center">
+          <div class="col-lg-8 col-md-10">
+            <div class="principle-card" id="card-conclusion-summary">
+              <div class="card-header-custom"><i class="bi bi-gem"></i> The Real Reward: A Life of Richness</div>
+              <div class="card-content-wrapper">
+                <p class="summary text-center" style="font-size: 1.1rem;">
+                  Financial wealth can be one outcome of developing good habits. However, the journey towards <span class="term-highlight">physical, mental, and emotional richness</span> offers its own profound rewards, regardless of your bank statement.
+                </p>
+                <button
+                  class="btn details-toggle-btn mx-auto"
+                  type="button"
+                  data-bs-toggle="collapse"
+                  data-bs-target="#collapseConclusionDetails"
+                  aria-expanded="false"
+                  aria-controls="collapseConclusionDetails"
+                >
+                  Key Takeaways <i class="bi bi-chevron-down"></i>
+                </button>
+              </div>
+              <div class="collapse details-section" id="collapseConclusionDetails">
+                <h6>Core Principles for a Richer Life</h6>
+                <ul>
+                  <li>
+                    <strong>Manage Stress Wisely:</strong> Opt for life-enhancing coping mechanisms (hobbies, exercise) over detrimental ones.
+                  </li>
+                  <li>
+                    <strong>Curate Relationships & Commitments:</strong> Minimize drains on your time and energy that don't align with your goals.
+                  </li>
+                  <li>
+                    <strong>Conscious Appearance & Living:</strong> Apply thoughtful intention to your personal presentation and home environment.
+                  </li>
+                  <li>
+                    <strong>Nurture Your Inner World:</strong> Actively engage with art and ideas that expand your perspective.
+                  </li>
+                  <li>
+                    <strong>Minimize Material Burdens:</strong> Embrace minimalism; own things that add true value, not clutter.
+                  </li>
+                  <li>
+                    <strong>Financial Prudence & Serenity:</strong> Live below your means and build a foundation of financial stability to reduce stress.
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+    </div>
+
+    <footer class="container-fluid text-center">
+      <p class="mb-2">© <span id="currentYear"></span> David Veksler. This guide expands upon concepts from the FEE.org article "<a href="https://fee.org/articles/10-ways-to-live-like-a-millionaire-even-if-your-bank-account-is-empty/" target="_blank" rel="noopener noreferrer">10 Ways to Live Like a Millionaire—Even if Your Bank Account Is Empty</a>" and incorporates insights from the author's other writings on financial well-being and lifestyle design.</p>
+      <div class="mb-3">
+        <strong>More from David Veksler:</strong>
+      </div>
+      <div>
+        <a
+          href="https://fee.org/articles/7-simple-ways-to-save-tens-of-thousands-of-dollars/"
+          title="7 Simple Ways to Save Money"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="mx-2"
+        >
+          <i class="bi bi-coin"></i> Save Money
+        </a>
+        <a
+          href="https://fee.org/articles/5-strategies-i-used-to-reach-financial-independence-before-turning-40/"
+          title="Reach Financial Independence"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="mx-2"
+        >
+          <i class="bi bi-graph-up"></i> Financial Independence
+        </a>
+        <a
+          href="https://fee.org/articles/financial-responsibility-is-about-habits-not-budgeting/"
+          title="Financial Responsibility & Habits"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="mx-2"
+        >
+         <i class="bi bi-check2-circle"></i> Financial Habits
+        </a>
+         <a
+          href="https://fee.org/articles/how-to-make-a-million-bucks-by-40/"
+          title="How to Become a Millionaire by 40"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="mx-2"
+        >
+         <i class="bi bi-trophy"></i> Become a Millionaire
+        </a>
+      </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+      document.addEventListener("DOMContentLoaded", () => {
+        const collapseElements = document.querySelectorAll(".collapse");
+        collapseElements.forEach((collapseEl) => {
+          const button = document.querySelector(`.details-toggle-btn[data-bs-target="#${collapseEl.id}"]`);
+          const icon = button ? button.querySelector(".bi") : null;
+          if (button && icon) {
+            const updateIconAndButton = (isShown) => {
+              if (isShown) {
+                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");
+              }
+            };
+
+            updateIconAndButton(collapseEl.classList.contains("show"));
+
+            collapseEl.addEventListener("show.bs.collapse", () => {
+              updateIconAndButton(true);
+            });
+            collapseEl.addEventListener("hide.bs.collapse", () => {
+              updateIconAndButton(false);
+            });
+          }
+        });
+
+        document.getElementById("currentYear").textContent = new Date().getFullYear();
+      });
+
+      function toggleMindset(buttonElement) {
+        const shifter = buttonElement.closest('.mindset-shifter');
+        const scarcityText = shifter.querySelector('.scarcity-text');
+        const abundanceText = shifter.querySelector('.abundance-text');
+
+        if (scarcityText.classList.contains('active')) {
+            scarcityText.classList.remove('active');
+            abundanceText.classList.add('active');
+            buttonElement.textContent = "View Scarcity Mindset";
+        } else {
+            abundanceText.classList.remove('active');
+            scarcityText.classList.add('active');
+            buttonElement.textContent = "Shift to Abundance";
+        }
+      }
+    </script>
+  </body>
+</html>