<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>admin, Author at Happyme</title>
	<atom:link href="https://happyme.com.pl/author/admin/feed/" rel="self" type="application/rss+xml" />
	<link>https://happyme.com.pl/author/admin/</link>
	<description>Żyj Zdrowo i Szczęśliwie</description>
	<lastBuildDate>Fri, 21 Mar 2025 23:39:01 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>

<image>
	<url>https://happyme.com.pl/wp-content/uploads/2024/10/cropped-Frame-1321314173-2-32x32.png</url>
	<title>admin, Author at Happyme</title>
	<link>https://happyme.com.pl/author/admin/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Praktyka Minfulness</title>
		<link>https://happyme.com.pl/praktyka-minfulness/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Fri, 21 Mar 2025 23:35:05 +0000</pubDate>
				<category><![CDATA[Interaktywne Artykuły]]></category>
		<guid isPermaLink="false">https://happyme.com.pl/?p=236566</guid>

					<description><![CDATA[<p>The post <a href="https://happyme.com.pl/praktyka-minfulness/">Praktyka Minfulness</a> appeared first on <a href="https://happyme.com.pl">Happyme</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_code et_pb_code_0">
				
				
				
				
				<div class="et_pb_code_inner"><!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kompletna Prezentacja Mindfulness</title>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            font-family: 'Montserrat', sans-serif;
            scroll-behavior: smooth;
            height: 100%;
            overflow-x: hidden;
        }
        
        .slide {
            width: 100%;
            height: 100vh;
            scroll-snap-align: start;
            position: relative;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8eaec 100%);
        }
        
        .slide-container {
            width: 100%;
            height: 100vh;
            overflow-y: scroll;
            scroll-snap-type: y mandatory;
        }
        
        .navigation {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 10;
        }
        
        .nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(209, 130, 163, 0.3);
            margin: 10px 0;
            cursor: pointer;
            transition: background 0.3s;
        }
        
        .nav-dot.active {
            background: rgba(209, 130, 163, 1);
        }
        
        /* Common decorations */
        .decoration {
            position: absolute;
            opacity: 0.08;
            z-index: 1;
        }
        
        .circle1 {
            width: 500px;
            height: 500px;
            border-radius: 50%;
            background: linear-gradient(135deg, #d182a3 0%, #8e9ac2 100%);
            top: -250px;
            right: -150px;
        }
        
        .circle2 {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            background: linear-gradient(135deg, #8e9ac2 0%, #d182a3 100%);
            bottom: -100px;
            left: -100px;
        }
        
        .lotus {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1;
            opacity: 0.06;
        }
        
        .leaf {
            position: absolute;
            width: 300px;
            height: 300px;
            border-radius: 150px 0 150px 0;
            background: linear-gradient(45deg, #8e9ac2, #d182a3);
            opacity: 0.3;
        }
        
        .leaf:nth-child(1) { transform: rotate(0deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(2) { transform: rotate(45deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(3) { transform: rotate(90deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(4) { transform: rotate(135deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(5) { transform: rotate(180deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(6) { transform: rotate(225deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(7) { transform: rotate(270deg) translate(150px) rotate(45deg); }
        .leaf:nth-child(8) { transform: rotate(315deg) translate(150px) rotate(45deg); }
        
        .center {
            width: 80px;
            height: 80px;
            background: radial-gradient(circle, #d182a3, #8e9ac2);
            border-radius: 50%;
            opacity: 0.6;
        }
        
        /* Slide 1 - Intro */
        .slide1-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 2;
        }
        
        .intro-title {
            font-size: 4rem;
            font-weight: 700;
            background: linear-gradient(to right, #8e9ac2 0%, #d182a3 50%, #8e9ac2 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 1rem;
            line-height: 1.2;
        }
        
        /* Slide 2 - Definition */
        .definition-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: left;
            z-index: 2;
            padding: 2rem;
            max-width: 75%;
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        }
        
        .definition-title {
            font-size: 2.5rem;
            font-weight: 700;
            background: linear-gradient(to right, #8e9ac2 0%, #d182a3 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 1.5rem;
        }
        
        .definition-text {
            font-size: 1.6rem;
            line-height: 1.6;
            color: #555;
            margin-bottom: 1rem;
        }
        
        .highlight {
            background: linear-gradient(180deg, rgba(209, 130, 163, 0.15) 0%, rgba(209, 130, 163, 0.15) 100%);
            padding: 0.1em 0.2em;
            border-radius: 4px;
            font-weight: 600;
            color: #444;
        }
        
        .present-icon {
            position: absolute;
            bottom: 40px;
            right: 80px;
            font-size: 8rem;
            background: linear-gradient(to right, #8e9ac2 0%, #d182a3 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            opacity: 0.2;
            z-index: 1;
        }
        
        /* Slide 3 - Benefits */
        .benefits-container {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            gap: 30px;
            width: 85%;
            max-width: 1200px;
            z-index: 2;
        }
        
        .section {
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            padding: 2rem;
            flex: 1;
            min-width: 0;
        }
        
        .section-title {
            font-size: 2rem;
            font-weight: 600;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 15px;
            position: relative;
            padding-left: 35px;
        }
        
        .section-title-text {
            background: linear-gradient(to right, #8e9ac2 0%, #d182a3 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .section-arrow {
            position: absolute;
            left: 0;
            width: 15px;
            height: 15px;
            border-top: 1.5px solid #d182a3;
            border-right: 1.5px solid #d182a3;
            transform: rotate(45deg);
            opacity: 0.8;
        }
        
        .how-works-text {
            font-size: 1.2rem;
            line-height: 1.7;
            color: #555;
            margin-bottom: 0.5rem;
        }
        
        .benefits-list {
            padding-left: 0;
            list-style-type: none;
        }
        
        .benefit-item {
            padding: 0.6rem 0;
            font-size: 1.2rem;
            color: #555;
            display: flex;
            align-items: center;
            gap: 12px;
            border-bottom: 1px solid rgba(142, 154, 194, 0.2);
        }
        
        .benefit-item:last-child {
            border-bottom: none;
        }
        
        .check-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: linear-gradient(to right, #8e9ac2 0%, #d182a3 100%);
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.9rem;
            flex-shrink: 0;
        }
        
        .highlight {
            font-weight: 600;
            color: #444;
        }
        
        /* Slide 4 - Practice */
        .practice-content {
            position: relative;
            height: 100%;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .title-container {
            text-align: center;
            margin-bottom: 40px;
            z-index: 2;
        }
        
        .main-title {
            font-size: 2.5rem;
            font-weight: 600;
            background: linear-gradient(to right, #8e9ac2 0%, #d182a3 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            position: relative;
            display: inline-block;
            margin-bottom: 0;
        }
        
        .leaf-icon {
            font-size: 2rem;
            margin-right: 15px;
            vertical-align: middle;
        }
        
        .practices-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            padding: 0 30px;
            max-width: 1200px;
            margin: 0 auto;
            z-index: 2;
        }
        
        .practice-card {
            background: rgba(255, 255, 255, 0.85);
            border-radius: 15px;
            padding: 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 180px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .practice-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        
        .practice-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            background: linear-gradient(to right, #8e9ac2, #d182a3);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .practice-title {
            font-weight: 600;
            font-size: 1.1rem;
            color: #444;
            margin-bottom: 10px;
        }
        
        .detail-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 10;
        }
        
        .detail-content {
            background: white;
            padding: 40px;
            border-radius: 15px;
            max-width: 500px;
            width: 80%;
            position: relative;
            text-align: center;
        }
        
        .close-button {
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 1.5rem;
            cursor: pointer;
            color: #888;
            transition: color 0.3s;
        }
        
        .close-button:hover {
            color: #d182a3;
        }
        
        .detail-title {
            font-size: 1.8rem;
            font-weight: 600;
            margin-bottom: 20px;
            background: linear-gradient(to right, #8e9ac2, #d182a3);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .detail-text {
            font-size: 1.1rem;
            line-height: 1.7;
            color: #555;
            text-align: center;
        }
        
        .detail-tip {
            background: rgba(142, 154, 194, 0.1);
            padding: 15px;
            margin-top: 20px;
            border-radius: 8px;
            text-align: center;
        }
        
        .detail-tip-title {
            font-weight: 600;
            color: #444;
            margin-bottom: 8px;
        }
        
        .instruction {
            text-align: center;
            color: #888;
            margin-top: 40px;
            font-style: italic;
            z-index: 2;
        }
        
        .page-indicator {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 5;
            color: #888;
            font-style: italic;
        }
        
        /* Responsive adjustments */
        @media (max-width: 900px) {
            .benefits-container {
                flex-direction: column;
                gap: 20px;
            }
        }
    </style>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&#038;display=swap" rel="stylesheet">
</head>
<body>
    <div class="slide-container">
        <!-- Slide 1 - Intro -->
        <div class="slide" id="slide1">
            <div class="decoration circle1"></div>
            <div class="decoration circle2"></div>
            
            <div class="lotus">
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="center"></div>
            </div>
            
            <div class="slide1-content">
                <h1 class="intro-title"><strong>Dzień 2 Mindfulness</strong></h1>
            </div>
        </div>
        
        <!-- Slide 2 - Definition -->
        <div class="slide" id="slide2">
            <div class="decoration circle1"></div>
            <div class="decoration circle2"></div>
            
            <div class="lotus">
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="center"></div>
            </div>
            
            <i class="fas fa-clock present-icon"></i>
            
            <div class="definition-content">
                <h2 class="definition-title">Mindfulness (uważność)</h2>
                <p class="definition-text">
                    to technika polegająca na <span class="highlight">świadomym i nieoceniającym byciu tu i teraz</span> – 
                    skupiasz się na tym, co czujesz, widzisz, słyszysz czy myślisz 
                    <span class="highlight">w danym momencie</span>, bez uciekania w przeszłość czy przyszłość.
                </p> 
            </div>
        </div>
        
        <!-- Slide 3 - Benefits -->
        <div class="slide" id="slide3">
            <div class="decoration circle1"></div>
            <div class="decoration circle2"></div>
            
            <div class="lotus">
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="center"></div>
            </div>
            
            <div class="benefits-container">
                <div class="section">
                    <h2 class="section-title">
                        <div class="section-arrow"></div>
                        <span class="section-title-text">Jak działa?</span>
                    </h2>
                    <p class="how-works-text">
                        Trening uważności aktywuje <span class="highlight">korę przedczołową</span>, 
                        wycisza <span class="highlight">ciało migdałowate</span> (centrum stresu) 
                        i reguluje <span class="highlight">układ nerwowy</span>.
                    </p> 
                    <p class="how-works-text">
                        Z czasem pomaga budować dystans do myśli i emocji, 
                        co zwiększa <span class="highlight">odporność psychiczną</span>.
                    </p> 
                </div>
                
                <div class="section">
                    <h2 class="section-title">
                        <div class="section-arrow"></div>
                        <span class="section-title-text">W czym pomaga?</span>
                    </h2>
                    <ul class="benefits-list">
                        <li class="benefit-item">
<div class="check-icon"></div>
                            Redukuje stres i napięcie
                        </li>
                        <li class="benefit-item">
<div class="check-icon"></div>
                            Poprawia koncentrację
                        </li>
                        <li class="benefit-item">
<div class="check-icon"></div>
                            Wzmacnia odporność emocjonalną
                        </li>
                        <li class="benefit-item">
<div class="check-icon"></div>
                            Zmniejsza impulsywność i negatywne reakcje
                        </li>
                        <li class="benefit-item">
<div class="check-icon"></div>
                            Pomaga w bezsenności i przy objawach lękowych
                        </li>
                        <li class="benefit-item">
<div class="check-icon"></div>
                            Pogłębia relacje – jesteś bardziej obecna w kontakcie z innymi
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <!-- Slide 4 - Practice -->
        <div class="slide" id="slide4">
            <div class="decoration circle1"></div>
            <div class="decoration circle2"></div>
            
            <div class="lotus">
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="leaf"></div>
                <div class="center"></div>
            </div>
            
            <div class="practice-content">
                <div class="title-container">
                    <h1 class="main-title"><i class="fas fa-seedling leaf-icon"></i>Jak praktykować mindfulness?</h1>
                </div>
                
                <div class="practices-container">
                    <div class="practice-card" id="breath-card">
                        <div class="practice-icon"><i class="fas fa-wind"></i></div>
                        <div class="practice-title">Świadomy oddech</div>
                    </div>
                    
                    <div class="practice-card" id="eat-card">
                        <div class="practice-icon"><i class="fas fa-utensils"></i></div>
                        <div class="practice-title">Uważne jedzenie</div>
                    </div>
                    
                    <div class="practice-card" id="walk-card">
                        <div class="practice-icon"><i class="fas fa-shoe-prints"></i></div>
                        <div class="practice-title">Medytacja w ruchu</div>
                    </div>
                    
                    <div class="practice-card" id="body-card">
                        <div class="practice-icon"><i class="fas fa-spa"></i></div>
                        <div class="practice-title">Body scan</div>
                    </div>
                    
                    <div class="practice-card" id="check-card">
                        <div class="practice-icon"><i class="fas fa-question-circle"></i></div>
                        <div class="practice-title">Pytania do siebie</div>
                    </div>
                </div>
                
                <div class="instruction">Kliknij na praktykę, aby dowiedzieć się więcej</div>
            </div>
        </div>
    </div>
    
    <div class="navigation">
        <div class="nav-dot active" data-slide="1"></div>
        <div class="nav-dot" data-slide="2"></div>
        <div class="nav-dot" data-slide="3"></div>
        <div class="nav-dot" data-slide="4"></div>
    </div>
    
    <div class="page-indicator">Przewiń w dół, aby kontynuować</div>
    
    <!-- Detail Overlays -->
    <div class="detail-overlay" id="breath-detail">
        <div class="detail-content">
            <div class="close-button" id="breath-close"><i class="fas fa-times"></i></div>
            <h2 class="detail-title"><i class="fas fa-wind" style="margin-right: 10px;"></i>Świadomy oddech</h2>
            <p class="detail-text">Skup się na oddechu przez 2–5 minut – obserwuj go, nie zmieniaj. Zwróć uwagę na to, jak powietrze przepływa przez nos, gardło, płuca, jak porusza się twoja klatka piersiowa i brzuch.</p> 
            <div class="detail-tip">
                <div class="detail-tip-title">Wskazówka</div>
                <p>Kiedy myśli odpływają (co jest naturalne), delikatnie skieruj uwagę z powrotem na oddech. To nie jest walka, ale ćwiczenie uważności.</p> 
            </div>
        </div>
    </div>
    
    <div class="detail-overlay" id="eat-detail">
        <div class="detail-content">
            <div class="close-button" id="eat-close"><i class="fas fa-times"></i></div>
            <h2 class="detail-title"><i class="fas fa-utensils" style="margin-right: 10px;"></i>Uważne jedzenie</h2>
            <p class="detail-text">Jedz uważnie – bez telefonu, skupiona na smaku, zapachu i teksturze. Zauważ kolory, kształty i aromat potrawy. Zwolnij tempo jedzenia, dokładnie przeżuwaj i zwracaj uwagę na odczucia w ciele.</p> 
            <div class="detail-tip">
                <div class="detail-tip-title">Wskazówka</div>
                <p>Spróbuj zjeść jeden posiłek dziennie w pełnej ciszy i skupieniu. Zacznij od małych przekąsek, np. rodzynki czy kawałka czekolady.</p> 
            </div>
        </div>
    </div>
    
    <div class="detail-overlay" id="walk-detail">
        <div class="detail-content">
            <div class="close-button" id="walk-close"><i class="fas fa-times"></i></div>
            <h2 class="detail-title"><i class="fas fa-shoe-prints" style="margin-right: 10px;"></i>Medytacja w ruchu</h2>
            <p class="detail-text">Spaceruj, zauważając dźwięki, zapachy, kolory natury. Poczuj, jak stopy dotykają podłoża, jak działa twoje ciało. Zwróć uwagę na otoczenie, kolory, kształty, zapachy. Bądź w pełni obecna w danej chwili.</p> 
            <div class="detail-tip">
                <div class="detail-tip-title">Wskazówka</div>
                <p>Nawet krótki, 10-minutowy uważny spacer może zdziałać cuda. Nie musisz iść do parku – praktykuj także podczas codziennych przejść, np. do pracy.</p> 
            </div>
        </div>
    </div>
    
    <div class="detail-overlay" id="body-detail">
        <div class="detail-content">
            <div class="close-button" id="body-close"><i class="fas fa-times"></i></div>
            <h2 class="detail-title"><i class="fas fa-spa" style="margin-right: 10px;"></i>Body scan</h2>
            <p class="detail-text">Praktykuj body scan – przeskanuj ciało od stóp do głowy, czując napięcia. Poświęć kilka minut na powolne przenoszenie uwagi przez wszystkie części ciała, zwracając uwagę na wszelkie odczucia, napięcia czy dyskomfort.</p> 
            <div class="detail-tip">
                <div class="detail-tip-title">Wskazówka</div>
                <p>Możesz wykonać body scan w pozycji leżącej przed snem. Pomaga to nie tylko w ćwiczeniu uważności, ale też w rozluźnieniu ciała i umysłu przed odpoczynkiem.</p> 
            </div>
        </div>
    </div>
    
    <div class="detail-overlay" id="check-detail">
        <div class="detail-content">
            <div class="close-button" id="check-close"><i class="fas fa-times"></i></div>
            <h2 class="detail-title"><i class="fas fa-question-circle" style="margin-right: 10px;"></i>Pytania do siebie</h2>
            <p class="detail-text">Zatrzymaj się kilka razy dziennie i zapytaj siebie: <strong>„Co teraz czuję?"</strong>, <strong>„Gdzie jestem myślami?"</strong>. To proste ćwiczenie pomaga zakotwiczać się w teraźniejszości i budować samoświadomość.</p> 
            <div class="detail-tip">
                <div class="detail-tip-title">Wskazówka</div>
                <p>Ustaw przypomnienia na telefonie lub wykorzystaj codzienne czynności (np. mycie rąk, czekanie na windę) jako punkty przypominające o sprawdzeniu swojego stanu mentalnego.</p> 
            </div>
        </div>
    </div>
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Navigation
            const navDots = document.querySelectorAll('.nav-dot');
            navDots.forEach((dot, index) => {
                dot.addEventListener('click', function() {
                    document.getElementById('slide' + (index + 1)).scrollIntoView({ behavior: 'smooth' });
                });
            });
            
            // Practice cards
            document.getElementById('breath-card').addEventListener('click', function() {
                document.getElementById('breath-detail').style.display = 'flex';
            });
            
            document.getElementById('eat-card').addEventListener('click', function() {
                document.getElementById('eat-detail').style.display = 'flex';
            });
            
            document.getElementById('walk-card').addEventListener('click', function() {
                document.getElementById('walk-detail').style.display = 'flex';
            });
            
            document.getElementById('body-card').addEventListener('click', function() {
                document.getElementById('body-detail').style.display = 'flex';
            });
            
            document.getElementById('check-card').addEventListener('click', function() {
                document.getElementById('check-detail').style.display = 'flex';
            });
            
            // Close buttons
            document.getElementById('breath-close').addEventListener('click', function() {
                document.getElementById('breath-detail').style.display = 'none';
            });
            
            document.getElementById('eat-close').addEventListener('click', function() {
                document.getElementById('eat-detail').style.display = 'none';
            });
            
            document.getElementById('walk-close').addEventListener('click', function() {
                document.getElementById('walk-detail').style.display = 'none';
            });
            
            document.getElementById('body-close').addEventListener('click', function() {
                document.getElementById('body-detail').style.display = 'none';
            });
            
            document.getElementById('check-close').addEventListener('click', function() {
                document.getElementById('check-detail').style.display = 'none';
            });
            
            // Update active nav dot on scroll
            const slideContainer = document.querySelector('.slide-container');
            const slides = document.querySelectorAll('.slide');
            
            slideContainer.addEventListener('scroll', function() {
                const currentScrollPos = slideContainer.scrollTop;
                const windowHeight = window.innerHeight;
                
                slides.forEach((slide, index) => {
                    const slideTop = slide.offsetTop;
                    const slideBottom = slideTop + slide.offsetHeight;
                    
                    if (currentScrollPos >= slideTop - windowHeight/2 && 
                        currentScrollPos < slideBottom - windowHeight/2) {
                        navDots.forEach(dot => dot.classList.remove('active'));
                        navDots[index].classList.add('active');
                    }
                });
            });
        });
    </script></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
<p>The post <a href="https://happyme.com.pl/praktyka-minfulness/">Praktyka Minfulness</a> appeared first on <a href="https://happyme.com.pl">Happyme</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 

Served from: happyme.com.pl @ 2026-06-09 20:36:02 by W3 Total Cache
-->