commit 8a091e9a180870cdd4e86629c07414d3dbf4991e
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 11:19:26 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..b5bf8c8
--- /dev/null
+++ b/body.html
@@ -0,0 +1,53 @@
+<header>
+ <h1>Kaldırdım Bet</h1>
+ <p>Place your bets on how many times "kaldırdım" is sent in the MS Teams Support group!</p>
+</header>
+
+<main>
+ <section id="betting-section">
+ <h2>Place Your Bet</h2>
+ <div class="bet-options">
+ <button class="bet-button" data-bet="under">Under 2.5</button>
+ <button class="bet-button" data-bet="over">Over 2.5</button>
+ </div>
+ <div class="bet-input">
+ <label for="bet-amount">Bet Amount:</label>
+ <input type="number" id="bet-amount" min="1" value="10">
+ </div>
+ <button id="place-bet">Place Bet</button>
+ </section>
+
+ <section id="statistics-section">
+ <h2>Statistics</h2>
+ <div class="chart-container">
+ <canvas id="kaldirdim-chart"></canvas>
+ </div>
+ <div class="stats-grid">
+ <div class="stat-box">
+ <h3>Today's Count</h3>
+ <p class="stat-value" id="today-count">7</p>
+ </div>
+ <div class="stat-box">
+ <h3>Weekly Average</h3>
+ <p class="stat-value" id="weekly-avg">5.3</p>
+ </div>
+ <div class="stat-box">
+ <h3>All-Time High</h3>
+ <p class="stat-value" id="all-time-high">12</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="leaderboard-section">
+ <h2>Leaderboard</h2>
+ <ol id="leaderboard-list">
+ <li>User1 - $150</li>
+ <li>User2 - $120</li>
+ <li>User3 - $90</li>
+ </ol>
+ </section>
+</main>
+
+<footer>
+ <p>Disclaimer: This is a fun, fictional betting site. No real money is involved.</p>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..f0031ca
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://kaldirdim-bet.scroll.pub
+metaTags
+editButton /edit.html
+title Kaldırdım Bet - Fun Betting on MS Teams
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..b4efd8f
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# kaldirdim-bet1.scroll.pub
+Website generated by DeepSeek from prompt: Generate a website that will take bet's on how many times 'kaldırdım' text been sent into 'Support' group in MS Teams, provide dummy statisctics with charts. Should have some numeric tools and diffrent bet's like footbal sport bets such over 2.5 and under 2.5 etc and interactivity. Be creative and make the site fun. Be sure to have dummy statistics and charts.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..5ddf87f
--- /dev/null
+++ b/script.js
@@ -0,0 +1,60 @@
+// Dummy data
+const kaldirdimData = {
+ labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+ datasets: [{
+ label: 'Kaldırdım Count',
+ data: [3, 5, 7, 4, 6, 8, 5],
+ backgroundColor: 'rgba(76, 175, 80, 0.2)',
+ borderColor: '#4CAF50',
+ borderWidth: 2
+ }]
+};
+
+// Initialize chart
+const ctx = document.getElementById('kaldirdim-chart').getContext('2d');
+const kaldirdimChart = new Chart(ctx, {
+ type: 'line',
+ data: kaldirdimData,
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ scales: {
+ y: {
+ beginAtZero: true
+ }
+ }
+ }
+});
+
+// Betting functionality
+const betButtons = document.querySelectorAll('.bet-button');
+const betAmountInput = document.getElementById('bet-amount');
+const placeBetButton = document.getElementById('place-bet');
+
+betButtons.forEach(button => {
+ button.addEventListener('click', () => {
+ betButtons.forEach(btn => btn.classList.remove('active'));
+ button.classList.add('active');
+ });
+});
+
+placeBetButton.addEventListener('click', () => {
+ const selectedBet = document.querySelector('.bet-button.active');
+ const betAmount = betAmountInput.value;
+
+ if (!selectedBet || !betAmount) {
+ alert('Please select a bet and enter an amount');
+ return;
+ }
+
+ const betType = selectedBet.dataset.bet;
+ const result = Math.random() > 0.5 ? 'win' : 'lose';
+
+ alert(`You placed a $${betAmount} bet on ${betType} 2.5. You ${result}!`);
+
+ // Update leaderboard (dummy implementation)
+ const leaderboard = document.getElementById('leaderboard-list');
+ const newEntry = document.createElement('li');
+ newEntry.textContent = `NewUser - $${Math.floor(Math.random() * 200)}`;
+ leaderboard.prepend(newEntry);
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d61629f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,138 @@
+:root {
+ --primary-color: #4CAF50;
+ --secondary-color: #2196F3;
+ --background-color: #f5f5f5;
+ --text-color: #333;
+ --card-bg: white;
+ --shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+body {
+ font-family: 'Segoe UI', sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: var(--background-color);
+ color: var(--text-color);
+ line-height: 1.6;
+}
+
+header {
+ background: var(--primary-color);
+ color: white;
+ padding: 2rem;
+ text-align: center;
+}
+
+main {
+ max-width: 1200px;
+ margin: 2rem auto;
+ padding: 0 1rem;
+}
+
+section {
+ background: var(--card-bg);
+ border-radius: 8px;
+ box-shadow: var(--shadow);
+ margin-bottom: 2rem;
+ padding: 1.5rem;
+}
+
+.bet-options {
+ display: flex;
+ gap: 1rem;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.bet-button {
+ padding: 0.8rem 2rem;
+ border: none;
+ border-radius: 4px;
+ background: var(--secondary-color);
+ color: white;
+ font-size: 1rem;
+ cursor: pointer;
+ transition: background 0.3s;
+}
+
+.bet-button:hover {
+ background: #1976D2;
+}
+
+.bet-input {
+ margin: 1rem 0;
+ text-align: center;
+}
+
+#bet-amount {
+ padding: 0.5rem;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ width: 100px;
+}
+
+#place-bet {
+ display: block;
+ margin: 1rem auto;
+ padding: 1rem 2rem;
+ background: var(--primary-color);
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ transition: background 0.3s;
+}
+
+#place-bet:hover {
+ background: #45a049;
+}
+
+.chart-container {
+ max-width: 800px;
+ margin: 0 auto;
+}
+
+.stats-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+ gap: 1rem;
+ margin-top: 2rem;
+}
+
+.stat-box {
+ background: var(--background-color);
+ padding: 1rem;
+ border-radius: 4px;
+ text-align: center;
+}
+
+.stat-value {
+ font-size: 2rem;
+ font-weight: bold;
+ color: var(--primary-color);
+}
+
+#leaderboard-list {
+ list-style: none;
+ padding: 0;
+}
+
+#leaderboard-list li {
+ background: var(--background-color);
+ padding: 0.8rem;
+ margin: 0.5rem 0;
+ border-radius: 4px;
+}
+
+footer {
+ text-align: center;
+ padding: 1rem;
+ background: var(--card-bg);
+ margin-top: 2rem;
+}
+
+@media (max-width: 768px) {
+ .bet-options {
+ flex-direction: column;
+ }
+}
\ No newline at end of file