| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Saldırı Simülatörü</title> |
| <link rel="stylesheet" href="styles.css"> |
| <style> |
| body { |
| background-color: rgb(12, 185, 228); |
| color: rgb(89, 0, 233); |
| font-family: 'Arial', sans-serif; |
| } |
| header { |
| text-align: center; |
| margin: 20px 0; |
| } |
| main { |
| text-align: center; |
| } |
| section#attack-simulator { |
| margin: 20px auto; |
| width: 80%; |
| max-width: 600px; |
| text-align: left; |
| } |
| button { |
| display: block; |
| width: 100%; |
| margin: 10px 0; |
| padding: 10px; |
| font-size: 16px; |
| cursor: pointer; |
| } |
| #attack-result { |
| margin-top: 20px; |
| } |
| |
| .modal { |
| display: none; |
| position: fixed; |
| z-index: 1; |
| left: 0; |
| top: 0; |
| width: 100%; |
| height: 100%; |
| overflow: auto; |
| background-color: rgb(0,0,0); |
| background-color: rgba(0,0,0,0.4); |
| padding-top: 60px; |
| } |
| .modal-content { |
| background-color: #fefefe; |
| margin: 5% auto; |
| padding: 20px; |
| border: 1px solid #888; |
| width: 80%; |
| } |
| .close { |
| color: #aaa; |
| float: right; |
| font-size: 28px; |
| font-weight: bold; |
| } |
| .close:hover, |
| .close:focus { |
| color: black; |
| text-decoration: none; |
| cursor: pointer; |
| } |
| </style> |
| </head> |
| <body> |
| <header> |
| <h1>Saldırı Simülatörü</h1> |
| </header> |
| <main> |
| <section id="attack-simulator"> |
| <h2>Simülasyon Senaryoları</h2> |
| <button id="phishingAttack">Kimlik Avı Saldırısı</button> |
| <button id="ransomwareAttack">Fidye Yazılımı Saldırısı</button> |
| <button id="ddosAttack">DDoS Saldırısı</button> |
| <button id="malwareAttack">Kötü Amaçlı Yazılım Saldırısı</button> |
| <div id="attack-result"></div> |
| </section> |
| </main> |
| <script src="scripts.js"></script> |
| <script> |
| |
| |
| function logUserAction(actionType, actionDetail) { |
| const actionLog = { |
| timestamp: new Date().toISOString(), |
| actionType: actionType, |
| actionDetail: actionDetail |
| }; |
| console.log('User Action:', JSON.stringify(actionLog)); |
| fetch('/log', { |
| method: 'POST', |
| headers: { |
| 'Content-Type': 'application/json' |
| }, |
| body: JSON.stringify(actionLog) |
| }).then(response => { |
| if (!response.ok) { |
| console.error('Failed to log action'); |
| } |
| }); |
| } |
| |
| document.getElementById('phishingAttack').addEventListener('click', () => { |
| document.getElementById('attack-result').innerHTML = ` |
| <h3>Kimlik Avı Saldırısı!</h3> |
| <p>Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız?</p> |
| <button onclick="handlePhishingResponse(true)">Bağlantıya Tıkla</button> |
| <button onclick="handlePhishingResponse(false)">Bağlantıya Tıklama</button> |
| `; |
| }); |
| |
| function handlePhishingResponse(accepted) { |
| if (accepted) { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!</p> |
| `; |
| } else { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>İyi bir seçim yaptınız. Bilgilerinizi korudunuz!</p> |
| `; |
| } |
| logUserAction('response', accepted ? 'clicked' : 'notClicked'); |
| } |
| |
| |
| const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; |
| const recognition = new SpeechRecognition(); |
| recognition.lang = 'tr-TR'; |
| recognition.continuous = false; |
| |
| recognition.onstart = function() { |
| speak('Konuşmaya başlayın.'); |
| }; |
| |
| recognition.onresult = function(event) { |
| const transcript = event.results[0][0].transcript.toLowerCase(); |
| handleVoiceCommand(transcript); |
| }; |
| |
| recognition.onerror = function(event) { |
| showModal('Geçersiz komut. Lütfen tekrar deneyin.'); |
| }; |
| |
| function handleVoiceCommand(command) { |
| if (command.includes('kimlik avı')) { |
| handlePhishing(); |
| } else if (command.includes('fidye yazılımı')) { |
| handleRansomware(); |
| } else if (command.includes('ddos saldırısı')) { |
| handleDdos(); |
| } else if (command.includes('kötü amaçlı yazılım')) { |
| handleMalware(); |
| } else { |
| showModal('Geçersiz komut. Lütfen tekrar deneyin.'); |
| } |
| logUserAction('voice', command); |
| } |
| |
| function startRecognition() { |
| recognition.start(); |
| } |
| |
| document.getElementById('phishingAttack').addEventListener('click', handlePhishing); |
| document.getElementById('ransomwareAttack').addEventListener('click', handleRansomware); |
| document.getElementById('ddosAttack').addEventListener('click', handleDdos); |
| document.getElementById('malwareAttack').addEventListener('click', handleMalware); |
| |
| function handlePhishing() { |
| document.getElementById('attack-result').innerHTML = ` |
| <h3>Kimlik Avı Saldırısı!</h3> |
| <p>Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız?</p> |
| <button onclick="handlePhishingResponse(true)">Bağlantıya Tıkla</button> |
| <button onclick="handlePhishingResponse(false)">Bağlantıya Tıklama</button> |
| `; |
| speak('Kimlik avı saldırısı! Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız? Bağlantıya tıkla veya bağlantıya tıklama seçeneklerinden birini söyleyin.'); |
| logUserAction('click', 'phishingAttack'); |
| } |
| |
| function handleRansomware() { |
| document.getElementById('attack-result').innerHTML = ` |
| <h3>Fidye Yazılımı Saldırısı!</h3> |
| <p>Bilgisayarınızda şüpheli bir dosya keşfettiniz ve bilgisayarınızda kilitli dosyalar var. Ne yaparsınız?</p> |
| <button onclick="handleRansomwareResponse(true)">Fidyeyi Öde</button> |
| <button onclick="handleRansomwareResponse(false)">Fidye Ödemeyin</button> |
| `; |
| speak('Fidye yazılımı saldırısı! Bilgisayarınızda şüpheli bir dosya keşfettiniz ve bilgisayarınızda kilitli dosyalar var. Ne yaparsınız? Fidyeyi öde veya fidye ödemeyin seçeneklerinden birini söyleyin.'); |
| logUserAction('click', 'ransomwareAttack'); |
| } |
| |
| function handleDdos() { |
| document.getElementById('attack-result').innerHTML = ` |
| <h3>DDoS Saldırısı!</h3> |
| <p>Web siteniz aşırı trafik nedeniyle yavaşlıyor. Nasıl bir tepki verirsiniz?</p> |
| <button onclick="handleDdosResponse(true)">Yük Dengeleyici Kullanın</button> |
| <button onclick="handleDdosResponse(false)">Sadece Bekleyin</button> |
| `; |
| speak('DDoS saldırısı! Web siteniz aşırı trafik nedeniyle yavaşlıyor. Nasıl bir tepki verirsiniz? Yük dengeleyici kullanın veya sadece bekleyin seçeneklerinden birini söyleyin.'); |
| logUserAction('click', 'ddosAttack'); |
| } |
| |
| function handleMalware() { |
| document.getElementById('attack-result').innerHTML = ` |
| <h3>Kötü Amaçlı Yazılım Saldırısı!</h3> |
| <p>Bilgisayarınıza şüpheli bir yazılım yüklendi. Ne yaparsınız?</p> |
| <button onclick="handleMalwareResponse(true)">Yazılımı Kaldır</button> |
| <button onclick="handleMalwareResponse(false)">Yazılımı Kaldırmayın</button> |
| `; |
| speak('Kötü amaçlı yazılım saldırısı! Bilgisayarınıza şüpheli bir yazılım yüklendi. Ne yaparsınız? Yazılımı kaldır veya yazılımı kaldırmayın seçeneklerinden birini söyleyin.'); |
| logUserAction('click', 'malwareAttack'); |
| } |
| |
| function handlePhishingResponse(accepted) { |
| if (accepted) { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!</p> |
| `; |
| } else { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>İyi bir seçim yaptınız. Bilgilerinizi korudunuz!</p> |
| `; |
| } |
| logUserAction('response', accepted ? 'clicked' : 'notClicked'); |
| } |
| |
| function handleRansomwareResponse(paid) { |
| if (paid) { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Fidye ödediniz, ancak dosyalarınız hala kilitli olabilir. Yedekleme stratejilerinizi gözden geçirin.</p> |
| `; |
| } else { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Fidye ödemediğiniz için dosyalarınız kilitli kaldı. Gelecekte veri yedeklemeye özen gösterin.</p> |
| `; |
| } |
| logUserAction('response', paid ? 'paid' : 'notPaid'); |
| } |
| |
| function handleDdosResponse(usedLoadBalancer) { |
| if (usedLoadBalancer) { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Yük dengeleyici kullanarak hizmetinizi korudunuz. İyi iş çıkardınız!</p> |
| `; |
| } else { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Bekleyerek sorun çözüldü, ancak bu tür saldırılara karşı önlem almanız önemlidir.</p> |
| `; |
| } |
| logUserAction('response', usedLoadBalancer ? 'usedLoadBalancer' : 'waited'); |
| } |
| |
| function handleMalwareResponse(removed) { |
| if (removed) { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Yazılımı kaldırdınız ve sisteminizi temiz tuttunuz. Harika!</p> |
| `; |
| } else { |
| document.getElementById('attack-result').innerHTML = ` |
| <p>Kötü amaçlı yazılım bilgisayarınıza zarar verebilir. Gelecekte daha dikkatli olun.</p> |
| `; |
| } |
| logUserAction('response', removed ? 'removed' : 'notRemoved'); |
| } |
| |
| function speak(message) { |
| const speech = new SpeechSynthesisUtterance(); |
| speech.lang = 'tr-TR'; |
| speech.text = message; |
| window.speechSynthesis.speak(speech); |
| } |
| |
| function showModal(message) { |
| document.getElementById('modal-text').innerText = message; |
| const modal = document.getElementById('myModal'); |
| const span = document.getElementsByClassName('close')[0]; |
| modal.style.display = 'block'; |
| span.onclick = function() { |
| modal.style.display = 'none'; |
| } |
| window.onclick = function(event) { |
| if (event.target == modal) { |
| modal.style.display = 'none'; |
| } |
| } |
| } |
| |
| function logUserAction(actionType, actionDetail) { |
| const actionLog = { |
| timestamp: new Date().toISOString(), |
| actionType: actionType, |
| actionDetail: actionDetail |
| }; |
| console.log('User Action:', JSON.stringify(actionLog)); |
| fetch('/log', { |
| method: 'POST', |
| headers: { |
| 'Content-Type': 'application/json' |
| }, |
| body: JSON.stringify(actionLog) |
| }).then(response => { |
| if (!response.ok) { |
| console.error('Failed to log action'); |
| } |
| }); |
| } |
| </script> |
| </body> |
| </html> |
|
|
