<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta name="theme-color" content="#FAFAFA"/>
  <!-- Google tag (gtag.js) - GA4 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-81XMCY5KM9"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-81XMCY5KM9');
  </script>
  <title>10,000+ Inspirational Quotes That Actually Land | Live Life Happy</title>
  <meta name="description" content="The right words for whatever you are feeling. 10,000+ hand-picked quotes on self-love, resilience, happiness, healing and life. Curated since 2007 by Robert Tew."/>
  <link rel="canonical" href="https://livelifehappy.com/"/>

  <!-- Search engine verifications -->
  <meta name="google-site-verification" content="jFZZQeYxupV-1GVp_Zc686E9j65o8k1Qco6Y0AEE-bM" />
  <!-- Replace the content values below with real verification codes from Bing Webmaster Tools and Yandex Webmaster -->
  <meta name="msvalidate.01" content="REPLACE_WITH_BING_VERIFICATION_CODE" />
  <meta name="yandex-verification" content="REPLACE_WITH_YANDEX_VERIFICATION_CODE" />
  <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" />

  <!-- Open Graph -->
  <meta property="og:title" content="Inspirational Quotes About Life, Love &amp; Happiness | Live Life Happy"/>
  <meta property="og:description" content="5,600+ inspirational quotes on self-love, happiness, resilience, healing &amp; wisdom. Curated since 2007 by Robert Tew."/>
  <meta property="og:type" content="website"/>
  <meta property="og:url" content="https://livelifehappy.com/"/>
  <meta property="og:site_name" content="Live Life Happy"/>
  <meta property="og:image" content="https://livelifehappy.com/assets/quote-cards/default.svg"/>
  <meta property="og:image:width" content="1080"/>
  <meta property="og:image:height" content="1080"/>
  

  <!-- Twitter -->
  <meta name="twitter:card" content="summary"/>
  <meta name="twitter:title" content="Inspirational Quotes About Life, Love &amp; Happiness | Live Life Happy"/>
  <meta name="twitter:description" content="5,600+ inspirational quotes on self-love, happiness, resilience, healing &amp; wisdom. Curated since 2007 by Robert Tew."/>
  <meta name="twitter:image" content="https://livelifehappy.com/assets/quote-cards/default.svg"/>

  <!-- Schema.org — sitewide WebSite + Organization (on every page) -->
  <script type="application/ld+json">
  [
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Live Life Happy",
      "url": "https://livelifehappy.com",
      "description": "10,000+ inspirational quotes on happiness, self-love, resilience, mindfulness, and life. Curated since 2007.",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://livelifehappy.com/quotes/?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Live Life Happy",
      "url": "https://livelifehappy.com",
      "founder": {
        "@type": "Person",
        "name": "Robert Tew"
      },
      "foundingDate": "2007",
      "sameAs": [
        "https://x.com/DeepLifeQuotes",
        "https://www.facebook.com/DeepLifeQuotes/",
        "https://www.instagram.com/deeplifequotes/",
        "https://www.pinterest.com/deeplifequotes/",
        "https://www.tumblr.com/deeplifequotes"
      ]
    }
  ]
  </script>

  <!-- Page-level schema: ItemList of today's featured quotes, with each quote as a Quotation entity. -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "CollectionPage",
    "name": "Live Life Happy — Daily Inspirational Quotes",
    "url": "https://livelifehappy.com/",
    "description": "Daily hand-picked inspirational quotes on self-love, resilience, happiness, healing and life.",
    "isPartOf": { "@id": "https://livelifehappy.com/#website" },
    "mainEntity": {
      "@type": "ItemList",
      "name": "Today's Quotes",
      "numberOfItems": 12,
      "itemListElement": [
        { "@type": "ListItem", "position": 1,
          "item": { "@type": "Quotation", "text": "You become what you think about most of the time. You think about your goals most of the time.", "spokenByCharacter": { "@type": "Person", "name": "Brian Tracy" } } },
        { "@type": "ListItem", "position": 2,
          "item": { "@type": "Quotation", "text": "Vulnerability is not weakness; it's our greatest measure of courage.", "spokenByCharacter": { "@type": "Person", "name": "Brené Brown" } } },
        { "@type": "ListItem", "position": 3,
          "item": { "@type": "Quotation", "text": "Some people won't appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood.", "spokenByCharacter": { "@type": "Person", "name": "Robert Tew" } } },
        { "@type": "ListItem", "position": 4,
          "item": { "@type": "Quotation", "text": "If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea.", "spokenByCharacter": { "@type": "Person", "name": "Mel Robbins" } } },
        { "@type": "ListItem", "position": 5,
          "item": { "@type": "Quotation", "text": "You are the average of the five people you spend the most time with.", "spokenByCharacter": { "@type": "Person", "name": "Jim Rohn" } } },
        { "@type": "ListItem", "position": 6,
          "item": { "@type": "Quotation", "text": "The quality of your relationships determines the quality of your life.", "spokenByCharacter": { "@type": "Person", "name": "Esther Perel" } } },
        { "@type": "ListItem", "position": 7,
          "item": { "@type": "Quotation", "text": "Love is an action, never simply a feeling.", "spokenByCharacter": { "@type": "Person", "name": "bell hooks" } } },
        { "@type": "ListItem", "position": 8,
          "item": { "@type": "Quotation", "text": "People don't buy what you do; they buy why you do it.", "spokenByCharacter": { "@type": "Person", "name": "Simon Sinek" } } },
        { "@type": "ListItem", "position": 9,
          "item": { "@type": "Quotation", "text": "You do not rise to the level of your goals. You fall to the level of your systems.", "spokenByCharacter": { "@type": "Person", "name": "James Clear" } } },
        { "@type": "ListItem", "position": 10,
          "item": { "@type": "Quotation", "text": "The days are long, but the years are short.", "spokenByCharacter": { "@type": "Person", "name": "Gretchen Rubin" } } },
        { "@type": "ListItem", "position": 11,
          "item": { "@type": "Quotation", "text": "I can be changed by what happens to me. But I refuse to be reduced by it.", "spokenByCharacter": { "@type": "Person", "name": "Maya Angelou" } } },
        { "@type": "ListItem", "position": 12,
          "item": { "@type": "Quotation", "text": "It's not where you started in life, it's where you end up. Believe in yourself.", "spokenByCharacter": { "@type": "Person", "name": "Colin Powell" } } }
      ]
    }
  }
  </script>

  <!-- Resource hints: warm up third-party connections before the parser hits the script tags -->
  <link rel="preconnect" href="https://fonts.googleapis.com"/>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  <link rel="preconnect" href="https://pagead2.googlesyndication.com" crossorigin/>
  <link rel="preconnect" href="https://fundingchoicesmessages.google.com" crossorigin/>
  <link rel="dns-prefetch" href="https://googleads.g.doubleclick.net"/>
  <link rel="dns-prefetch" href="https://tpc.googlesyndication.com"/>
  <link rel="dns-prefetch" href="https://www.google-analytics.com"/>

  <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;1,9..144,300;1,9..144,400&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet"/>

  <link rel="preload" as="style" href="/assets/css/main.min.css?v=6"/>
  <link rel="stylesheet" href="/assets/css/main.min.css?v=6"/>

  <!-- Critical CSS overrides for CLS + homepage layout (mood section is above hero now). -->
  <style>
    /* Hero is no longer the first thing on the page; size it to content, not to viewport */
    .hero{min-height:auto;padding-top:32px;padding-bottom:48px}
    .quote-stage{min-height:240px}
    @media (min-width:768px){.quote-stage{min-height:280px}}
    /* Reserve ad slot heights so AdSense fill does not cause shift */
    .ad-slot ins.adsbygoogle{min-height:280px}
    .ad-slot-inline{min-height:320px}
    .ad-slot-multiplex{min-height:500px}
    /* Visible H1 + tagline above the mood section */
    .home-intro{padding:96px 24px 8px;text-align:center}
    .home-h1{font-family:'Fraunces',Georgia,serif;font-weight:300;font-style:italic;font-size:clamp(28px,4vw,40px);line-height:1.2;color:var(--ink,#0D0D0D);margin:0 auto 8px;max-width:780px;letter-spacing:-0.01em}
    .home-tagline{font-family:'Inter',-apple-system,sans-serif;font-weight:400;font-size:clamp(14px,1.6vw,16px);line-height:1.6;color:var(--ink3,#6b6b6b);margin:0 auto;max-width:560px}
    /* Tighten the mood section since it now sits high on the page */
    .mood-section{padding-top:12px}
    /* Hide the scroll hint since the hero is no longer the first viewport */
    .hero .scroll-hint{display:none}
  </style>
  <!-- Google AdSense -->
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4868281265926059"
       crossorigin="anonymous"></script>
  <script>
    /* Opt out of AdSense Auto Ads (anchor, vignette, side rails, in-page auto).
       Manual <ins class="adsbygoogle"> slots still work. */
    window.adsbygoogle = window.adsbygoogle || [];
    window.adsbygoogle.push({
      google_ad_client: "ca-pub-4868281265926059",
      enable_page_level_ads: false,
      overlays: { bottom: false }
    });
  </script>

  <!-- Google Funding Choices: GDPR/CCPA-compliant cookie consent (Consent Mode v2). Required for EU/UK ad serving. -->
  <script async src="https://fundingchoicesmessages.google.com/i/pub-4868281265926059?ers=1" nonce="llh-fc"></script>
  <script nonce="llh-fc">(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();</script>
  <link rel="manifest" href="/manifest.json"/>
  <link rel="alternate" type="application/rss+xml" title="Live Life Happy Stories" href="/rss.xml"/>
  <link rel="author" href="/humans.txt"/>
  <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
  <link rel="icon" type="image/x-icon" href="/favicon.ico"/>
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/icons/favicon-16.png"/>
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/icons/favicon-32.png"/>
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"/>
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What kind of quotes can I find on Live Life Happy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Live Life Happy has over 5,600 curated inspirational quotes across 11 topics: self-love, happiness, healing, resilience, growth, wisdom, gratitude, mindfulness, relationships, and success. The collection has been curated since 2007 by Robert Tew."
      }
    },
    {
      "@type": "Question",
      "name": "Who runs Live Life Happy?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Live Life Happy was founded in 2007 by Robert Tew, known online as DeepLifeQuotes. Robert has over 2 million followers across social media platforms and has been curating inspirational content for nearly two decades."
      }
    },
    {
      "@type": "Question",
      "name": "What are the most popular inspirational quotes?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Some of the most popular inspirational quotes on the site include quotes about self-love, resilience, and finding happiness. Favorites include: 'Your value does not decrease based on someone\'s inability to see your worth.' and 'The strongest people are not those who show strength in front of us but those who win battles we know nothing about.'"
      }
    },
    {
      "@type": "Question",
      "name": "Does Live Life Happy have short inspirational quotes?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. We have a dedicated collection of short inspirational quotes — one-liners and two-sentence quotes that are perfect for saving to your phone, using as a caption, or sending to someone who needs a lift. Visit our short inspirational quotes article for the 100 best ones."
      }
    }
  ]
}
</script>
  <!-- LLH critical CSS overrides to prevent CLS. Idempotent marker: llh-critical-css -->
  <style id="llh-critical-css">
    .ad-slot ins.adsbygoogle{min-height:280px}
    .ad-slot-inline{min-height:320px}
    .ad-slot-multiplex{min-height:500px}
    .quote-stage{min-height:260px}
    @media (min-width:768px){.quote-stage{min-height:300px}}
    body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
  </style>
</head>
<body>
  <a class="skip-link" href="#main-content">Skip to content</a>

  <header class="site-header" id="siteHeader">
  <div class="header-inner">
    <a href="/" class="logo">Live Life Happy</a>

    <nav class="desk-nav" aria-label="Main navigation">
      <a href="/categories/">Categories</a>
      <a href="/quotes/">All Quotes</a>
      <a href="/authors/">Authors</a>
      <a href="/articles/">Stories</a>
      <a href="/quiz/">Quiz</a>
    </nav>

    <div class="header-right">
      <button class="ib" aria-label="Search" onclick="openSearch()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
      </button>
      <button class="ib ham" id="hamBtn" aria-label="Open menu" aria-expanded="false" onclick="toggleDrawer()">
        <span></span><span></span><span></span>
      </button>
    </div>
  </div>
</header>

<div class="drawer" id="drawer" aria-hidden="true">
  <a href="/categories/" onclick="toggleDrawer()">Categories</a>
  <a href="/quotes/" onclick="toggleDrawer()">All Quotes</a>
  <a href="/authors/" onclick="toggleDrawer()">Authors</a>
  <a href="/articles/" onclick="toggleDrawer()">Stories</a>
  <a href="/quiz/" onclick="toggleDrawer()">Quote Quiz</a>
  <a href="/about/" onclick="toggleDrawer()">About</a>
</div>


  <main id="main-content">
    <!-- Right sidebar ad (desktop only, >=1400px) -->

    <!-- Visible H1 + tagline above the hero for SEO and visitor clarity -->
    <header class="home-intro">
      <h1 class="home-h1">Find the right words for whatever you are feeling.</h1>
      <p class="home-tagline">10,000+ hand-picked quotes on self-love, resilience, happiness, healing, and life. Curated since 2007.</p>
    </header>

<!-- ── MOOD SEARCH (promoted above hero — the site's best feature, surfaced first) ── -->
<section class="mood-section" id="moodSection">
  <div class="wrap">
    <div class="mood-header">
      <h2 class="mood-title">How are you feeling today?</h2>
      <p class="mood-sub">Type a mood or feeling below and we'll find quotes that speak to exactly where you are right now.</p>
    </div>
    <div class="mood-input-wrap">
      <input
        type="text"
        id="moodInput"
        class="mood-input"
        placeholder="e.g. sad, anxious, grateful, lost, motivated..."
        autocomplete="off"
        aria-label="How are you feeling?"
        maxlength="60"
      />
      <button class="mood-search-btn" onclick="runMoodSearch()" aria-label="Search">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
      </button>
    </div>
    <div class="mood-chips" aria-label="Quick mood options">
      <button class="mood-chip" onclick="setMood(this,'sad')">Sad</button>
      <button class="mood-chip" onclick="setMood(this,'lonely')">Lonely</button>
      <button class="mood-chip" onclick="setMood(this,'anxious')">Anxious</button>
      <button class="mood-chip" onclick="setMood(this,'heartbroken')">Heartbroken</button>
      <button class="mood-chip" onclick="setMood(this,'lost')">Lost</button>
      <button class="mood-chip" onclick="setMood(this,'tired')">Tired</button>
      <button class="mood-chip" onclick="setMood(this,'struggling')">Struggling</button>
      <button class="mood-chip" onclick="setMood(this,'motivated')">Motivated</button>
      <button class="mood-chip" onclick="setMood(this,'grateful')">Grateful</button>
      <button class="mood-chip" onclick="setMood(this,'happy')">Happy</button>
      <button class="mood-chip" onclick="setMood(this,'peaceful')">Peaceful</button>
      <button class="mood-chip" onclick="setMood(this,'inspired')">Inspired</button>
    </div>
    <div id="moodResults" class="mood-results" aria-live="polite" hidden></div>
    <div id="moodEmpty" class="mood-empty" hidden>
      <p>No quotes found for that feeling. Try a different word, or <a href="/quotes/">browse all quotes</a>.</p>
    </div>
    <div id="moodLoading" class="mood-loading" hidden>
      <span>Finding the right words...</span>
    </div>
  </div>
</section>



<!-- ── HERO ── -->
<section class="hero">
  <p class="hero-label">Today's Featured Quotes</p>

  <div class="quote-stage" id="quoteStage" aria-roledescription="carousel" aria-label="Featured quotes">
    <div class="quote-track" id="quoteTrack">
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 1 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">You become what you think about most of the time. You think about your goals most of the time.</blockquote>
        <cite class="quote-author">— Brian Tracy</cite>
      </div>
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 2 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Vulnerability is not weakness; it&#39;s our greatest measure of courage.</blockquote>
        <cite class="quote-author">— Brene Brown</cite>
      </div>
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 3 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">You have to build calluses on your brain just like how you build calluses on your hands.</blockquote>
        <cite class="quote-author">— David Goggins</cite>
      </div>
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 4 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea.</blockquote>
        <cite class="quote-author">— Mel Robbins</cite>
      </div>
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 5 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">You are the average of the five people you spend the most time with.</blockquote>
        <cite class="quote-author">— Jim Rohn</cite>
      </div>
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 6 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">The quality of your relationships determines the quality of your life.</blockquote>
        <cite class="quote-author">— Esther Perel</cite>
      </div>
      
      <div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote 7 of 7">
        <div class="q-open" aria-hidden="true">"</div>
        <blockquote class="quote-text">Love is an action, never simply a feeling.</blockquote>
        <cite class="quote-author">— bell hooks</cite>
      </div>
      
    </div>
  </div>

  <div class="dots" id="heroDots" role="tablist" aria-label="Quote navigation"></div>

  <div class="hero-actions">
    <button class="act-btn" id="heroCopyBtn" onclick="copyHeroQuote()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
      Copy
    </button>
    <button class="act-btn" id="heroSaveBtn" onclick="toggleHeroSave(this)">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></svg>
      Save
    </button>
    <button class="act-btn" onclick="shareHeroQuote()">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg>
      Share
    </button>
    <a class="act-btn" href="/quiz/" style="background:var(--ink);color:#fff;border-color:var(--ink);">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
      Try the Quiz
    </a>
  </div>

  <div class="scroll-hint" aria-hidden="true">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
    Explore
  </div>
</section>

<!-- (Mood section moved above hero for first-fold prominence) -->

<!-- ── TOPIC BAR ── -->
<div class="topic-bar" id="topicBar">
  <div class="topic-scroll">
    <a href="/quotes/" class="topic-pill">All</a>
    
    <a href="/categories/relationships/" class="topic-pill">Relationships</a>
    
    <a href="/categories/wisdom/" class="topic-pill">Wisdom</a>
    
    <a href="/categories/self-love/" class="topic-pill">Self-Love</a>
    
    <a href="/categories/happiness/" class="topic-pill">Happiness</a>
    
    <a href="/categories/resilience/" class="topic-pill">Resilience</a>
    
    <a href="/categories/healing/" class="topic-pill">Healing</a>
    
    <a href="/categories/growth/" class="topic-pill">Growth</a>
    
    <a href="/categories/success/" class="topic-pill">Success</a>
    
    <a href="/categories/mindfulness/" class="topic-pill">Mindfulness</a>
    
    <a href="/categories/gratitude/" class="topic-pill">Gratitude</a>
    
  </div>
</div>

<!-- ── SAVED SECTION (shown only when items saved) ── -->
<section class="saved-section" id="savedSection" hidden>
  <div class="wrap">
    <div class="sec-header">
      <h2 class="sec-title">Saved Quotes</h2>
      <button class="see-all" onclick="clearSaved()">Clear all</button>
    </div>
    <div class="saved-chips" id="savedChips"></div>
  </div>
</section>

<!-- Ad slot: square (between mood search and today's quotes) -->
<div class="ad-slot ad-slot-inline" aria-label="Advertisement">
  <span class="ad-label">Advertisement</span>
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-client="ca-pub-4868281265926059"
       data-ad-slot="7806176702"
       data-ad-format="auto"
       data-full-width-responsive="true"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>

<!-- ── FEATURED QUOTES ── -->
<section class="section-alt" id="quotes">
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Today's Quotes</h2>
      <a href="/quotes/" class="see-all">All quotes →</a>
    </div>
    <div class="quote-list" id="quoteList">
      
      <div class="quote-row r">
        <span class="qr-num">01</span>
        <div class="qr-body">
          <p class="qr-text">"You become what you think about most of the time. You think about your goals most of the time."</p>
          <span class="qr-meta">
            <a href="/authors/brian-tracy/">Brian Tracy</a>
            · <a href="/categories/success/">Success</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="You become what you think about most of the time. You think about your goals most of the time." data-author="Brian Tracy" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="You become what you think about most of the time. You think about your goals most of the time." data-author="Brian Tracy" data-slug="you-become-what-you-think-about" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">02</span>
        <div class="qr-body">
          <p class="qr-text">"Vulnerability is not weakness; it&#39;s our greatest measure of courage."</p>
          <span class="qr-meta">
            <a href="/authors/brene-brown/">Brene Brown</a>
            · <a href="/categories/growth/">Growth</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="Vulnerability is not weakness; it&#39;s our greatest measure of courage." data-author="Brene Brown" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="Vulnerability is not weakness; it&#39;s our greatest measure of courage." data-author="Brene Brown" data-slug="vulnerability-is-courage" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">03</span>
        <div class="qr-body">
          <p class="qr-text">"Some people won&#39;t appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood."</p>
          <span class="qr-meta">
            <a href="/authors/robert-tew/">Robert Tew</a>
            · <a href="/categories/relationships/">Relationships</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="Some people won&#39;t appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood." data-author="Robert Tew" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="Some people won&#39;t appreciate you, no matter how much you do for them. Let go. Go where you are appreciated and understood." data-author="Robert Tew" data-slug="go-where-you-are-appreciated" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">04</span>
        <div class="qr-body">
          <p class="qr-text">"If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea."</p>
          <span class="qr-meta">
            <a href="/authors/mel-robbins/">Mel Robbins</a>
            · <a href="/categories/motivation/">Motivation</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" data-slug="five-second-rule" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">05</span>
        <div class="qr-body">
          <p class="qr-text">"You are the average of the five people you spend the most time with."</p>
          <span class="qr-meta">
            <a href="/authors/jim-rohn/">Jim Rohn</a>
            · <a href="/categories/growth/">Growth</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="You are the average of the five people you spend the most time with." data-author="Jim Rohn" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="You are the average of the five people you spend the most time with." data-author="Jim Rohn" data-slug="average-of-five-people" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">06</span>
        <div class="qr-body">
          <p class="qr-text">"The quality of your relationships determines the quality of your life."</p>
          <span class="qr-meta">
            <a href="/authors/esther-perel/">Esther Perel</a>
            · <a href="/categories/relationships/">Relationships</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="The quality of your relationships determines the quality of your life." data-author="Esther Perel" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="The quality of your relationships determines the quality of your life." data-author="Esther Perel" data-slug="quality-of-relationships" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">07</span>
        <div class="qr-body">
          <p class="qr-text">"Love is an action, never simply a feeling."</p>
          <span class="qr-meta">
            <a href="/authors/bell-hooks/">bell hooks</a>
            · <a href="/categories/relationships/">Relationships</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="Love is an action, never simply a feeling." data-author="bell hooks" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="Love is an action, never simply a feeling." data-author="bell hooks" data-slug="love-is-an-action" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">08</span>
        <div class="qr-body">
          <p class="qr-text">"People don&#39;t buy what you do; they buy why you do it."</p>
          <span class="qr-meta">
            <a href="/authors/simon-sinek/">Simon Sinek</a>
            · <a href="/categories/success/">Success</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="People don&#39;t buy what you do; they buy why you do it." data-author="Simon Sinek" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="People don&#39;t buy what you do; they buy why you do it." data-author="Simon Sinek" data-slug="people-buy-why-you-do-it" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">09</span>
        <div class="qr-body">
          <p class="qr-text">"You do not rise to the level of your goals. You fall to the level of your systems."</p>
          <span class="qr-meta">
            <a href="/authors/james-clear/">James Clear</a>
            · <a href="/categories/growth/">Growth</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" data-slug="fall-to-the-level-of-your-systems" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">10</span>
        <div class="qr-body">
          <p class="qr-text">"The days are long, but the years are short."</p>
          <span class="qr-meta">
            <a href="/authors/gretchen-rubin/">Gretchen Rubin</a>
            · <a href="/categories/wisdom/">Wisdom</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="The days are long, but the years are short." data-author="Gretchen Rubin" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="The days are long, but the years are short." data-author="Gretchen Rubin" data-slug="days-are-long-years-are-short" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">11</span>
        <div class="qr-body">
          <p class="qr-text">"I can be changed by what happens to me. But I refuse to be reduced by it."</p>
          <span class="qr-meta">
            <a href="/authors/maya-angelou/">Maya Angelou</a>
            · <a href="/categories/resilience/">Resilience</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="I can be changed by what happens to me. But I refuse to be reduced by it." data-author="Maya Angelou" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="I can be changed by what happens to me. But I refuse to be reduced by it." data-author="Maya Angelou" data-slug="refuse-to-be-reduced" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
      <div class="quote-row r">
        <span class="qr-num">12</span>
        <div class="qr-body">
          <p class="qr-text">"It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself."</p>
          <span class="qr-meta">
            <a href="/authors/colin-powell/">Colin Powell</a>
            · <a href="/categories/self-love/">Self-Love</a>
          </span>
        </div>
        <div class="qr-actions">
          <button class="qrb" data-action="copy" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" title="Copy">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
          </button>
          <button class="qrb heart-btn" data-action="save" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" data-slug="where-you-end-up" title="Save">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
          </button>
        </div>
      </div>
      
    </div>
    <div class="load-more-wrap">
      <a href="/quotes/" class="load-more-btn">Browse all quotes →</a>
    </div>
  </div>
</section>

<!-- ── CATEGORIES ── -->
<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Browse by Topic</h2>
      <a href="/categories/" class="see-all">All topics →</a>
    </div>
    <div class="cat-grid">
      
      <a href="/categories/relationships/" class="cat-card r">
        <span class="cat-name">Relationships</span>
        <span class="cat-count">1749 quotes</span>
      </a>
      
      <a href="/categories/wisdom/" class="cat-card r">
        <span class="cat-name">Wisdom</span>
        <span class="cat-count">1054 quotes</span>
      </a>
      
      <a href="/categories/self-love/" class="cat-card r">
        <span class="cat-name">Self-Love</span>
        <span class="cat-count">673 quotes</span>
      </a>
      
      <a href="/categories/happiness/" class="cat-card r">
        <span class="cat-name">Happiness</span>
        <span class="cat-count">607 quotes</span>
      </a>
      
      <a href="/categories/resilience/" class="cat-card r">
        <span class="cat-name">Resilience</span>
        <span class="cat-count">391 quotes</span>
      </a>
      
      <a href="/categories/healing/" class="cat-card r">
        <span class="cat-name">Healing</span>
        <span class="cat-count">336 quotes</span>
      </a>
      
      <a href="/categories/growth/" class="cat-card r">
        <span class="cat-name">Growth</span>
        <span class="cat-count">335 quotes</span>
      </a>
      
      <a href="/categories/success/" class="cat-card r">
        <span class="cat-name">Success</span>
        <span class="cat-count">238 quotes</span>
      </a>
      
      <a href="/categories/mindfulness/" class="cat-card r">
        <span class="cat-name">Mindfulness</span>
        <span class="cat-count">120 quotes</span>
      </a>
      
      <a href="/categories/gratitude/" class="cat-card r">
        <span class="cat-name">Gratitude</span>
        <span class="cat-count">95 quotes</span>
      </a>
      
    </div>
  </div>
</section>


  <div class="ad-slot ad-slot-inline" aria-label="Advertisement">
    <span class="ad-label">Advertisement</span>
    <ins class="adsbygoogle"
         style="display:block; text-align:center;"
         data-ad-layout="in-article"
         data-ad-format="fluid"
         data-ad-client="ca-pub-4868281265926059"
         data-ad-slot="6493095030"></ins>
    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  </div>


<!-- ── HAPPINESS QUOTES ── -->

<section class="section-alt">
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Happiness</h2>
      <a href="/categories/happiness/" class="see-all">607 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/fall-to-the-level-of-your-systems/" class="quote-card-link">
    <span class="quote-card-tag">Growth</span>
    <blockquote class="quote-card-text">You do not rise to the level of your goals. You fall to the level of your systems.</blockquote>
    <cite class="quote-card-author">— James Clear</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="You do not rise to the level of your goals. You fall to the level of your systems." data-author="James Clear" data-slug="fall-to-the-level-of-your-systems" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/every-person-has-the-power/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">Every person has the power to make others happy. Some do it simply by entering a room... others by leaving the room.</blockquote>
    <cite class="quote-card-author">— William Arthur Ward</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Every person has the power to make others happy. Some do it simply by entering a room... others by leaving the room." data-author="William Arthur Ward" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Every person has the power to make others happy. Some do it simply by entering a room... others by leaving the room." data-author="William Arthur Ward" data-slug="every-person-has-the-power" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/how-can-a-woman/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">How can a woman be expected to be happy with a man who insists on treating her as if she were a perfectly normal human being.</blockquote>
    <cite class="quote-card-author">— Oscar Wilde</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="How can a woman be expected to be happy with a man who insists on treating her as if she were a perfectly normal human being." data-author="Oscar Wilde" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="How can a woman be expected to be happy with a man who insists on treating her as if she were a perfectly normal human being." data-author="Oscar Wilde" data-slug="how-can-a-woman" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/look-at-the-trees-look-at-the-birds/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">Look at the trees, look at the birds, look at the clouds, look at the stars... and if you have eyes you will be able to see that the whole existence is joyful. Everything is simply happy. Trees are happy for no reason; they are not going to become prime ministers or presidents and they are not going to become rich and they will never have any bank balance. Look at the flowers - for no reason. It is simply unbelievable how happy flowers are.</blockquote>
    <cite class="quote-card-author">— Osho</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Look at the trees, look at the birds, look at the clouds, look at the stars... and if you have eyes you will be able to see that the whole existence is joyful. Everything is simply happy. Trees are happy for no reason; they are not going to become prime ministers or presidents and they are not going to become rich and they will never have any bank balance. Look at the flowers - for no reason. It is simply unbelievable how happy flowers are." data-author="Osho" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Look at the trees, look at the birds, look at the clouds, look at the stars... and if you have eyes you will be able to see that the whole existence is joyful. Everything is simply happy. Trees are happy for no reason; they are not going to become prime ministers or presidents and they are not going to become rich and they will never have any bank balance. Look at the flowers - for no reason. It is simply unbelievable how happy flowers are." data-author="Osho" data-slug="look-at-the-trees-look-at-the-birds" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/we-do-not-smile-because-something-good-has-happened/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">We do not smile because something good has happened; rather something good happens because we smile.</blockquote>
    <cite class="quote-card-author">— Japanese Proverb</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="We do not smile because something good has happened; rather something good happens because we smile." data-author="Japanese Proverb" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="We do not smile because something good has happened; rather something good happens because we smile." data-author="Japanese Proverb" data-slug="we-do-not-smile-because-something-good-has-happened" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/the-time-spent-on-hating-is-the-time-lost-for-living-a-peaceful-happy-life-it-is/" class="quote-card-link">
    <span class="quote-card-tag">Happiness</span>
    <blockquote class="quote-card-text">The time spent on hating is the time lost for living a peaceful, happy life. It is a habit that controls what you see, what you say, what you do and ultimately, what you become.</blockquote>
    <cite class="quote-card-author">— Mickey Reid</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The time spent on hating is the time lost for living a peaceful, happy life. It is a habit that controls what you see, what you say, what you do and ultimately, what you become." data-author="Mickey Reid" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The time spent on hating is the time lost for living a peaceful, happy life. It is a habit that controls what you see, what you say, what you do and ultimately, what you become." data-author="Mickey Reid" data-slug="the-time-spent-on-hating-is-the-time-lost-for-living-a-peaceful-happy-life-it-is" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<!-- ── DARK STRIP ── -->
<div class="dark-strip">
  <span class="dark-label">Words to live by</span>
  <blockquote>"You don't have to have it all figured out to move forward. Just take the next step."</blockquote>
  <cite>— Live Life Happy</cite>
</div>

<!-- ── SELF-LOVE QUOTES ── -->

<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Self-Love</h2>
      <a href="/categories/self-love/" class="see-all">673 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/five-second-rule/" class="quote-card-link">
    <span class="quote-card-tag">Motivation</span>
    <blockquote class="quote-card-text">If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea.</blockquote>
    <cite class="quote-card-author">— Mel Robbins</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea." data-author="Mel Robbins" data-slug="five-second-rule" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/sometimes-walking-away-is-strength/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">Sometimes walking away has nothing to do with weakness, and everything to do with strength. We walk away not because we want others to realize our worth and value, but because we finally realize our own.</blockquote>
    <cite class="quote-card-author">— Robert Tew</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Sometimes walking away has nothing to do with weakness, and everything to do with strength. We walk away not because we want others to realize our worth and value, but because we finally realize our own." data-author="Robert Tew" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Sometimes walking away has nothing to do with weakness, and everything to do with strength. We walk away not because we want others to realize our worth and value, but because we finally realize our own." data-author="Robert Tew" data-slug="sometimes-walking-away-is-strength" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/its-not-where-you-started/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself.</blockquote>
    <cite class="quote-card-author">— Colin Powell</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="It&#39;s not where you started in life, it&#39;s where you end up. Believe in yourself." data-author="Colin Powell" data-slug="its-not-where-you-started" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/you-can-never-rise-higher-than-your-expectations/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">You can never rise higher than your expectations of yourself. Expect the best!</blockquote>
    <cite class="quote-card-author">— Brian Tracy</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="You can never rise higher than your expectations of yourself. Expect the best!" data-author="Brian Tracy" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="You can never rise higher than your expectations of yourself. Expect the best!" data-author="Brian Tracy" data-slug="you-can-never-rise-higher-than-your-expectations" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/if-theres-just-one-piece-of-advice-i-can-give-its-this-when-theres-something-you/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">If there&#39;s just one piece of advice I can give, it&#39;s this: when there&#39;s something you really want - fight for it, don&#39;t give up no matter how hopeless it seems. And when you&#39;ve lost hope, ask yourself if ten years from now, you&#39;re gonna wish you gave it just one more shot...because the best things in life don&#39;t come free.</blockquote>
    <cite class="quote-card-author">— Ellen Pompeo</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="If there&#39;s just one piece of advice I can give, it&#39;s this: when there&#39;s something you really want - fight for it, don&#39;t give up no matter how hopeless it seems. And when you&#39;ve lost hope, ask yourself if ten years from now, you&#39;re gonna wish you gave it just one more shot...because the best things in life don&#39;t come free." data-author="Ellen Pompeo" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="If there&#39;s just one piece of advice I can give, it&#39;s this: when there&#39;s something you really want - fight for it, don&#39;t give up no matter how hopeless it seems. And when you&#39;ve lost hope, ask yourself if ten years from now, you&#39;re gonna wish you gave it just one more shot...because the best things in life don&#39;t come free." data-author="Ellen Pompeo" data-slug="if-theres-just-one-piece-of-advice-i-can-give-its-this-when-theres-something-you" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/ive-lived-long-enough-to-know-that-most-of-the-things-i-worried-about-never-happ/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">I’ve lived long enough to know that most of the things I worried about never happened, that most of the things I felt bad about turned out to be for the better, and that most of the things I hoped would stay the same couldn’t stay the same if they wanted to, because change is the Process of Life Itself.</blockquote>
    <cite class="quote-card-author">— Neale Donald Walsch</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="I’ve lived long enough to know that most of the things I worried about never happened, that most of the things I felt bad about turned out to be for the better, and that most of the things I hoped would stay the same couldn’t stay the same if they wanted to, because change is the Process of Life Itself." data-author="Neale Donald Walsch" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="I’ve lived long enough to know that most of the things I worried about never happened, that most of the things I felt bad about turned out to be for the better, and that most of the things I hoped would stay the same couldn’t stay the same if they wanted to, because change is the Process of Life Itself." data-author="Neale Donald Walsch" data-slug="ive-lived-long-enough-to-know-that-most-of-the-things-i-worried-about-never-happ" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<!-- ── STORIES ── -->
<section class="section-alt" id="stories">
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Inspirational Stories</h2>
      <a href="/articles/" class="see-all">All stories →</a>
    </div>
    <div class="stories-grid">
      
      <a href="/articles/every-story-has-a-beginning/" class="story-card r">
        <div class="story-img"><span>"Before they were famous, your favorite celebrities were washing dishes, selling ..."</span></div>
        <div class="story-body">
          <span class="story-tag">Motivation</span>
          <h3 class="story-title">Every Successful Story Has a Painful Beginning</h3>
          <p class="story-excerpt">Before they were famous, your favorite celebrities were washing dishes, selling pens over the phone, and getting fired f...</p>
        </div>
      </a>
      
      <a href="/articles/17-rules-for-happiness/" class="story-card r">
        <div class="story-img"><span>"Karl Moore&#39;s 17 simple rules for being happier every day. From letting go of sel..."</span></div>
        <div class="story-body">
          <span class="story-tag">Happiness</span>
          <h3 class="story-title">17 Rules for Happiness (by Karl Moore)</h3>
          <p class="story-excerpt">Karl Moore&#39;s 17 simple rules for being happier every day. From letting go of self-pity to following your bliss, these ru...</p>
        </div>
      </a>
      
      <a href="/articles/ubuntu-running-together/" class="story-card r">
        <div class="story-img"><span>"An anthropologist fills a basket with fruit and tells a group of children whoeve..."</span></div>
        <div class="story-body">
          <span class="story-tag">Community</span>
          <h3 class="story-title">Ubuntu: Why Running Together Feels Better Than Winning Alone</h3>
          <p class="story-excerpt">An anthropologist fills a basket with fruit and tells a group of children whoever reaches it first wins everything. What...</p>
        </div>
      </a>
      
      <a href="/articles/30-days-of-carrying-my-wife/" class="story-card r">
        <div class="story-img"><span>"A husband asks for a divorce. His wife makes one quiet request before she agrees..."</span></div>
        <div class="story-body">
          <span class="story-tag">Love</span>
          <h3 class="story-title">30 Days of Carrying My Wife</h3>
          <p class="story-excerpt">A husband asks for a divorce. His wife makes one quiet request before she agrees. What happens over the next thirty days...</p>
        </div>
      </a>
      
      <a href="/articles/find-happiness-by-giving-it/" class="story-card r">
        <div class="story-img"><span>"Fifty people each write their name on a balloon. They can&#39;t find their own. But ..."</span></div>
        <div class="story-body">
          <span class="story-tag">Happiness</span>
          <h3 class="story-title">Find Happiness by Giving It Away</h3>
          <p class="story-excerpt">Fifty people each write their name on a balloon. They can&#39;t find their own. But then something surprising happens. This ...</p>
        </div>
      </a>
      
      <a href="/articles/building-your-house/" class="story-card r">
        <div class="story-img"><span>"An elderly carpenter is asked to build one final house before retiring. He does ..."</span></div>
        <div class="story-body">
          <span class="story-tag">Wisdom</span>
          <h3 class="story-title">Building Your House</h3>
          <p class="story-excerpt">An elderly carpenter is asked to build one final house before retiring. He does a careless job, wanting to get it done f...</p>
        </div>
      </a>
      
    </div>
  </div>
</section>

<!-- ── RESILIENCE QUOTES ── -->

<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Resilience</h2>
      <a href="/categories/resilience/" class="see-all">391 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/everything-is-figureoutable/" class="quote-card-link">
    <span class="quote-card-tag">Growth</span>
    <blockquote class="quote-card-text">Everything is figureoutable.</blockquote>
    <cite class="quote-card-author">— Marie Forleo</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Everything is figureoutable." data-author="Marie Forleo" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Everything is figureoutable." data-author="Marie Forleo" data-slug="everything-is-figureoutable" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/getting-over-a-painful-experience/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">Getting over a painful experience is much like crossing monkey bars. You have to let go at some point in order to move forward.</blockquote>
    <cite class="quote-card-author">— C.S. Lewis</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Getting over a painful experience is much like crossing monkey bars. You have to let go at some point in order to move forward." data-author="C.S. Lewis" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Getting over a painful experience is much like crossing monkey bars. You have to let go at some point in order to move forward." data-author="C.S. Lewis" data-slug="getting-over-a-painful-experience" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/the-more-we-struggle-to-resolve-a-negative-reaction-the-more-wrapped-up-in-it-we/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">The more we struggle to resolve a negative reaction, the more wrapped up in it we become. Remember, we animate what we give our attention to.</blockquote>
    <cite class="quote-card-author">— Guy Finley</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The more we struggle to resolve a negative reaction, the more wrapped up in it we become. Remember, we animate what we give our attention to." data-author="Guy Finley" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The more we struggle to resolve a negative reaction, the more wrapped up in it we become. Remember, we animate what we give our attention to." data-author="Guy Finley" data-slug="the-more-we-struggle-to-resolve-a-negative-reaction-the-more-wrapped-up-in-it-we" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/anyone-can-be-taken-at-any-time/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">Anyone can be taken, at any time in our lives, but we always wait until they&#39;re gone to say the things we never had the courage to before.</blockquote>
    <cite class="quote-card-author">— Melody Carlson</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Anyone can be taken, at any time in our lives, but we always wait until they&#39;re gone to say the things we never had the courage to before." data-author="Melody Carlson" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Anyone can be taken, at any time in our lives, but we always wait until they&#39;re gone to say the things we never had the courage to before." data-author="Melody Carlson" data-slug="anyone-can-be-taken-at-any-time" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/i-became-strong-when-you-set-me-free/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">I became strong when you set me free and I became even stronger when I let you go.</blockquote>
    <cite class="quote-card-author">— Joe Marcial</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="I became strong when you set me free and I became even stronger when I let you go." data-author="Joe Marcial" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="I became strong when you set me free and I became even stronger when I let you go." data-author="Joe Marcial" data-slug="i-became-strong-when-you-set-me-free" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/the-struggle-youre-in-today/" class="quote-card-link">
    <span class="quote-card-tag">Resilience</span>
    <blockquote class="quote-card-text">The struggle you&#39;re in today is developing the strength you need for tomorrow. Don&#39;t give up.</blockquote>
    <cite class="quote-card-author">— Robert Tew</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The struggle you&#39;re in today is developing the strength you need for tomorrow. Don&#39;t give up." data-author="Robert Tew" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The struggle you&#39;re in today is developing the strength you need for tomorrow. Don&#39;t give up." data-author="Robert Tew" data-slug="the-struggle-youre-in-today" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<!-- ── NEWSLETTER ── -->
<section class="newsletter-section" id="newsletter">
  <span class="nl-label">Free daily newsletter</span>
  <h2 class="nl-title">Start Every Morning with Intent</h2>
  <p class="nl-desc">One quote. One reflection. Under a minute to read. Join 12,000 people who begin their day with Live Life Happy.</p>
  <form class="nl-form" onsubmit="handleSubscribe(event)">
    <input class="nl-input" type="email" placeholder="Your email address" required aria-label="Email address"/>
    <button class="nl-submit" type="submit">Subscribe</button>
  </form>
  <p class="nl-note">Free forever · Unsubscribe anytime</p>
</section>

<!-- ── MINDFULNESS QUOTES ── -->

<section>
  <div class="wrap">
    <div class="sec-header r">
      <h2 class="sec-title">Mindfulness</h2>
      <a href="/categories/mindfulness/" class="see-all">120 quotes →</a>
    </div>
    <div class="quote-grid">
      
        
<article class="quote-card r">
  <a href="/quotes/the-greatest-power/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">The greatest power you possess in life is your understanding that life gives you a fresh start any moment you choose to start fresh.</blockquote>
    <cite class="quote-card-author">— Guy Finley</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="The greatest power you possess in life is your understanding that life gives you a fresh start any moment you choose to start fresh." data-author="Guy Finley" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="The greatest power you possess in life is your understanding that life gives you a fresh start any moment you choose to start fresh." data-author="Guy Finley" data-slug="the-greatest-power" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/every-single-thing-that-happened/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">Every single thing that has ever happened in your life is preparing you for the moment that is to come.</blockquote>
    <cite class="quote-card-author">— Oprah Winfrey</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Every single thing that has ever happened in your life is preparing you for the moment that is to come." data-author="Oprah Winfrey" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Every single thing that has ever happened in your life is preparing you for the moment that is to come." data-author="Oprah Winfrey" data-slug="every-single-thing-that-happened" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/live-each-moment/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">Live each moment from your own inspiration, not from your desire to look good in the eyes of others.</blockquote>
    <cite class="quote-card-author">— Ralph Marston</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Live each moment from your own inspiration, not from your desire to look good in the eyes of others." data-author="Ralph Marston" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Live each moment from your own inspiration, not from your desire to look good in the eyes of others." data-author="Ralph Marston" data-slug="live-each-moment" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/trust-yourself-youve-survived-a-lot/" class="quote-card-link">
    <span class="quote-card-tag">Self-Love</span>
    <blockquote class="quote-card-text">Trust yourself. You&#39;ve survived a lot, and you&#39;ll survive whatever is coming.</blockquote>
    <cite class="quote-card-author">— Robert Tew</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Trust yourself. You&#39;ve survived a lot, and you&#39;ll survive whatever is coming." data-author="Robert Tew" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Trust yourself. You&#39;ve survived a lot, and you&#39;ll survive whatever is coming." data-author="Robert Tew" data-slug="trust-yourself-youve-survived-a-lot" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/stress-is-resistance-to/" class="quote-card-link">
    <span class="quote-card-tag">Mindfulness</span>
    <blockquote class="quote-card-text">Stress is resistance to living in the moment.</blockquote>
    <cite class="quote-card-author">— Dr. Andy Baldwin</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="Stress is resistance to living in the moment." data-author="Dr. Andy Baldwin" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="Stress is resistance to living in the moment." data-author="Dr. Andy Baldwin" data-slug="stress-is-resistance-to" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
        
<article class="quote-card r">
  <a href="/quotes/what-we-fear-most/" class="quote-card-link">
    <span class="quote-card-tag">Growth</span>
    <blockquote class="quote-card-text">What we fear doing most is usually what we most need to do.</blockquote>
    <cite class="quote-card-author">— Tim Ferriss</cite>
  </a>
  <div class="quote-card-actions">
    <button class="qca" data-action="copy" data-text="What we fear doing most is usually what we most need to do." data-author="Tim Ferriss" title="Copy quote" aria-label="Copy quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
    </button>
    <button class="qca heart-btn" data-action="save" data-text="What we fear doing most is usually what we most need to do." data-author="Tim Ferriss" data-slug="what-we-fear-most" title="Save quote" aria-label="Save quote">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
    </button>
  </div>
</article>

      
    </div>
  </div>
</section>

<script>
// Hero carousel data (inlined — small, needed immediately)
window.HERO_QUOTES = [
  
  { text: "You become what you think about most of the time. You think about your goals most of the time.", author: "Brian Tracy", slug: "you-become-what-you-think-about" },
  
  { text: "Vulnerability is not weakness; it&#39;s our greatest measure of courage.", author: "Brene Brown", slug: "vulnerability-is-courage" },
  
  { text: "You have to build calluses on your brain just like how you build calluses on your hands.", author: "David Goggins", slug: "build-calluses-on-your-brain" },
  
  { text: "If you have the impulse to act on a goal, you must physically move within five seconds, or your brain will kill the idea.", author: "Mel Robbins", slug: "five-second-rule" },
  
  { text: "You are the average of the five people you spend the most time with.", author: "Jim Rohn", slug: "average-of-five-people" },
  
  { text: "The quality of your relationships determines the quality of your life.", author: "Esther Perel", slug: "quality-of-relationships" },
  
  { text: "Love is an action, never simply a feeling.", author: "bell hooks", slug: "love-is-an-action" }
  
];

// ── MOOD SEARCH ───────────────────────────────────────────────────────────────
var _quotesIndexLoaded = false;
var _quotesIndexLoading = false;
var _moodQueue = null;

function _loadQuotesIndex(cb) {
  if (_quotesIndexLoaded) { cb(); return; }
  if (_quotesIndexLoading) { _moodQueue = cb; return; }
  _quotesIndexLoading = true;
  var s = document.createElement('script');
  s.src = '/assets/js/quotes-index.js';
  s.onload = function() {
    _quotesIndexLoaded = true;
    _quotesIndexLoading = false;
    cb();
    if (_moodQueue) { _moodQueue(); _moodQueue = null; }
  };
  s.onerror = function() {
    _quotesIndexLoading = false;
    document.getElementById('moodLoading').hidden = true;
    document.getElementById('moodEmpty').hidden = false;
  };
  document.head.appendChild(s);
}

// Mood synonym map — expands user input to related terms
var MOOD_SYNONYMS = {
  'sad':         ['sad','sadness','grief','sorrow','hurt','pain','tears','crying','down','blue'],
  'happy':       ['happy','happiness','joy','joyful','delight','smile','grateful','glad','cheerful'],
  'anxious':     ['anxious','anxiety','stress','stressed','worry','worried','nervous','fear','scared'],
  'lonely':      ['lonely','loneliness','alone','isolated','empty','missing','disconnected'],
  'heartbroken': ['heartbroken','heartbreak','broken','love','lost','goodbye','letting go','moving on'],
  'motivated':   ['motivated','motivation','inspired','inspiration','driven','ambition','goal','purpose'],
  'grateful':    ['grateful','gratitude','thankful','appreciate','blessings','abundance','blessed'],
  'lost':        ['lost','confused','uncertain','searching','direction','path','purpose','clarity'],
  'tired':       ['tired','exhausted','burned out','weary','drained','overwhelmed','rest'],
  'struggling':  ['struggling','struggle','hard time','difficult','pain','strength','perseverance'],
  'peaceful':    ['peaceful','peace','calm','stillness','quiet','serenity','tranquil','content'],
  'inspired':    ['inspired','inspiration','motivated','growth','potential','becoming','change'],
  'broken':      ['broken','healing','heal','pain','hurt','scars','recovery','strength'],
  'insecure':    ['insecure','insecurity','self-worth','confidence','enough','value','worthy'],
  'grieving':    ['grief','loss','death','gone','missing','remember','letting go','healing'],
  'hopeful':     ['hope','hopeful','future','believe','better','possible','faith','trust']
};

function expandMoodTerms(input) {
  var terms = input.toLowerCase().trim().split(/[\s,]+/).filter(Boolean);
  var expanded = new Set(terms);
  terms.forEach(function(t) {
    // Direct match in synonym map
    if (MOOD_SYNONYMS[t]) {
      MOOD_SYNONYMS[t].forEach(function(s) { expanded.add(s); });
    }
    // Partial match — if any key starts with the term
    Object.keys(MOOD_SYNONYMS).forEach(function(k) {
      if (k.indexOf(t) === 0 || t.indexOf(k) === 0) {
        MOOD_SYNONYMS[k].forEach(function(s) { expanded.add(s); });
      }
    });
  });
  return Array.from(expanded);
}

function scoreMoodQuote(q, terms) {
  var score = 0;
  var textLow = q.text.toLowerCase();
  var moods = q.moods || [];
  terms.forEach(function(t) {
    if (moods.indexOf(t) !== -1) score += 3;         // direct mood match
    if (textLow.indexOf(t) !== -1) score += 1;       // text contains term
    if (q.categorySlug && q.categorySlug.indexOf(t) !== -1) score += 1;
  });
  return score;
}

function renderMoodResults(matches) {
  var container = document.getElementById('moodResults');
  var emptyEl   = document.getElementById('moodEmpty');
  document.getElementById('moodLoading').hidden = true;

  if (!matches || matches.length === 0) {
    container.hidden = true;
    emptyEl.hidden = false;
    return;
  }
  emptyEl.hidden = true;
  container.hidden = false;

  var html = matches.map(function(q) {
    return '<div class="mood-result-row">'
      + '<div class="mrr-body">'
      + '<p class="mrr-text">' + escHtml(q.text) + '</p>'
      + '<span class="mrr-author">— ' + escHtml(q.author) + '</span>'
      + '</div>'
      + '<div class="mrr-actions">'
      + '<a href="/quotes/' + q.slug + '/" class="mrr-link" aria-label="View full quote">View</a>'
      + '<button class="qrb" onclick="copyMoodQuote(\'' + esc(q.text) + '\',\'' + esc(q.author) + '\')" title="Copy">'
      + '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>'
      + '</button>'
      + '</div>'
      + '</div>';
  }).join('');
  container.innerHTML = html;

  // Trigger scroll-reveal
  container.querySelectorAll('.mood-result-row').forEach(function(el, i) {
    el.style.animationDelay = (i * 60) + 'ms';
  });
}

function escHtml(s) {
  return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
}
function esc(s) {
  return String(s).replace(/\\/g,'\\\\').replace(/'/g,"\\'").replace(/"/g,'\\"');
}
function copyMoodQuote(text, author) {
  var full = '"' + text + '" — ' + author;
  if (navigator.clipboard) {
    navigator.clipboard.writeText(full).then(function() { showToast('Copied!'); });
  } else {
    var ta = document.createElement('textarea');
    ta.value = full; document.body.appendChild(ta); ta.select();
    try { document.execCommand('copy'); showToast('Copied!'); } catch(e) {}
    document.body.removeChild(ta);
  }
}

function runMoodSearch() {
  var input = document.getElementById('moodInput');
  var query = (input ? input.value : '').trim();
  if (!query) return;

  document.getElementById('moodLoading').hidden = false;
  document.getElementById('moodResults').hidden = true;
  document.getElementById('moodEmpty').hidden = true;

  _loadQuotesIndex(function() {
    var terms = expandMoodTerms(query);
    var scored = window.ALL_QUOTES
      .map(function(q) { return { q: q, s: scoreMoodQuote(q, terms) }; })
      .filter(function(x) { return x.s > 0; })
      .sort(function(a, b) { return b.s - a.s; });
    renderMoodResults(scored.slice(0, 8).map(function(x) { return x.q; }));
  });
}

function setMood(btn, mood) {
  var input = document.getElementById('moodInput');
  if (input) input.value = mood;
  document.querySelectorAll('.mood-chip').forEach(function(c) { c.classList.remove('active'); });
  btn.classList.add('active');
  runMoodSearch();
}

// Trigger search on Enter key
document.addEventListener('DOMContentLoaded', function() {
  var input = document.getElementById('moodInput');
  if (input) {
    input.addEventListener('keydown', function(e) {
      if (e.key === 'Enter') runMoodSearch();
    });
    // Pre-load quotes index when user starts typing (not on first keypress)
    var typed = false;
    input.addEventListener('input', function() {
      if (!typed && !_quotesIndexLoaded) {
        typed = true;
        _loadQuotesIndex(function() {}); // silent pre-load
      }
    });
  }
});
</script>
<!-- Ad slot: multiplex (end-of-content "recommended for you") -->
<div class="ad-slot ad-slot-multiplex" aria-label="More recommendations">
  <span class="ad-label">You might also like</span>
  <ins class="adsbygoogle"
       style="display:block"
       data-ad-format="autorelaxed"
       data-ad-client="ca-pub-4868281265926059"
       data-ad-slot="9476453810"></ins>
  <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>


  </main>

  <footer class="site-footer">
  <div class="wrap">
    <div class="footer-grid">

      <div class="footer-brand">
        <a href="/" class="logo">Live Life Happy</a>
        <p>A quiet corner of the internet for words that matter. Sharing wisdom since 2007.</p>
      </div>

      <div class="footer-col">
        <h4>Explore</h4>
        <ul>
          <li><a href="/quotes/">All Quotes</a></li>
          <li><a href="/authors/">Famous Authors</a></li>
          <li><a href="/categories/">All Topics</a></li>
          <li><a href="/#stories">Inspirational Stories</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h4>Topics</h4>
        <ul>
          <li><a href="/categories/happiness/">Happiness</a></li>
          <li><a href="/categories/self-love/">Self-Love</a></li>
          <li><a href="/categories/resilience/">Resilience</a></li>
          <li><a href="/categories/mindfulness/">Mindfulness</a></li>
        </ul>
      </div>

    </div>

    <div class="footer-bottom">
      <p>© 2026 Live Life Happy · Est. 2007</p>
      <div class="footer-links">
        <a href="/privacy/">Privacy</a>
        <a href="/terms/">Terms</a>
        <a href="/copyright/">Copyright</a>
        <a href="/about/">About</a>
        <a href="/contact/">Contact</a>
      </div>
    </div>
  </div>
</footer>

  <nav class="bottom-nav" aria-label="Mobile navigation">
  <a href="/" class="bn-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
    Home
  </a>
  <a href="/quotes/" class="bn-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z"/></svg>
    Quotes
  </a>
  <button class="bn-item" onclick="openSearch()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
    Search
  </button>
  <button class="bn-item" id="savedTab" onclick="showSaved()">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></svg>
    Saved
  </button>
  <a href="/articles/" class="bn-item">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6z"/><polyline points="22,6 12,13 2,6"/></svg>
    Stories
  </a>
</nav>


  <div class="toast" id="toast" aria-live="polite"></div>

  <script src="/assets/js/main.min.js?v=6"></script>

  <!-- ── DAILY QUOTE ROTATION ──
       Picks 7 quotes for the hero "Quote of the Day" rotator and 12 for
       the "Today's Quotes" list. Selection is deterministic per calendar
       day, so all visitors see the same set on the same day, and a fresh
       set automatically every 24 hours. -->
  <script>
  (function() {
    'use strict';

    // ---- Helpers ----
    function escHtml(s) {
      return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
    }
    function escAttr(s) {
      return String(s).replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
    }
    function slugify(s) {
      return String(s||'').toLowerCase().replace(/[^\w\s-]/g,'').replace(/\s+/g,'-');
    }

    // Days since epoch — same for all visitors on the same calendar day.
    function daySeed() {
      var now = new Date();
      var utcMidnight = Date.UTC(now.getFullYear(), now.getMonth(), now.getDate());
      return Math.floor(utcMidnight / 86400000);
    }

    // Mulberry32 PRNG — fast, simple, deterministic from a seed.
    function mulberry32(seed) {
      return function() {
        seed = (seed + 0x6D2B79F5) | 0;
        var t = Math.imul(seed ^ (seed >>> 15), 1 | seed);
        t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
        return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
      };
    }

    // Pick N unique quotes from a pool using a date-based seed.
    function pickDaily(pool, n, seedOffset) {
      var rand = mulberry32(daySeed() + seedOffset);
      var used = {};
      var picked = [];
      var attempts = 0;
      while (picked.length < n && attempts < n * 50) {
        var idx = Math.floor(rand() * pool.length);
        if (!used[idx]) { used[idx] = true; picked.push(pool[idx]); }
        attempts++;
      }
      return picked;
    }

    function renderHeroSlides(quotes) {
      var track = document.getElementById('quoteTrack');
      if (!track) return;
      track.innerHTML = quotes.map(function(q, i) {
        return '<div class="quote-slide" role="group" aria-roledescription="slide" aria-label="Quote ' + (i+1) + ' of ' + quotes.length + '">' +
                 '<div class="q-open" aria-hidden="true">&quot;</div>' +
                 '<blockquote class="quote-text">' + escHtml(q.text) + '</blockquote>' +
                 '<cite class="quote-author">&mdash; ' + escHtml(q.author) + '</cite>' +
               '</div>';
      }).join('');

      // Update the HERO_QUOTES array so any carousel logic that reads it stays in sync.
      window.HERO_QUOTES = quotes.map(function(q) {
        return { text: q.text, author: q.author, slug: q.slug };
      });

      // Rebuild the dot indicators if the carousel created them
      var dots = document.getElementById('heroDots');
      if (dots) {
        dots.innerHTML = quotes.map(function(_, i) {
          return '<button class="dot' + (i === 0 ? ' active' : '') + '" role="tab" aria-label="Quote ' + (i+1) + '" data-idx="' + i + '"></button>';
        }).join('');
      }

      // Reset the carousel to the first slide
      track.style.transform = 'translateX(0)';
    }

    function renderTodaysQuotes(quotes) {
      var list = document.getElementById('quoteList');
      if (!list) return;
      list.innerHTML = quotes.map(function(q, i) {
        var num = (i+1).toString().padStart(2, '0');
        var text = escHtml(q.text);
        var author = escHtml(q.author);
        var authorSlug = q.authorSlug || slugify(q.author);
        var category = q.category ? escHtml(q.category) : '';
        var categorySlug = q.categorySlug || '';
        var aText = escAttr(q.text);
        var aAuthor = escAttr(q.author);
        var aSlug = escAttr(q.slug || slugify(q.text).slice(0, 60));

        var meta = '<a href="/authors/' + escAttr(authorSlug) + '/">' + author + '</a>';
        if (category && categorySlug) {
          meta += ' &middot; <a href="/categories/' + escAttr(categorySlug) + '/">' + category + '</a>';
        }

        return '<div class="quote-row r v">' +
                 '<span class="qr-num">' + num + '</span>' +
                 '<div class="qr-body">' +
                   '<p class="qr-text">&quot;' + text + '&quot;</p>' +
                   '<span class="qr-meta">' + meta + '</span>' +
                 '</div>' +
                 '<div class="qr-actions">' +
                   '<button class="qrb" data-action="copy" data-text="' + aText + '" data-author="' + aAuthor + '" title="Copy" aria-label="Copy quote">' +
                     '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>' +
                   '</button>' +
                   '<button class="qrb heart-btn" data-action="save" data-save="' + aSlug + '" data-text="' + aText + '" data-author="' + aAuthor + '" data-slug="' + aSlug + '" title="Save" aria-label="Save quote">' +
                     '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path class="heart-fill" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>' +
                   '</button>' +
                 '</div>' +
               '</div>';
      }).join('');

      // Re-sync save buttons so any previously-saved hearts show as filled.
      if (typeof window.syncSaveButtons === 'function') {
        window.syncSaveButtons();
      } else if (typeof syncSaveButtons === 'function') {
        try { syncSaveButtons(); } catch (e) {}
      }
    }

    function rotateDaily() {
      var all = window.ALL_QUOTES;
      if (!Array.isArray(all) || all.length === 0) return;

      // Filter to readable, well-attributed quotes (skip extremely long or unattributed)
      var pool = all.filter(function(q) {
        return q && q.text && q.text.length >= 20 && q.text.length <= 240 && q.author;
      });
      if (pool.length < 30) pool = all;

      var heroPicks = pickDaily(pool, 7, 0);
      var todayPicks = pickDaily(pool, 12, 1000);

      renderHeroSlides(heroPicks);
      renderTodaysQuotes(todayPicks);

      // Re-run the appearance observer so the new rows fade in.
      var rows = document.querySelectorAll('.quote-row.r:not(.v)');
      rows.forEach(function(r) { r.classList.add('v'); });
    }

    // Load the existing 6,275-quote index, then rotate.
    function loadIndexAndRotate() {
      if (window.ALL_QUOTES) { rotateDaily(); return; }

      // Prefer the lazy loader from main.min.js if it exists.
      if (typeof _loadQuotesIndex === 'function') {
        _loadQuotesIndex(rotateDaily);
        return;
      }

      // Fallback: load it manually.
      var s = document.createElement('script');
      s.src = '/assets/js/quotes-index.js?v=1';
      s.onload = rotateDaily;
      document.head.appendChild(s);
    }

    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', loadIndexAndRotate);
    } else {
      loadIndexAndRotate();
    }
  })();
  </script>

</body>
</html>
