Hugging Face's logo

Spaces:
ConstantCoder
/
Cyber-Security-Attack-Simulator
Running

App Files Community
ConstantCoder commited on
Commit
8ce6caf
·
verified ·
1 Parent(s): 29bfadf

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +153 -174
index.html CHANGED
@@ -4,11 +4,87 @@
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Saldırı Simülatörü</title>
7
- <link rel="stylesheet" href="styles.css">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  </head>
9
  <body>
10
  <header>
11
- <h1>Saldırı Simülatörü</h1>
12
  </header>
13
  <main>
14
  <section id="attack-simulator">
@@ -17,234 +93,137 @@
17
  <button id="ransomwareAttack">Fidye Yazılımı Saldırısı</button>
18
  <button id="ddosAttack">DDoS Saldırısı</button>
19
  <button id="malwareAttack">Kötü Amaçlı Yazılım Saldırısı</button>
 
20
  <div id="attack-result"></div>
21
  </section>
22
  </main>
23
  <script src="scripts.js"></script>
24
  <script>
25
- // JavaScript kodu (kullanıcı eylemlerini kaydetme)
26
-
27
- function logUserAction(actionType, actionDetail) {
28
- const actionLog = {
29
- timestamp: new Date().toISOString(),
30
- actionType: actionType,
31
- actionDetail: actionDetail
32
- };
33
- console.log('User Action:', JSON.stringify(actionLog));
34
- fetch('/log', {
35
- method: 'POST',
36
- headers: {
37
- 'Content-Type': 'application/json'
38
- },
39
- body: JSON.stringify(actionLog)
40
- }).then(response => {
41
- if (!response.ok) {
42
- console.error('Failed to log action');
43
- }
44
- });
45
- }
46
-
47
- document.getElementById('phishingAttack').addEventListener('click', () => {
48
- document.getElementById('attack-result').innerHTML = `
49
- <h3>Kimlik Avı Saldırısı!</h3>
50
- <p>Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız?</p>
51
- <button onclick="handlePhishingResponse(true)">Bağlantıya Tıkla</button>
52
- <button onclick="handlePhishingResponse(false)">Bağlantıya Tıklama</button>
53
- `;
54
- });
55
 
56
- function handlePhishingResponse(accepted) {
57
- if (accepted) {
58
- document.getElementById('attack-result').innerHTML = `
59
- <p>Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!</p>
60
- `;
61
  } else {
62
- document.getElementById('attack-result').innerHTML = `
63
- <p>İyi bir seçim yaptınız. Bilgilerinizi korudunuz!</p>
64
- `;
65
  }
66
- logUserAction('response', accepted ? 'clicked' : 'notClicked');
67
- }
68
-
69
- // Web Speech API setup
70
- const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
71
- const recognition = new SpeechRecognition();
72
- recognition.lang = 'tr-TR';
73
- recognition.continuous = false;
74
-
75
- recognition.onstart = function() {
76
- speak('Konuşmaya başlayın.');
77
- };
78
-
79
- recognition.onresult = function(event) {
80
- const transcript = event.results[0][0].transcript.toLowerCase();
81
- handleVoiceCommand(transcript);
82
- };
83
-
84
- recognition.onerror = function(event) {
85
- showModal('Geçersiz komut. Lütfen tekrar deneyin.');
86
- };
87
-
88
- function handleVoiceCommand(command) {
89
- if (command.includes('kimlik avı')) {
90
- handlePhishing();
91
- } else if (command.includes('fidye yazılımı')) {
92
- handleRansomware();
93
- } else if (command.includes('ddos saldırısı')) {
94
- handleDdos();
95
- } else if (command.includes('kötü amaçlı yazılım')) {
96
- handleMalware();
97
- } else {
98
- showModal('Geçersiz komut. Lütfen tekrar deneyin.');
99
- }
100
- logUserAction('voice', command);
101
- }
102
-
103
- function startRecognition() {
104
- recognition.start();
105
- }
106
-
107
- document.getElementById('phishingAttack').addEventListener('click', handlePhishing);
108
- document.getElementById('ransomwareAttack').addEventListener('click', handleRansomware);
109
- document.getElementById('ddosAttack').addEventListener('click', handleDdos);
110
- document.getElementById('malwareAttack').addEventListener('click', handleMalware);
111
 
112
- function handlePhishing() {
113
- document.getElementById('attack-result').innerHTML = `
114
  <h3>Kimlik Avı Saldırısı!</h3>
115
  <p>Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız?</p>
116
  <button onclick="handlePhishingResponse(true)">Bağlantıya Tıkla</button>
117
  <button onclick="handlePhishingResponse(false)">Bağlantıya Tıklama</button>
118
  `;
119
- 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.');
120
- logUserAction('click', 'phishingAttack');
121
- }
 
 
122
 
123
- function handleRansomware() {
124
- document.getElementById('attack-result').innerHTML = `
125
  <h3>Fidye Yazılımı Saldırısı!</h3>
126
  <p>Bilgisayarınızda şüpheli bir dosya keşfettiniz ve bilgisayarınızda kilitli dosyalar var. Ne yaparsınız?</p>
127
  <button onclick="handleRansomwareResponse(true)">Fidyeyi Öde</button>
128
  <button onclick="handleRansomwareResponse(false)">Fidye Ödemeyin</button>
129
  `;
130
- 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.');
131
- logUserAction('click', 'ransomwareAttack');
132
- }
 
 
133
 
134
- function handleDdos() {
135
- document.getElementById('attack-result').innerHTML = `
136
  <h3>DDoS Saldırısı!</h3>
137
  <p>Web siteniz aşırı trafik nedeniyle yavaşlıyor. Nasıl bir tepki verirsiniz?</p>
138
  <button onclick="handleDdosResponse(true)">Yük Dengeleyici Kullanın</button>
139
  <button onclick="handleDdosResponse(false)">Sadece Bekleyin</button>
140
  `;
141
- 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.');
142
- logUserAction('click', 'ddosAttack');
143
- }
 
 
144
 
145
- function handleMalware() {
146
- document.getElementById('attack-result').innerHTML = `
147
  <h3>Kötü Amaçlı Yazılım Saldırısı!</h3>
148
  <p>Bilgisayarınıza şüpheli bir yazılım yüklendi. Ne yaparsınız?</p>
149
  <button onclick="handleMalwareResponse(true)">Yazılımı Kaldır</button>
150
  <button onclick="handleMalwareResponse(false)">Yazılımı Kaldırmayın</button>
151
  `;
152
- 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.');
153
- logUserAction('click', 'malwareAttack');
154
- }
 
 
155
 
156
  function handlePhishingResponse(accepted) {
 
157
  if (accepted) {
158
- document.getElementById('attack-result').innerHTML = `
159
- <p>Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!</p>
160
- `;
 
161
  } else {
162
- document.getElementById('attack-result').innerHTML = `
163
- <p>İyi bir seçim yaptınız. Bilgilerinizi korudunuz!</p>
164
- `;
 
165
  }
166
- logUserAction('response', accepted ? 'clicked' : 'notClicked');
167
  }
168
 
169
  function handleRansomwareResponse(paid) {
 
170
  if (paid) {
171
- document.getElementById('attack-result').innerHTML = `
172
- <p>Fidye ödediniz, ancak dosyalarınız hala kilitli olabilir. Yedekleme stratejilerinizi gözden geçirin.</p>
173
- `;
 
174
  } else {
175
- document.getElementById('attack-result').innerHTML = `
176
- <p>Fidye ödemediğiniz için dosyalarınız kilitli kaldı. Gelecekte veri yedeklemeye özen gösterin.</p>
177
- `;
 
178
  }
179
- logUserAction('response', paid ? 'paid' : 'notPaid');
180
  }
181
 
182
  function handleDdosResponse(usedLoadBalancer) {
 
183
  if (usedLoadBalancer) {
184
- document.getElementById('attack-result').innerHTML = `
185
- <p>Yük dengeleyici kullanarak hizmetinizi korudunuz. İyi iş çıkardınız!</p>
186
- `;
 
187
  } else {
188
- document.getElementById('attack-result').innerHTML = `
189
- <p>Bekleyerek sorun çözüldü, ancak bu tür saldırılara karşı önlem almanız önemlidir.</p>
190
- `;
 
191
  }
192
- logUserAction('response', usedLoadBalancer ? 'usedLoadBalancer' : 'waited');
193
  }
194
 
195
  function handleMalwareResponse(removed) {
 
196
  if (removed) {
197
- document.getElementById('attack-result').innerHTML = `
198
- <p>Yazılımı kaldırdınız ve sisteminizi temiz tuttunuz. Harika!</p>
199
- `;
 
200
  } else {
201
- document.getElementById('attack-result').innerHTML = `
202
- <p>Kötü amaçlı yazılım bilgisayarınıza zarar verebilir. Gelecekte daha dikkatli olun.</p>
203
- `;
204
- }
205
- logUserAction('response', removed ? 'removed' : 'notRemoved');
206
- }
207
-
208
- function speak(message) {
209
- const speech = new SpeechSynthesisUtterance();
210
- speech.lang = 'tr-TR';
211
- speech.text = message;
212
- window.speechSynthesis.speak(speech);
213
- }
214
-
215
- function showModal(message) {
216
- document.getElementById('modal-text').innerText = message;
217
- const modal = document.getElementById('myModal');
218
- const span = document.getElementsByClassName('close')[0];
219
- modal.style.display = 'block';
220
- span.onclick = function() {
221
- modal.style.display = 'none';
222
- }
223
- window.onclick = function(event) {
224
- if (event.target == modal) {
225
- modal.style.display = 'none';
226
  }
227
  }
228
- }
229
-
230
- function logUserAction(actionType, actionDetail) {
231
- const actionLog = {
232
- timestamp: new Date().toISOString(),
233
- actionType: actionType,
234
- actionDetail: actionDetail
235
- };
236
- console.log('User Action:', JSON.stringify(actionLog));
237
- fetch('/log', {
238
- method: 'POST',
239
- headers: {
240
- 'Content-Type': 'application/json'
241
- },
242
- body: JSON.stringify(actionLog)
243
- }).then(response => {
244
- if (!response.ok) {
245
- console.error('Failed to log action');
246
- }
247
- });
248
  }
249
  </script>
250
  </body>
 
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>Saldırı Simülatörü</title>
7
+ <link rel="stylesheet" href="styles.css">
8
+ <style>
9
+ body {
10
+ background-image: url('/siber-tehditler.jpg');
11
+ background-size:cover;
12
+ background-repeat:no-repeat;
13
+ background-position: center;
14
+ width: 100%;
15
+ height: 100%;
16
+ }
17
+ #attack-simulator {
18
+ background-image: url('/siber-saldiri.jpg');
19
+ background-size:cover;
20
+ background-repeat:no-repeat;
21
+ margin: 20px;
22
+ margin-left: 600px;
23
+ margin-top: 50px;
24
+ padding: 20px;
25
+ background-color: #fff;
26
+ border-radius: 8px;
27
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.288);
28
+ text-align: center;
29
+ }
30
+ .button-container {
31
+ display: flex;
32
+ flex-wrap: wrap;
33
+ justify-content: center; /* Butonları ortalar */
34
+ gap: 10px; /* Butonlar arasındaki boşluk */
35
+ }
36
+
37
+ button {
38
+ margin: 10px;
39
+ padding: 20px 20px;
40
+ font-size:medium;
41
+ background-color: #dd3333;
42
+ color: white;
43
+ font-weight: bold;
44
+ border: none;
45
+ border-radius: 4px;
46
+ cursor: pointer;
47
+ flex: 1 0 calc(25% - 20px); /* Butonları bir satıra 4 taneye kadar sığdırır */
48
+ max-width: 300px; /* Buton genişliğini sınırlar */
49
+ }
50
+
51
+ button:hover {
52
+ background-color: #6b1515;
53
+ }
54
+
55
+ #attack-result {
56
+ margin-top: 20px;
57
+ }
58
+ #toggle-voice {
59
+ background-color: darkmagenta;
60
+
61
+ }
62
+ #toggle-voice :hover {
63
+ background-color:blue;
64
+ }
65
+ h1 {
66
+ font-family: monospace;
67
+ font-weight:bold;
68
+ font-size: 50px;
69
+ }
70
+ h2 {
71
+ color: rgb(255, 255, 255);
72
+ background-color: #73abec65;
73
+ font-family:monospace;
74
+ font-size: 40px;
75
+ border-radius: 8px;
76
+ }
77
+ p {
78
+ color: #fff;
79
+ font-weight: bold;
80
+ background-color: #ffffff36;
81
+ font-size: large;
82
+ }
83
+ </style>
84
  </head>
85
  <body>
86
  <header>
87
+ <h1>SALDIRI SİMÜLATÖRÜ</h1>
88
  </header>
89
  <main>
90
  <section id="attack-simulator">
 
93
  <button id="ransomwareAttack">Fidye Yazılımı Saldırısı</button>
94
  <button id="ddosAttack">DDoS Saldırısı</button>
95
  <button id="malwareAttack">Kötü Amaçlı Yazılım Saldırısı</button>
96
+ <button id="toggle-voice">Sesli Yönlendirmeleri Aç/Kapat</button>
97
  <div id="attack-result"></div>
98
  </section>
99
  </main>
100
  <script src="scripts.js"></script>
101
  <script>
102
+ let voiceEnabled = false;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
 
104
+ document.getElementById('toggle-voice').addEventListener('click', () => {
105
+ voiceEnabled = !voiceEnabled;
106
+ if (voiceEnabled) {
107
+ alert("Sesli yönlendirmeler etkinleştirildi.");
 
108
  } else {
109
+ alert("Sesli yönlendirmeler devre dışı bırakıldı.");
 
 
110
  }
111
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
112
 
113
+ document.getElementById('phishingAttack').addEventListener('click', () => {
114
+ const message = `
115
  <h3>Kimlik Avı Saldırısı!</h3>
116
  <p>Bir e-posta aldınız ve bu e-postadaki bağlantıya tıklamanız isteniyor. Ne yaparsınız?</p>
117
  <button onclick="handlePhishingResponse(true)">Bağlantıya Tıkla</button>
118
  <button onclick="handlePhishingResponse(false)">Bağlantıya Tıklama</button>
119
  `;
120
+ document.getElementById('attack-result').innerHTML = message;
121
+ if (voiceEnabled) {
122
+ speechSynthesis.speak(new SpeechSynthesisUtterance("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?"));
123
+ }
124
+ });
125
 
126
+ document.getElementById('ransomwareAttack').addEventListener('click', () => {
127
+ const message = `
128
  <h3>Fidye Yazılımı Saldırısı!</h3>
129
  <p>Bilgisayarınızda şüpheli bir dosya keşfettiniz ve bilgisayarınızda kilitli dosyalar var. Ne yaparsınız?</p>
130
  <button onclick="handleRansomwareResponse(true)">Fidyeyi Öde</button>
131
  <button onclick="handleRansomwareResponse(false)">Fidye Ödemeyin</button>
132
  `;
133
+ document.getElementById('attack-result').innerHTML = message;
134
+ if (voiceEnabled) {
135
+ speechSynthesis.speak(new SpeechSynthesisUtterance("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?"));
136
+ }
137
+ });
138
 
139
+ document.getElementById('ddosAttack').addEventListener('click', () => {
140
+ const message = `
141
  <h3>DDoS Saldırısı!</h3>
142
  <p>Web siteniz aşırı trafik nedeniyle yavaşlıyor. Nasıl bir tepki verirsiniz?</p>
143
  <button onclick="handleDdosResponse(true)">Yük Dengeleyici Kullanın</button>
144
  <button onclick="handleDdosResponse(false)">Sadece Bekleyin</button>
145
  `;
146
+ document.getElementById('attack-result').innerHTML = message;
147
+ if (voiceEnabled) {
148
+ speechSynthesis.speak(new SpeechSynthesisUtterance("DDoS Saldırısı! Web siteniz aşırı trafik nedeniyle yavaşlıyor. Nasıl bir tepki verirsiniz?"));
149
+ }
150
+ });
151
 
152
+ document.getElementById('malwareAttack').addEventListener('click', () => {
153
+ const message = `
154
  <h3>Kötü Amaçlı Yazılım Saldırısı!</h3>
155
  <p>Bilgisayarınıza şüpheli bir yazılım yüklendi. Ne yaparsınız?</p>
156
  <button onclick="handleMalwareResponse(true)">Yazılımı Kaldır</button>
157
  <button onclick="handleMalwareResponse(false)">Yazılımı Kaldırmayın</button>
158
  `;
159
+ document.getElementById('attack-result').innerHTML = message;
160
+ if (voiceEnabled) {
161
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Kötü Amaçlı Yazılım Saldırısı! Bilgisayarınıza şüpheli bir yazılım yüklendi. Ne yaparsınız?"));
162
+ }
163
+ });
164
 
165
  function handlePhishingResponse(accepted) {
166
+ let message;
167
  if (accepted) {
168
+ message = `<p>Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!</p>`;
169
+ if (voiceEnabled) {
170
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Bağlantıya tıkladınız ve kişisel bilgileriniz çalındı. Güvenlik önlemleri almanız gerekiyor!"));
171
+ }
172
  } else {
173
+ message = `<p>İyi bir seçim yaptınız. Bilgilerinizi korudunuz!</p>`;
174
+ if (voiceEnabled) {
175
+ speechSynthesis.speak(new SpeechSynthesisUtterance("İyi bir seçim yaptınız. Bilgilerinizi korudunuz!"));
176
+ }
177
  }
178
+ document.getElementById('attack-result').innerHTML = message;
179
  }
180
 
181
  function handleRansomwareResponse(paid) {
182
+ let message;
183
  if (paid) {
184
+ message = `<p>Fidye ödediniz, ancak dosyalarınız hala kilitli olabilir. Yedekleme stratejilerinizi gözden geçirin.</p>`;
185
+ if (voiceEnabled) {
186
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Fidye ödediniz, ancak dosyalarınız hala kilitli olabilir. Yedekleme stratejilerinizi gözden geçirin."));
187
+ }
188
  } else {
189
+ message = `<p>Fidye ödemediğiniz için dosyalarınız kilitli kaldı. Gelecekte veri yedeklemeye özen gösterin.</p>`;
190
+ if (voiceEnabled) {
191
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Fidye ödemediğiniz için dosyalarınız kilitli kaldı. Gelecekte veri yedeklemeye özen gösterin."));
192
+ }
193
  }
194
+ document.getElementById('attack-result').innerHTML = message;
195
  }
196
 
197
  function handleDdosResponse(usedLoadBalancer) {
198
+ let message;
199
  if (usedLoadBalancer) {
200
+ message = `<p>Yük dengeleyici kullanarak hizmetinizi korudunuz. İyi iş çıkardınız!</p>`;
201
+ if (voiceEnabled) {
202
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Yük dengeleyici kullanarak hizmetinizi korudunuz. İyi iş çıkardınız!"));
203
+ }
204
  } else {
205
+ message = `<p>Bekleyerek sorun çözüldü, ancak bu tür saldırılara karşı önlem almanız önemlidir.</p>`;
206
+ if (voiceEnabled) {
207
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Bekleyerek sorun çözüldü, ancak bu tür saldırılara karşı önlem almanız önemlidir."));
208
+ }
209
  }
210
+ document.getElementById('attack-result').innerHTML = message;
211
  }
212
 
213
  function handleMalwareResponse(removed) {
214
+ let message;
215
  if (removed) {
216
+ message = `<p>Yazılımı kaldırdınız ve bilgisayarınızı korudunuz. Güvenlik yazılımlarınızı güncel tutun.</p>`;
217
+ if (voiceEnabled) {
218
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Yazılımı kaldırdınız ve bilgisayarınızı korudunuz. Güvenlik yazılımlarınızı güncel tutun."));
219
+ }
220
  } else {
221
+ message = `<p>Yazılımı kaldırmadığınız için bilgisayarınızda risk devam ediyor. Güvenlik yazılımlarınızı kullanın.</p>`;
222
+ if (voiceEnabled) {
223
+ speechSynthesis.speak(new SpeechSynthesisUtterance("Yazılımı kaldırmadığınız için bilgisayarınızda risk devam ediyor. Güvenlik yazılımlarınızı kullanın."));
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
224
  }
225
  }
226
+ document.getElementById('attack-result').innerHTML = message;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
227
  }
228
  </script>
229
  </body>