<?xml version="1.0"?>
<rss version="2.0"><channel><title>Gewinnspiele Latest Topics</title><link>https://cstate.to/forum/127-gewinnspiele/</link><description>Gewinnspiele Latest Topics</description><language>en</language><item><title>&#x1F579;&#xFE0F; Csomat &#x2013; Dein Tool f&#xFC;r faire Gewinnzahlen!</title><link>https://cstate.to/topic/1344-%F0%9F%95%B9%EF%B8%8F-csomat-%E2%80%93-dein-tool-f%C3%BCr-faire-gewinnzahlen/</link><description><![CDATA[<div class="csomat-container">
	<div class="csomat-logo">
		<strong><img alt="Csomat Logo" src="https://cstate.to/uploads/monthly_2024_11/header_title.png.90d195873d3fec773bf275d1f809f12e.png"></strong>
	</div>

	<h1 class="csomat-title">
		<strong>Willkommen beim <span class="highlight">Csomat</span></strong>
	</h1>

	<p class="csomat-description">
		<strong>Dein High-Tech-Tool für faires und transparentes Auslosen.</strong>
	</p>

	<div class="csomat-box">
		<h2 class="csomat-subtitle">
			<strong>Wähle deinen Bereich:</strong>
		</h2>

		<div class="range-selection">
			<div class="input-group">
				<strong><label for="minValue">Von:</label> <input id="minValue" min="1" placeholder="Min" type="number" value="1"></strong>
			</div>

			<div class="input-group">
				<strong><label for="maxValue">Bis:</label> <input id="maxValue" max="1000" placeholder="Max" type="number" value="1000"></strong>
			</div>
		</div>
	</div>

	<p class="csomat-generate-info">
		<strong>Generiere eine Gewinnerzahl zwischen deinem festgelegten Bereich:</strong>
	</p>
	<strong><button class="csomat-button" id="generateButton" type="button">Zahl generieren</button></strong>

	<div class="result-container">
		<div class="result-wrapper">
			<div class="result" id="result">
				<strong>-</strong>
			</div>
		</div>
	</div>
</div>

<p>
	<strong>
	<style type="text/css">
/* Allgemeiner Hintergrund */
body {
    background-color: #181a1b;
    font-family: 'Arial', sans-serif;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

/* Hauptcontainer */
.csomat-container {
    background-color: #2d3037;
    color: #ffffff;
    border-radius: 15px;
    padding: 20px;
    max-width: 500px;
    margin: 30px auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
    text-align: center;
    animation: fadeIn 1s ease-out;
}

/* Logo */
.csomat-logo img {
    max-width: 60%;
    height: auto;
    filter: drop-shadow(0 0 8px #32cd32);
    pointer-events: none;
    margin-bottom: 15px;
}

/* Titel */
.csomat-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Arial Black', Arial, sans-serif;
}

.highlight {
    color: #32cd32;
    text-shadow: 0 0 8px #32cd32;
}

/* Beschreibung */
.csomat-description {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 20px;
}

/* Bereichsauswahl */
.csomat-box {
    background-color: #1f2227;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.csomat-subtitle {
    font-size: 18px;
    font-weight: bold;
    color: #32cd32;
    margin-bottom: 15px;
}

.range-selection {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.input-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.input-group label {
    font-size: 14px;
    color: #32cd32;
    margin-bottom: 5px;
}

.input-group input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #32cd32;
    background-color: #1f2227;
    color: #ffffff;
    text-align: center;
    outline: none;
}

.input-group input:focus {
    border-color: #28a428;
    box-shadow: 0 0 5px #28a428;
}

/* Generierungsbutton */
.csomat-generate-info {
    font-size: 14px;
    margin: 10px 0;
}

.csomat-button {
    background-color: #32cd32;
    color: #000000;
    border: none;
    border-radius: 6px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-bottom: 15px;
}

.csomat-button:hover {
    background-color: #28a428;
    transform: scale(1.05);
}

/* Ergebnisbereich */
.result-container {
    margin-top: 15px;
}

.result-wrapper {
    perspective: 1000px;
}

.result {
    font-size: 28px;
    font-weight: bold;
    color: #32cd32;
    border: 2px solid #32cd32;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
}

/* Animationen */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}	</style>
	<script>
document.getElementById('generateButton').addEventListener('click', function (event) {
    event.preventDefault(); // Verhindert das Neuladen der Seite
    const minValue = parseInt(document.getElementById('minValue').value);
    const maxValue = parseInt(document.getElementById('maxValue').value);
    const resultElement = document.getElementById('result');

    // Validierung der Eingabe
    if (isNaN(minValue) || isNaN(maxValue) || minValue >= maxValue || minValue < 1) {
        resultElement.innerText = "Ungültiger Bereich";
        return;
    }

    // Reset der Anzeige
    resultElement.innerText = "-";

    let count = 0;
    const maxCount = 15; // Animationen
    const intervalTime = 80; // Intervallzeit in ms

    const intervalId = setInterval(() => {
        const intermediateNumber = Math.floor(Math.random() * (maxValue - minValue + 1)) + minValue;
        resultElement.innerText = intermediateNumber;
        count++;

        if (count >= maxCount) {
            clearInterval(intervalId);
            const finalNumber = Math.floor(Math.random() * (maxValue - minValue + 1)) + minValue;
            resultElement.innerText = finalNumber;
        }
    }, intervalTime);
});
</script></strong>
</p>
]]></description><guid isPermaLink="false">1344</guid><pubDate>Mon, 13 Jan 2025 21:52:04 +0000</pubDate></item><item><title>&#x1F389; Regeln f&#xFC;r Giveaways und Gewinnspiele im Forum!</title><link>https://cstate.to/topic/1343-%F0%9F%8E%89-regeln-f%C3%BCr-giveaways-und-gewinnspiele-im-forum/</link><description><![CDATA[<div style="background-color: #1f2227; color: #ffffff; padding: 20px; border-radius: 10px; font-family: Arial, sans-serif; line-height: 1.8; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); max-width: 800px; margin: 20px auto; animation: fadeIn 1s ease-in-out;">
	<h1 style="text-align: center; color: #32cd32; font-family: 'Arial Black', Arial, sans-serif; margin-bottom: 20px; animation: slideInFromTop 1s ease-in-out;">
		1. Klare Teilnahmebedingungen
	</h1>

	<p style="font-size: 16px; margin-bottom: 15px;">
		Um Missverständnisse zu vermeiden, muss jeder Giveaway-Thread folgende Informationen enthalten:
	</p>

	<ul style="list-style: none; padding-left: 0; margin-bottom: 20px;">
		<li style="margin-bottom: 10px; position: relative; padding-left: 30px; animation: fadeInUp 0.5s ease-in-out;">
			<span style="position: absolute; top: 0; left: 0; background-color: #32cd32; color: #000000; border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; font-weight: bold;">1</span> <strong>Genaue Teilnahmebedingungen:</strong> Zum Beispiel, wie man teilnehmen kann (z. B. Glückszahl posten, bestimmte Anforderungen erfüllen).
		</li>
		<li style="margin-bottom: 10px; position: relative; padding-left: 30px; animation: fadeInUp 0.7s ease-in-out;">
			<span style="position: absolute; top: 0; left: 0; background-color: #32cd32; color: #000000; border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; font-weight: bold;">2</span> <strong>Zeitraum des Gewinnspiels:</strong> Start- und Enddatum müssen klar definiert sein.
		</li>
		<li style="margin-bottom: 10px; position: relative; padding-left: 30px; animation: fadeInUp 0.9s ease-in-out;">
			<span style="position: absolute; top: 0; left: 0; background-color: #32cd32; color: #000000; border-radius: 50%; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; font-weight: bold;">3</span> <strong>Art und Höhe des Gewinns:</strong> Ob Geld, Waren oder Dienstleistungen – die genaue Beschreibung des Gewinns ist verpflichtend.
		</li>
	</ul>

	<h3 style="color: #32cd32; font-family: 'Arial Black', Arial, sans-serif; margin-bottom: 10px; animation: fadeIn 1s;">
		2. Pflicht zur Nutzung eines Treuhandsystems (TH)
	</h3>

	<p style="font-size: 16px; margin-bottom: 15px;">
		Für alle Giveaways, bei denen <strong>Geldbeträge</strong> verlost werden, ist die Nutzung eines <strong>Treuhand-Systems (TH)</strong> zwingend erforderlich.
	</p>

	<ul style="list-style: none; padding-left: 0; margin-bottom: 20px;">
		<li style="margin-bottom: 10px; animation: fadeInLeft 1s;">
			<strong>Schützt die Teilnehmer:</strong> Sie garantiert, dass der Gewinn tatsächlich ausgezahlt wird.
		</li>
		<li style="margin-bottom: 10px; animation: fadeInLeft 1.2s;">
			<strong>Sichert Fairness:</strong> Sie verhindert Betrug und sorgt für ein vertrauenswürdiges Gewinnspiel.
		</li>
	</ul>

	<h4 style="color: #32cd32; font-family: 'Arial Black', Arial, sans-serif; margin-bottom: 10px; animation: fadeIn 1.2s;">
		3. Konsequenzen bei Regelverstößen
	</h4>

	<ul style="list-style: none; padding-left: 0; margin-bottom: 15px;">
		<li style="margin-bottom: 10px; animation: fadeInUp 1.3s;">
			<strong>Scam-Versuche</strong> oder die <strong>Nichtnutzung des Treuhandsystems</strong> führen zur sofortigen Schließung des Threads.
		</li>
		<li style="margin-bottom: 10px; animation: fadeInUp 1.5s;">
			Nachgewiesene Täuschungsversuche führen zu einem <strong>permanenten Bann</strong> des Erstellers.
		</li>
	</ul>

	<p style="border-left:3px solid rgba(50, 120, 240, 0.8); border-radius:6px; color:#e0e0ff; font-size:14px; padding:12px; text-align:start">
		<span style="color:#ffffff">Gewinnspiele dürfen nicht an die Teilnahme in Telegram-, Signal- oder anderen Channels gekoppelt werden.</span>
	</p>
</div>
<style type="text/css">
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}</style>
]]></description><guid isPermaLink="false">1343</guid><pubDate>Mon, 13 Jan 2025 21:24:46 +0000</pubDate></item></channel></rss>
