<?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>Krátké pohádky Archivy - Bohemista</title>
	<atom:link href="https://bohemista.cz/category/kratke-pohadky/feed/" rel="self" type="application/rss+xml" />
	<link>https://bohemista.cz/category/kratke-pohadky/</link>
	<description>český jazyk, literatura a sloh na jednom místě</description>
	<lastBuildDate>Thu, 05 Feb 2026 18:33:20 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://bohemista.cz/wp-content/uploads/2025/07/cropped-logo-bohemista-cz-32x32.png</url>
	<title>Krátké pohádky Archivy - Bohemista</title>
	<link>https://bohemista.cz/category/kratke-pohadky/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Jak Měsíc hledal čepici</title>
		<link>https://bohemista.cz/jak-mesic-hledal-cepici/</link>
					<comments>https://bohemista.cz/jak-mesic-hledal-cepici/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Thu, 05 Feb 2026 18:33:19 +0000</pubDate>
				<category><![CDATA[Krátké pohádky]]></category>
		<category><![CDATA[Pro děti]]></category>
		<guid isPermaLink="false">https://bohemista.cz/?p=880</guid>

					<description><![CDATA[<p>Pohádka na dobrou noc &#8211; Komponenta Jak Měsíc hledal čepici Byla tichá, tmavá noc. Vysoko na obloze svítil kulatý Měsíc. Dohlížel na to, aby se dětem dobře spalo, ale sám měl velké trápení. „Brrr, to je ale zima,“ drkotal Měsíc. Všude kolem byl chladný vesmír. „Kdybych tak měl svoji kouzelnou noční čepici! Upletly mi ji [&#8230;]</p>
<p>Článek <a href="https://bohemista.cz/jak-mesic-hledal-cepici/">Jak Měsíc hledal čepici</a> se nejdříve objevil na <a href="https://bohemista.cz">Bohemista</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pohádka na dobrou noc &#8211; Komponenta</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;600&family=Patrick+Hand&display=swap');

        #bedtime-story-component {
            font-family: 'Patrick Hand', cursive;
            background: linear-gradient(to bottom, #0f172a, #1e1b4b);
            color: #e2e8f0;
            position: relative;
            width: 100%;
            height: 600px;
            border-radius: 16px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            margin: 20px 0;
        }

        #bedtime-story-component * {
            box-sizing: border-box;
        }

        #bedtime-story-component .text-blue-300 { color: #93c5fd; }
        #bedtime-story-component .text-yellow-200 { color: #fef08a; }
        #bedtime-story-component .text-gray-400 { color: #9ca3af; }
        #bedtime-story-component .text-teal-300 { color: #5eead4; }
        #bedtime-story-component .text-orange-400 { color: #fb923c; }
        #bedtime-story-component .text-red-400 { color: #f87171; }
        #bedtime-story-component .text-yellow-100 { color: #fef9c3; }
        #bedtime-story-component .text-purple-300 { color: #d8b4fe; }
        #bedtime-story-component .text-white { color: #ffffff; }
        #bedtime-story-component .text-gray-300 { color: #d1d5db; }
        #bedtime-story-component .text-blue-200 { color: #bfdbfe; }
        #bedtime-story-component .text-yellow-400 { color: #facc15; }
        #bedtime-story-component .text-cyan-300 { color: #67e8f9; }
        #bedtime-story-component .text-green-300 { color: #86efac; }
        #bedtime-story-component .text-orange-300 { color: #fdba74; }

        #bedtime-story-component .stars {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }
        
        #bedtime-story-component .star {
            position: absolute;
            background: white;
            border-radius: 50%;
            opacity: 0.8;
            animation: bs-twinkle var(--duration) infinite ease-in-out;
        }

        @keyframes bs-twinkle {
            0%, 100% { opacity: 0.3; transform: scale(0.8); }
            50% { opacity: 1; transform: scale(1.2); }
        }

        #bedtime-story-component .book-container {
            width: 90%;
            max-width: 450px;
            height: 90%; 
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(255, 255, 255, 0.1);
            border-radius: 24px;
            padding: 2rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
            position: relative;
            z-index: 10;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }

        #bedtime-story-component .page {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 1rem 2rem 4rem 2rem;
            opacity: 0;
            transform: translateX(50px);
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            pointer-events: none;
        }

        #bedtime-story-component .page.active {
            opacity: 1;
            transform: translateX(0);
            pointer-events: auto;
        }

        #bedtime-story-component .page.prev {
            transform: translateX(-50px);
            opacity: 0;
        }

        #bedtime-story-component .illustration {
            font-size: 5rem;
            margin-bottom: 1.5rem;
            color: #fcd34d;
            filter: drop-shadow(0 0 15px rgba(252, 211, 77, 0.4));
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        #bedtime-story-component .illustration i {
            transition: transform 3s ease-in-out;
        }

        #bedtime-story-component .illustration.float i {
            animation: bs-float 4s ease-in-out infinite;
        }
        
        #bedtime-story-component .illustration.shake i {
            animation: bs-shake 3s ease-in-out infinite;
        }

        @keyframes bs-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
        
        @keyframes bs-shake {
             0%, 100% { transform: rotate(0deg); }
             25% { transform: rotate(-5deg); }
             75% { transform: rotate(5deg); }
        }

        #bedtime-story-component h1 {
            font-family: 'Fredoka', sans-serif;
            font-size: 2rem;
            text-align: center;
            line-height: 1.2;
            margin: 0 0 1rem 0;
            color: #fff;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }

        #bedtime-story-component p {
            font-size: 1.2rem;
            text-align: center;
            line-height: 1.5;
            margin: 0 0 1rem 0;
            color: #cbd5e1;
            max-width: 100%;
        }

        #bedtime-story-component .controls {
            position: absolute;
            bottom: 20px;
            left: 0;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 0 30px;
            z-index: 20;
        }

        #bedtime-story-component button {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            color: white;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            padding: 0;
            margin: 0;
        }

        #bedtime-story-component button:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: scale(1.1);
        }

        #bedtime-story-component button:disabled {
            opacity: 0.3;
            cursor: not-allowed;
            transform: none;
        }

        #bedtime-story-component .progress-dots {
            display: flex;
            gap: 6px;
            align-items: center;
            max-width: 150px;
            flex-wrap: wrap;
            justify-content: center;
        }

        #bedtime-story-component .dot {
            width: 6px;
            height: 6px;
            background: rgba(255,255,255,0.2);
            border-radius: 50%;
            transition: all 0.3s;
        }

        #bedtime-story-component .dot.active {
            background: #fcd34d;
            transform: scale(1.3);
        }

        #bedtime-story-component .sub-icon {
            font-size: 2rem;
            position: absolute;
            color: #94a3b8;
        }
    </style>

    <div id="bedtime-story-component">

        <div class="stars" id="bs-stars-container"></div>

        <div class="book-container">
            
            <div class="page active" id="bs-page-0">
                <div class="illustration float">
                    <i class="fas fa-moon"></i>
                    <i class="fas fa-star sub-icon text-white" style="top: 10px; right: -20px; font-size: 1.5rem;"></i>
                    <i class="fas fa-star sub-icon text-white" style="bottom: 10px; left: -30px; font-size: 1rem;"></i>
                </div>
                <h1>Jak Měsíc hledal čepici</h1>
                <p>Byla tichá, tmavá noc. Vysoko na obloze svítil kulatý Měsíc. Dohlížel na to, aby se dětem dobře spalo, ale sám měl velké trápení.</p>
            </div>

        
            <div class="page" id="bs-page-1">
                <div class="illustration shake">
                    <i class="fas fa-thermometer-empty text-blue-300"></i>
                    <i class="fas fa-snowflake sub-icon text-white" style="top: 10px; left: -30px;"></i>
                    <i class="fas fa-snowflake sub-icon text-white" style="bottom: 10px; right: -30px; font-size: 1.5rem;"></i>
                </div>
                <p>„Brrr, to je ale zima,“ drkotal Měsíc. Všude kolem byl chladný vesmír. „Kdybych tak měl svoji kouzelnou noční čepici! Upletly mi ji víly z mlhy a hvězdného prachu.“</p>
            </div>

  
            <div class="page" id="bs-page-2">
                <div class="illustration float">
                    <i class="fas fa-binoculars text-teal-300"></i>
                </div>
                <p>„Bez čepice tu zmrznu a nebudu moci svítit dětem na cestu do snů,“ řekl si Měsíc. „Musím ji najít!“ A tak se vydal na velkou cestu po noční obloze.</p>
            </div>

  
            <div class="page" id="bs-page-3">
                <div class="illustration float">
                    <i class="fas fa-meteor text-orange-400"></i>
                    <i class="fas fa-wind sub-icon" style="right: -40px; top: 20px; opacity: 0.5;"></i>
                </div>
                <p>Jako první potkal Kometu. Letěla obrovskou rychlostí a za sebou táhla dlouhý, zářivý ohon. „Kometo, stůj!“ zavolal Měsíc. „Neviděla jsi moji čepici?“</p>
            </div>
            
         
            <div class="page" id="bs-page-4">
                <div class="illustration">
                    <i class="fas fa-tachometer-alt text-red-400"></i>
                </div>
                <p>Kometa ani nezpomalila. „Nemám čas, Měsíci! Závodím s padající hvězdou! Musím letět, fííí!“ A zmizela v temnotě dříve, než Měsíc stihl říct další slovo.</p>
            </div>

            <div class="page" id="bs-page-5">
                <div class="illustration float">
                    <i class="fas fa-star text-yellow-200" style="margin-right: 10px;"></i>
                    <i class="fas fa-star text-yellow-200" style="font-size: 3rem;"></i>
                    <i class="fas fa-star text-yellow-200" style="margin-left: 10px; font-size: 4rem;"></i>
                </div>
                <p>Měsíc plul dál a uviděl skupinku malých hvězdiček, které si hrály na honěnou. „Hvězdičky, neviděly jste moji čepici?“ zeptal se s nadějí.</p>
            </div>

            <div class="page" id="bs-page-6">
                <div class="illustration shake">
                    <i class="fas fa-grin-squint-tears text-yellow-100"></i>
                </div>
                <p>Hvězdičky se jen chichotaly. „Hihihi, neviděly! My koukáme jen na to, kdo bliká nejjasněji!“ smály se a tančily dál. Měsíc si povzdechl.</p>
            </div>

            <div class="page" id="bs-page-7">
                <div class="illustration float">
                    <i class="fas fa-truck-pickup text-purple-300"></i> 
                    <i class="fas fa-star sub-icon text-white" style="top: -10px; right: 10px;"></i>
                </div>
                <p>Pak potkal Velký vůz. Ten jel pomalu a důstojně. „Velký voze, ty projedeš celou oblohu. Nemáš na korbě moji čepici?“</p>
            </div>

            <div class="page" id="bs-page-8">
                <div class="illustration">
                    <i class="fas fa-box-open text-gray-400"></i>
                </div>
                <p>Velký vůz zaburácel hlubokým hlasem: „Vezu jen náklad snů pro spící medvědy. Žádnou čepici tu nemám, kamaráde. Zkus se zeptat dole u lesa.“</p>
            </div>

            <div class="page" id="bs-page-9">
                <div class="illustration float">
                    <i class="fas fa-crow text-gray-300"></i>
                    <i class="fas fa-glasses sub-icon text-blue-200" style="font-size: 3rem; top: 35px; left: 35px;"></i>
                </div>
                <p>Měsíc sletěl níž, až ke špičkám stromů. Na starém dubu seděla moudrá Sova. „Húú, húú, Měsíci, proč jsi tak smutný?“ zeptala se.</p>
            </div>

            <div class="page" id="bs-page-10">
                <div class="illustration">
                    <i class="fas fa-lightbulb text-yellow-400"></i>
                </div>
                <p>„Ztratil jsem čepici, Sovo.“ Sova zamrkala velkýma očima. „Zeptej se Větříka. Ten si rád hraje s věcmi, které lidé zapomenou venku. Bydlí támhle za kopcem.“</p>
            </div>

            <div class="page" id="bs-page-11">
                <div class="illustration shake">
                    <i class="fas fa-wind text-cyan-300"></i>
                    <i class="fas fa-leaf sub-icon text-green-300" style="animation: float 2s infinite;"></i>
                </div>
                <p>Měsíc zavolal: „Větříku! Větříku!“ Přihnal se malý, nezbedný vítr. „Fííí! Kdo mě volá? Fííí!“ točil se dokola.</p>
            </div>
            
            <div class="page" id="bs-page-12">
                <div class="illustration float">
                    <i class="fas fa-home text-orange-300"></i>
                    <i class="fas fa-hat-wizard sub-icon text-red-400" style="top: -30px; right: 20px; transform: rotate(15deg);"></i>
                </div>
                <p>„Hledám čepici,“ řekl Měsíc. Větřík se zasmál: „Tu znám! Odvál jsem ji včera omylem dolů. Podívej, visí na komíně u pekaře!“</p>
            </div>

            <div class="page" id="bs-page-13">
                <div class="illustration float">
                    <i class="fas fa-hat-wizard text-red-400" style="animation: float 1s infinite;"></i>
                    <i class="fas fa-wind sub-icon text-cyan-300" style="bottom: -20px;"></i>
                </div>
                <p>„Já ti ji podám!“ nabídl se Větřík. Nadechl se, udělal „FÚÚÚK!“ a čepice se vznesla z komína. Letěla výš a výš, až přistála Měsíci přímo na hlavě.</p>
            </div>

            <div class="page" id="bs-page-14">
                <div class="illustration float">
                    <div style="position: relative;">
                        <i class="fas fa-moon"></i>
                        <i class="fas fa-hat-wizard text-red-400" style="font-size: 3rem; position: absolute; top: -25px; left: -10px; transform: rotate(-20deg);"></i>
                    </div>
                </div>
                <h1>Dobrou noc!</h1>
                <p>„Děkuji,“ usmál se Měsíc a zachumlal si uši. Teď už mu bylo krásně teplo. Mohl zase celou noc hlídat dětské sny. Dobrou noc!</p>
            </div>

            <div class="controls">
                <button id="bs-prevBtn"><i class="fas fa-arrow-left"></i></button>
                <div class="progress-dots" id="bs-dots-container"></div>
                <button id="bs-nextBtn"><i class="fas fa-arrow-right"></i></button>
            </div>
        </div>
    </div>

    <script>
        (function() {
            const container = document.getElementById('bedtime-story-component');
            const starsContainer = document.getElementById('bs-stars-container');
            const dotsContainer = document.getElementById('bs-dots-container');
            const prevBtn = document.getElementById('bs-prevBtn');
            const nextBtn = document.getElementById('bs-nextBtn');
            
            if (!container) return;

            const starCount = 50;
            for (let i = 0; i < starCount; i++) {
                const star = document.createElement('div');
                star.classList.add('star');
                const x = Math.random() * 100;
                const y = Math.random() * 100;
                const size = Math.random() * 3 + 2;
                const duration = Math.random() * 3 + 2;
                star.style.left = `${x}%`;
                star.style.top = `${y}%`;
                star.style.width = `${size}px`;
                star.style.height = `${size}px`;
                star.style.setProperty('--duration', `${duration}s`);
                starsContainer.appendChild(star);
            }

            let currentPage = 0;
            const pages = container.querySelectorAll('.page');
            const totalPages = pages.length;

            for(let i=0; i<totalPages; i++) {
                const dot = document.createElement('div');
                dot.classList.add('dot');
                if(i === 0) dot.classList.add('active');
                dotsContainer.appendChild(dot);
            }
            const dots = dotsContainer.querySelectorAll('.dot');

            function updateUI() {
                for(let i=0; i<totalPages; i++) {
                    const page = document.getElementById(`bs-page-${i}`);
                    if(page) {
                        page.className = 'page';
                        if(i === currentPage) {
                            page.classList.add('active');
                        } else if (i < currentPage) {
                            page.classList.add('prev');
                        }
                    }
                }

                dots.forEach((dot, idx) => {
                    dot.classList.toggle('active', idx === currentPage);
                });

                prevBtn.disabled = currentPage === 0;
                
                if (currentPage === totalPages - 1) {
                    nextBtn.innerHTML = '<i class="fas fa-check"></i>';
                } else {
                    nextBtn.innerHTML = '<i class="fas fa-arrow-right"></i>';
                }
            }

            function changePage(dir) {
                const newPage = currentPage + dir;
                if(newPage >= 0 && newPage < totalPages) {
                    currentPage = newPage;
                    updateUI();
                }
            }

            prevBtn.addEventListener('click', () => changePage(-1));
            nextBtn.addEventListener('click', () => changePage(1));

            container.addEventListener('mouseenter', () => {
                document.addEventListener('keydown', handleKey);
            });
            container.addEventListener('mouseleave', () => {
                document.removeEventListener('keydown', handleKey);
            });

            function handleKey(e) {
                if(e.key === 'ArrowRight') changePage(1);
                if(e.key === 'ArrowLeft') changePage(-1);
            }

            updateUI();
        })();
    </script>
</body>
</html>



<h1 class="wp-block-heading">Jak Měsíc hledal čepici</h1>



<p class="wp-block-paragraph">Byla tichá, tmavá noc. Vysoko na obloze svítil kulatý Měsíc. Dohlížel na to, aby se dětem dobře spalo, ale sám měl velké trápení.</p>



<p class="wp-block-paragraph">„Brrr, to je ale zima,“ drkotal Měsíc a třásl se chladem. Všude kolem byl jen studený vesmír. „Kdybych tak měl svoji kouzelnou noční čepici! Upletly mi ji víly z mlhy a hvězdného prachu.“</p>



<p class="wp-block-paragraph">Měsíc si povzdechl: „Bez čepice tu zmrznu a nebudu moci svítit dětem na cestu do snů. Musím ji najít!“ A tak se vydal na velkou cestu po noční obloze.</p>



<p class="wp-block-paragraph">Jako první potkal <strong>Kometu</strong>. Letěla obrovskou rychlostí a za sebou táhla dlouhý, zářivý ohon.</p>



<p class="wp-block-paragraph">„Kometo, stůj!“ zavolal Měsíc. „Neviděla jsi moji čepici?“</p>



<p class="wp-block-paragraph">Kometa ani nezpomalila. „Nemám čas, Měsíci! Závodím s padající hvězdou! Musím letět, fííí!“ A zmizela v temnotě dříve, než Měsíc stihl říct další slovo.</p>



<p class="wp-block-paragraph">Měsíc plul dál, až uviděl skupinku malých <strong>hvězdiček</strong>, které si hrály na honěnou. „Hvězdičky, neviděly jste moji čepici?“ zeptal se s nadějí.</p>



<p class="wp-block-paragraph">Hvězdičky se jen chichotaly. „Hihihi, neviděly! My koukáme jen na to, kdo bliká nejjasněji!“ smály se a tančily dál. Měsíc si znovu smutně povzdechl.</p>



<p class="wp-block-paragraph">Pak potkal <strong>Velký vůz</strong>. Ten jel pomalu a důstojně noční oblohou. „Velký voze, ty projedeš celý svět. Nemáš náhodou na korbě moji čepici?“</p>



<p class="wp-block-paragraph">Velký vůz zaburácel hlubokým hlasem: „Vezu jen náklad snů pro spící medvědy. Žádnou čepici tu nemám, kamaráde. Zkus se zeptat dole u lesa.“</p>



<p class="wp-block-paragraph">Měsíc tedy sletěl níž, až ke špičkám stromů. Na starém dubu seděla moudrá <strong>Sova</strong>.</p>



<p class="wp-block-paragraph">„Húú, húú, Měsíci, proč jsi tak smutný?“ zeptala se.</p>



<p class="wp-block-paragraph">„Ztratil jsem čepici, Sovo,“ odpověděl Měsíc.</p>



<p class="wp-block-paragraph">Sova zamrkala velkýma očima. „Zeptej se Větříka. Ten si rád hraje s věcmi, které lidé zapomenou venku. Bydlí támhle za kopcem.“</p>



<p class="wp-block-paragraph">Měsíc zavolal: „Větříku! Větříku!“</p>



<p class="wp-block-paragraph">Najednou se přihnal malý, nezbedný <strong>Větřík</strong>. „Fííí! Kdo mě volá? Fííí!“ točil se dokola kolem Měsíce.</p>



<p class="wp-block-paragraph">„Hledám čepici,“ řekl Měsíc.</p>



<p class="wp-block-paragraph">Větřík se zasmál: „Tu znám! Odvál jsem ji včera omylem dolů. Podívej, visí na komíně u pekaře!“</p>



<p class="wp-block-paragraph">„Já ti ji podám!“ nabídl se Větřík. Zhluboka se nadechl, udělal silné „FÚÚÚK!“ a čepice se vznesla z komína. Letěla výš a výš, až přistála Měsíci přímo na hlavě.</p>



<p class="wp-block-paragraph">„Děkuji,“ usmál se šťastně Měsíc a zachumlal si uši do měkké čepice. Teď už mu bylo krásně teplo. Mohl zase celou noc hlídat dětské sny.</p>



<p class="wp-block-paragraph"><strong>Dobrou noc!</strong></p>
<p>Článek <a href="https://bohemista.cz/jak-mesic-hledal-cepici/">Jak Měsíc hledal čepici</a> se nejdříve objevil na <a href="https://bohemista.cz">Bohemista</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://bohemista.cz/jak-mesic-hledal-cepici/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
