Embed

<div class="gfh-affirm-widget">
  <h2>Daily Affirmation Generator</h2>
  <p class="gfh-affirm-intro">
    Choose what you’re feeling or struggling with right now, and we’ll gently generate
    an affirmation to support you in this moment.
  </p>

  
  <div class="gfh-affirm-controls">
    <label for="gfhAffCategory">I’d like support with:</label>
    <select id="gfhAffCategory">
      <option value="">-- Please choose one --</option>
      <optgroup label="I'm feeling...">
        <option value="anxious">Anxious or on edge</option>
        <option value="sad">Sad, heavy, or low</option>
        <option value="overwhelmed">Stressed or overwhelmed</option>
      </optgroup>
      <optgroup label="I'm struggling with...">
        <option value="bodyImage">Body image & self-worth</option>
        <option value="emotionalEating">Emotional eating & cravings</option>
        <option value="burnout">Burnout, rest & overdoing</option>
      </optgroup>
    </select>

    <button type="button" id="gfhAffGenerateBtn" class="gfh-affirm-btn">
      Generate My Affirmation
    </button>
  </div>

  
  <div id="gfhAffResult" class="gfh-affirm-result">
    <p class="gfh-affirm-label">Your affirmation for today:</p>
    <p id="gfhAffText" class="gfh-affirm-text"></p>

    <div class="gfh-affirm-actions">
      <button type="button" id="gfhAffNewBtn" class="gfh-affirm-btn gfh-affirm-btn-outline">
        New Affirmation
      </button>
      <button type="button" id="gfhAffPrintBtn" class="gfh-affirm-btn gfh-affirm-btn-secondary">
        Print Affirmation Card
      </button>
    </div>
  </div>

  
  <div class="gfh-affirm-printable">
    <div class="gfh-affirm-card">
      <div class="gfh-affirm-card-inner">
        <p class="gfh-affirm-card-heading">Glow & Flow Daily Affirmation</p>
        <p id="gfhAffCardText" class="gfh-affirm-card-text">
          
        </p>
        <p class="gfh-affirm-card-footer">Glow & Flow Holistics</p>
      </div>
    </div>
  </div>
</div>

<style>
  .gfh-affirm-widget {
    max-width: 720px;
    margin: 2rem auto;
    padding: 2rem 2.5rem;
    background: #fdf7f2;
    border-radius: 18px;
    border: 1px solid #f0e0d2;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #3f2c2c;
  }

  .gfh-affirm-widget h2 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    color: #3a2621;
  }

  .gfh-affirm-intro {
    margin-bottom: 1.5rem;
    line-height: 1.6;
    font-size: 0.98rem;
  }

  .gfh-affirm-controls {
    margin-bottom: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
  }

  .gfh-affirm-controls label {
    font-weight: 600;
    margin-right: 0.5rem;
  }

  #gfhAffCategory {
    min-width: 260px;
    padding: 0.5rem 0.6rem;
    border-radius: 8px;
    border: 1px solid #d5c5b8;
    font-size: 0.95rem;
    box-sizing: border-box;
  }

  .gfh-affirm-btn {
    display: inline-block;
    padding: 0.6rem 1.3rem;
    background: #d9a76a;
    color: #ffffff;
    border: none;
    border-radius: 999px;
    font-weight: 600;
    font-size: 0.98rem;
    cursor: pointer;
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.08);
    transition: transform 0.08s ease, box-shadow 0.08s ease, background 0.1s ease;
    text-align: center;
    white-space: nowrap;
  }

  .gfh-affirm-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12);
    background: #c79052;
  }

  .gfh-affirm-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  }

  .gfh-affirm-btn-secondary {
    background: #c78b64;
  }

  .gfh-affirm-btn-secondary:hover {
    background: #b7774c;
  }

  .gfh-affirm-btn-outline {
    background: #ffffff;
    color: #c78b64;
    border: 1px solid #c78b64;
    box-shadow: none;
  }

  .gfh-affirm-btn-outline:hover {
    background: #fff4ea;
  }

  .gfh-affirm-result {
    margin-top: 1.5rem;
    padding: 1.25rem 1.4rem;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #f0e0d2;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
  }

  .gfh-affirm-result.gfh-show {
    animation: gfhFadeInUp 0.45s ease forwards;
  }

  .gfh-affirm-label {
    font-size: 0.9rem;
    color: #6f5a51;
    margin-bottom: 0.35rem;
  }

  .gfh-affirm-text {
    font-size: 1.1rem;
    line-height: 1.7;
    font-weight: 600;
    color: #3a2621;
    margin-bottom: 0.9rem;
  }

  .gfh-affirm-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  /* Printable card wrapper */
  .gfh-affirm-printable {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
  }

  .gfh-affirm-card {
    width: 100%;
    max-width: 420px;
    aspect-ratio: 3 / 4;
    background: linear-gradient(145deg, #fff7f0, #f4e2d8);
    border-radius: 24px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    padding: 1.5rem;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(8px);
  }

  .gfh-affirm-card.gfh-show {
    animation: gfhFadeInUp 0.55s ease forwards;
  }

  .gfh-affirm-card-inner {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.65);
    height: 100%;
    padding: 1.5rem 1.25rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .gfh-affirm-card-heading {
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8b6b54;
    margin-bottom: 0.75rem;
  }

  .gfh-affirm-card-text {
    font-size: 1.1rem;
    line-height: 1.8;
    font-weight: 600;
    color: #3a2621;
    margin: 0.5rem 0;
  }

  .gfh-affirm-card-footer {
    font-size: 0.85rem;
    text-align: right;
    color: #a17c60;
  }

  @keyframes gfhFadeInUp {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 600px) {
    .gfh-affirm-widget {
      padding: 1.5rem 1.25rem;
    }

    .gfh-affirm-controls {
      flex-direction: column;
      align-items: flex-start;
    }

    .gfh-affirm-btn {
      width: 100%;
      text-align: center;
    }

    #gfhAffCategory {
      width: 100%;
    }
  }

  /* Print styles: focus on the affirmation card only */
  @media print {
    body * {
      visibility: hidden !important;
    }

    .gfh-affirm-printable,
    .gfh-affirm-printable * {
      visibility: visible !important;
    }

    .gfh-affirm-printable {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      margin: 0;
      padding: 0;
    }

    .gfh-affirm-card {
      box-shadow: none;
      max-width: 100%;
      border-radius: 0;
    }
  }
</style>

<script>
  (function () {
    const AFFIRMATIONS = {
      anxious: [
        "I can breathe through this moment; my nervous system is allowed to settle slowly and gently.",
        "Even when my mind races, I am still worthy of softness and care.",
        "I don’t have to solve everything right now; I can take one calm step at a time.",
        "My breath is an anchor I can return to whenever I feel unsteady.",
        "Feeling anxious does not mean I am failing; it means my body is asking for safety.",
        "I am allowed to pause, ground, and choose what feels kind to me.",
        "My worth is not defined by how calm or productive I appear.",
        "I trust that this wave of anxiety will rise, peak, and eventually pass.",
        "I can offer myself compassion instead of criticism in this moment.",
        "I am learning how to listen to my body without judging it.",
        "I am safe enough to take one slow, nourishing breath right now.",
        "I don’t have to carry every worry alone; I can ask for support when I need it.",
        "I release the need to predict every outcome and lean into what I can control today.",
        "It’s okay if my best today looks different than yesterday.",
        "I honor the signals my body sends; they are information, not a verdict.",
        "I can gently redirect my focus to what grounds me right now.",
        "I am allowed to take up space, even when I feel shaky or unsure.",
        "I trust that I am growing stronger, even when I feel tender.",
        "I can choose peace in small moments, even if my mind feels loud.",
        "I am deserving of rest, safety, and calm—even before I feel “better.”"
      ],
      sad: [
        "My feelings are valid, and I don’t have to rush myself out of them.",
        "It’s okay if today is heavy; I can move slowly and still be worthy.",
        "I am allowed to be both a work in progress and deeply lovable.",
        "Sadness is a visitor, not my identity.",
        "I can hold my pain with tenderness instead of shame.",
        "I do not have to be cheerful to deserve care, support, and love.",
        "This season will not last forever; new light is already forming for me.",
        "I honor the part of me that is tired and still choosing to keep going.",
        "I can soften my expectations and offer myself gentler standards.",
        "I am worthy of joy, even if I can’t feel it fully right now.",
        "I can feel deeply and still be resilient, powerful, and whole.",
        "There is nothing wrong with me for needing time to heal.",
        "I celebrate the quiet ways I continue to show up for myself.",
        "I let go of the pressure to “bounce back” and allow myself to mend.",
        "I am not behind; I am moving at the pace that is right for my heart.",
        "Every small act of care I give myself is a vote for my future self.",
        "I can grieve what I’ve lost and still trust that new goodness can come.",
        "Even on hard days, I am worthy of kindness—from myself and others.",
        "I am not alone in this; others have felt this way and found their way forward, too.",
        "It is safe for me to feel my emotions and still believe in my healing."
      ],
      overwhelmed: [
        "I do not have to carry everything at once; I can choose one next step.",
        "I am allowed to set things down that are too heavy for me right now.",
        "Rest is not laziness; it is a requirement for my wholeness.",
        "I can trade perfection for presence in this moment.",
        "I am allowed to say no, even to things I used to say yes to.",
        "I can break big tasks into tiny, doable pieces and move gently.",
        "I am more important than my to-do list.",
        "I am learning to honor my limits without guilt or shame.",
        "My value isn’t measured by how much I produce or manage.",
        "It is enough to do what I can with the energy I have today.",
        "I give myself permission to pause, breathe, and recalibrate.",
        "I can create pockets of calm even in a busy season.",
        "I am allowed to center my wellbeing instead of everyone else’s expectations.",
        "I can release what isn’t mine to carry and focus on what truly matters.",
        "I trust that even small acts of organization and rest support my peace.",
        "I am doing the best I can with what I know and what I have.",
        "I give myself permission to reschedule, reorder, or release obligations.",
        "It is safe for me to move slower and still live a meaningful life.",
        "My nervous system deserves gentleness, not constant urgency.",
        "I can choose one small supportive action and let that be enough for now."
      ],
      bodyImage: [
        "My body is not an apology; it is a home I am learning to honor.",
        "I am worthy of love, respect, and care at every size and shape.",
        "My value is not measured in pounds, sizes, or numbers.",
        "I can speak to my body today with softness instead of criticism.",
        "My body has carried me through every single day of my life so far; that is sacred.",
        "I release comparison and remember that my journey is uniquely mine.",
        "I am allowed to take up space—physically, emotionally, and energetically.",
        "My worth is rooted in who I am, not how I look.",
        "I can choose clothes, routines, and rituals that make me feel supported, not punished.",
        "I am learning to see my body as an ally instead of an enemy.",
        "I am more than a reflection in the mirror; I am a whole, complex, beautiful human.",
        "I can appreciate what my body can do, not just how it appears.",
        "I honor my hunger, fullness, and needs without shame.",
        "My body deserves nourishment, rest, and kindness—not harsh rules.",
        "I do not have to earn rest, food, or joy with struggle.",
        "I am allowed to slowly unlearn harmful messages about my body.",
        "I can be grateful for this body even as it changes.",
        "I am enough, right here and right now, in this exact body.",
        "I choose to talk to myself the way I would talk to a dear friend.",
        "My body is a living story of survival, growth, and resilience."
      ],
      emotionalEating: [
        "I release the shame around emotional eating; it has been a coping tool, not a character flaw.",
        "I am learning to meet my emotions with compassion instead of judgment.",
        "Every urge is an invitation to listen, not a sign that I am broken.",
        "I can pause and ask, “What do I really need right now?” before I react.",
        "Even if I eat emotionally, I can return to kindness and curiosity afterward.",
        "Progress is not perfection; it is noticing, choosing, and adjusting over time.",
        "I can build new pathways: emotion → self-care, not just emotion → food.",
        "I trust that I am capable of building a gentler relationship with both food and feelings.",
        "I am allowed to feel and feed myself without guilt.",
        "One moment, one choice, does not erase all of my growth.",
        "I can keep learning what truly comforts me beyond the first bite.",
        "I celebrate every small moment I pause, reflect, or choose an alternative.",
        "I am not “bad” for using food to cope; I am human and healing.",
        "I deserve tools that soothe my heart, not just my taste buds.",
        "I can notice urges without needing to obey them immediately.",
        "I am building trust with myself, one compassionate choice at a time.",
        "I can separate my worth from my eating patterns.",
        "I am allowed to both nourish my body and nurture my emotions.",
        "Each day is a fresh opportunity to respond to myself with more grace.",
        "I am worthy of support, healing, and a peaceful relationship with food."
      ],
      burnout: [
        "I do not have to earn rest; I am already worthy of it.",
        "Slowing down is not failure; it is wisdom.",
        "My body and mind are telling me the truth when they say, “I’m tired.”",
        "I am allowed to step back, regroup, and begin again more gently.",
        "I release the belief that I must do everything alone.",
        "Taking care of myself is an essential part of my purpose, not a distraction from it.",
        "I can let some things be undone while I choose to recover.",
        "I am more than my productivity, output, and responsibilities.",
        "It is safe for me to say, “This is too much,” and adjust.",
        "Rested me is more powerful, creative, and present than exhausted me.",
        "I can set boundaries that protect my energy and spirit.",
        "Choosing myself is not selfish; it is sacred.",
        "I am learning to honor the whispers of fatigue before they become screams.",
        "I am allowed to rebuild my life in a way that feels sustainable.",
        "I can plan for softness, slowness, and joy—not just survival.",
        "My worth does not disappear when I take a break.",
        "I trust that my body knows when it’s time to pause and recharge.",
        "I am rewriting the story: I can be both driven and deeply rested.",
        "I give myself permission to unplug, unwind, and exhale.",
        "I am deserving of a life that doesn’t constantly drain me."
      ]
    };

    function pickRandomAffirmation(key) {
      const list = AFFIRMATIONS[key] || [];
      if (!list.length) return "";
      const index = Math.floor(Math.random() * list.length);
      return list[index];
    }

    function showAffirmation(text) {
      const resultBox = document.getElementById("gfhAffResult");
      const textEl = document.getElementById("gfhAffText");
      const cardTextEl = document.getElementById("gfhAffCardText");
      const card = document.querySelector(".gfh-affirm-card");

      if (!resultBox || !textEl || !cardTextEl || !card) return;

      textEl.textContent = text;
      cardTextEl.textContent = text;

      // Trigger soft fade-in
      resultBox.classList.remove("gfh-show");
      card.classList.remove("gfh-show");

      // Force reflow so animation restarts
      void resultBox.offsetWidth;

      resultBox.classList.add("gfh-show");
      card.classList.add("gfh-show");
    }

    function initAffirmationWidget() {
      const select = document.getElementById("gfhAffCategory");
      const generateBtn = document.getElementById("gfhAffGenerateBtn");
      const newBtn = document.getElementById("gfhAffNewBtn");
      const printBtn = document.getElementById("gfhAffPrintBtn");
      const resultBox = document.getElementById("gfhAffResult");
      const card = document.querySelector(".gfh-affirm-card");

      if (!select || !generateBtn || !resultBox || !card) return;

      // Hide result and card initially
      resultBox.classList.remove("gfh-show");
      card.classList.remove("gfh-show");

      function handleGenerate() {
        const value = select.value;
        if (!value) {
          alert("Please choose what you’d like support with first.");
          return;
        }
        const affirmation = pickRandomAffirmation(value);
        if (!affirmation) {
          alert("No affirmations found for this option. Please choose another or try again.");
          return;
        }
        // Make sure result is visible
        resultBox.style.pointerEvents = "auto";
        showAffirmation(affirmation);
      }

      generateBtn.addEventListener("click", handleGenerate);

      if (newBtn) {
        newBtn.addEventListener("click", handleGenerate);
      }

      if (printBtn) {
        printBtn.addEventListener("click", function () {
          window.print();
        });
      }
    }

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

Glow and Flow Holistics