<?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>Uncategorized &#8211; Propojen&iacute; s vesm&iacute;rem</title>
	<atom:link href="https://propojenisvesmirem.cz/category/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>https://propojenisvesmirem.cz</link>
	<description>propojte se s vesmírem a nechte se vést</description>
	<lastBuildDate>Sat, 20 Jul 2024 21:40:46 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://propojenisvesmirem.cz/wp-content/uploads/2024/07/ikona.png</url>
	<title>Uncategorized &#8211; Propojen&iacute; s vesm&iacute;rem</title>
	<link>https://propojenisvesmirem.cz</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">235280492</site>	<item>
		<title>Zkouška</title>
		<link>https://propojenisvesmirem.cz/zkouska/</link>
					<comments>https://propojenisvesmirem.cz/zkouska/#respond</comments>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sat, 20 Jul 2024 21:22:13 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://propojenisvesmirem.cz/?p=1902</guid>

					<description><![CDATA[aaa Náhodné Obrázky Uveď své datum narození Pošli mi moje karty pro výklad]]></description>
										<content:encoded><![CDATA[
<p>aaa</p>


<!DOCTYPE html>
<html>
<head>
    <title>Náhodné Obrázky</title>
    <style>
        #generateButton {
            background-color: #2981d4;
            color: white;
            margin-bottom: 20px;
            height: 60px;
            border-radius: 12px;
        }
        #zodiacImage {
            display: none;
            object-fit: cover;
        }
        #imageContainer {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            height: auto;
        }
        .imageWrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 120px;
            margin: 30px;
        }
        .imageWrapper img {
            width: 100%;
        }
    </style>
</head>
<body>
    <p id="birthdayText">Uveď své datum narození</p>
    <input type="date" id="birthday" required>
    <br><br>
    <button id="generateButton" onclick="myNamespace.generateRandomImages(6)">Pošli mi moje karty pro výklad</button>
    <img id="zodiacImage" />
    <audio id="backgroundMusic" src="/images/zverokruh/zvuk-vesmir.mp3"></audio>
    <div id="imageContainer"></div>

    <script>
        var myNamespace = (function() {
            var isGenerated = false;

            function getZodiacSign(day, month) {
                var zodiacSigns = {
                    'beran': [new Date(0, 2, 21), new Date(0, 3, 20)],
                    'byk': [new Date(0, 3, 21), new Date(0, 4, 21)],
                    'blizenec': [new Date(0, 4, 22), new Date(0, 5, 21)],
                    'rak': [new Date(0, 5, 22), new Date(0, 6, 22)],
                    'lev': [new Date(0, 6, 23), new Date(0, 7, 22)],
                    'panna': [new Date(0, 7, 23), new Date(0, 8, 22)],
                    'vahy': [new Date(0, 8, 23), new Date(0, 9, 23)],
                    'stir': [new Date(0, 9, 24), new Date(0, 10, 22)],
                    'strelec': [new Date(0, 10, 23), new Date(0, 11, 21)],
                    'kozoroh': [new Date(0, 11, 22), new Date(0, 0, 20)],
                    'vodnar': [new Date(0, 0, 21), new Date(0, 1, 19)],
                    'ryby': [new Date(0, 1, 20), new Date(0, 2, 20)]
                }

                var userDate = new Date(0, month - 1, day);
                
                for(var zodiacSign in zodiacSigns) {
                    if((userDate >= zodiacSigns[zodiacSign][0] && userDate <= zodiacSigns[zodiacSign][1])) {
                        return zodiacSign;
                    }
                }
            }

            function generateRandomImages(imageCount) {
                var birthday = document.getElementById('birthday').value;
                
                if(!birthday || isGenerated) return;
                isGenerated = true;

                var birthDate = new Date(birthday);
                var zodiacSign = getZodiacSign(birthDate.getDate(), birthDate.getMonth() + 1);

                var zodiacImage = document.getElementById('zodiacImage');
                zodiacImage.src = '/images/zverokruh/' + zodiacSign + '.gif';
                zodiacImage.style.display = 'block';

                document.getElementById('generateButton').style.display = 'none';
                document.getElementById('birthdayText').style.display = 'none';
                document.getElementById('birthday').style.display = 'none';

                var imageContainer = document.getElementById('imageContainer');
imageContainer.innerHTML = '';  // Clear the container

// Create a new div to hold the title and images
var newDiv = document.createElement('div');
imageContainer.appendChild(newDiv);

// Create and add the title
var title = document.createElement('h2');
title.textContent = "Zde máš svoje karty pro výklad";
title.style.marginBottom = "20px"; // Add space after the title
newDiv.appendChild(title);

// Create a new div to hold the images, so they are displayed below the title
var imagesDiv = document.createElement('div');
imagesDiv.style.display = 'flex';
imagesDiv.style.flexDirection = 'row';
imagesDiv.style.justifyContent = 'flex-start';
imagesDiv.style.flexWrap = 'wrap';
imagesDiv.style.height = 'auto';
newDiv.appendChild(imagesDiv);

// Changing imageContainer reference to new imagesDiv
imageContainer = imagesDiv;

                var numbers = [];
                while(numbers.length < imageCount) {
                    var num = Math.floor(Math.random() * 78) + 1;
                    if(numbers.indexOf(num) === -1) numbers.push(num);  // Make sure numbers are unique
                }

                var delay = 3000; // Start showing the images after 3 seconds

                // Start playing the music
                var backgroundMusic = document.getElementById('backgroundMusic');
                backgroundMusic.play();

                for (var i = 0; i < imageCount; i++) {
                    var wrapper = document.createElement('div');
                    wrapper.className = 'imageWrapper';
                    wrapper.style.display = 'none';  // The divs are initially hidden

                    var img = document.createElement('img');
                    img.src = '/images/karty/' + numbers[i] + '.jpg';
                    wrapper.appendChild(img);

                    var label = document.createElement('p');
                    label.textContent = numbers[i];
                    wrapper.appendChild(label);

                    imageContainer.appendChild(wrapper);

                    // Use an IIFE to create a new scope for 'wrapper' and 'delay'
                    (function(wrapper, delay) {
                        setTimeout(function() {
                            wrapper.style.display = 'flex';  // Show the div
                        }, delay);
                    })(wrapper, delay);

                    delay += 3000;  // Increase the delay for the next image
                }

                setTimeout(function() {
                    zodiacImage.style.display = 'none';  // Hide the zodiac sign
                    backgroundMusic.pause(); // Stop the music
   }, delay);
            }

            // Expose the function to the global scope
            return {
                generateRandomImages: generateRandomImages
            };

        })();
    </script>
</body>
</html>]]></content:encoded>
					
					<wfw:commentRss>https://propojenisvesmirem.cz/zkouska/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1902</post-id>	</item>
	</channel>
</rss>
