body.html
Changed around line 1
+
+
Kaldırdım Bet
+
Place your bets on how many times "kaldırdım" is sent in the MS Teams Support group!
+
+
+
+
+
Place Your Bet
+
+
+
+
+
+
+
+
+
+
+
+
+
Statistics
+
+
+
+
+
+
Today's Count
+
7
+
+
+
Weekly Average
+
5.3
+
+
+
All-Time High
+
12
+
+
+
+
+
+
Leaderboard
+
+ User1 - $150
+ User2 - $120
+ User3 - $90
+
+
+
+
+
+
Disclaimer: This is a fun, fictional betting site. No real money is involved.
+
index.scroll
Changed around line 1
+ 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
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ // 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);
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }