45
45
--brd2 : # e0e1e1 ;
46
46
--font-family : -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
47
47
}
48
-
49
48
@media (prefers-color-scheme : light) {
50
49
: root {
51
50
--arka : var (--la );
61
60
--yesil : var (--ly )
62
61
}
63
62
}
64
-
65
63
@media (prefers-color-scheme : dark) {
66
64
: root {
67
65
color-scheme : dark;
78
76
--yesil : var (--dy )
79
77
}
80
78
}
81
-
82
79
html {
83
80
font-size : 62.5% ;
84
81
min-width : 310px ;
85
82
accent-color : var (--accent );
86
83
scroll-behavior : smooth
87
84
}
88
-
89
85
html ,
90
86
body {
91
87
border : none;
92
88
margin : 0 ;
93
89
padding : 0 ;
94
90
background-color : var (--hefot );
95
91
}
96
-
97
92
body {
98
93
color : var (--renk );
99
94
box-sizing : border-box;
102
97
letter-spacing : -.015em ;
103
98
text-align : left;
104
99
}
105
-
106
100
a {
107
101
color : var (--link );
108
102
text-decoration-line : underline;
109
103
text-decoration-color : var (--col2 )
110
104
}
111
-
112
105
a : hover ,
113
106
a : focus {
114
107
text-decoration : none
115
108
}
116
-
117
109
button {
118
110
appearance : none;
119
111
background : var (--accent );
134
126
text-transform : uppercase;
135
127
transition : opacity .15s linear;
136
128
}
137
-
138
129
# trr {
139
130
font-family : var (--font-family );
140
131
letter-spacing : inherit;
145
136
padding : 0 ;
146
137
width : 100% ;
147
138
}
148
-
149
139
# trr .answer-button ,
150
140
# trr # reset-button {
151
141
color : # fff ;
152
142
cursor : pointer;
153
143
flex : auto;
154
144
font-size : small;
155
145
}
156
-
157
146
# trr .answer-button {
158
147
font-size : initial;
159
148
line-height : 1 ;
165
154
color : var (--renk );
166
155
border : 1px dashed var (--col2 );
167
156
}
168
-
169
157
# trr .answer-button : hover {
170
158
border-color : var (--accent );
171
159
}
172
-
173
160
# trr # reset-button {
174
161
font-size : x-small;
175
162
background : red;
176
163
flex-grow : 0 ;
177
164
margin-right : 10% ;
178
165
}
179
-
180
166
# trr # quiz-container img {
181
167
margin : auto;
182
168
width : 100% ;
183
169
object-fit : contain;
184
170
display : block;
185
171
min-height : 300px ;
186
172
}
187
-
188
173
# trr .abuttons {
189
174
display : flex;
190
175
gap : 0.5rem ;
194
179
justify-content : center;
195
180
align-items : center;
196
181
}
197
-
198
182
# trr # quiz-container {
199
- position : relative;
200
183
min-height : 465px ;
201
184
overflow : hidden;
202
185
}
203
-
204
186
# trr h2 {
205
187
margin-top : 0 ;
206
188
}
207
-
208
189
# trr h3 {
209
190
margin : 1rem auto;
210
191
}
211
-
212
192
# trr h4 {
213
193
margin : 0 ;
214
194
}
215
-
216
195
# siviller {
217
196
display : flex;
218
197
flex-direction : row;
223
202
gap : 1rem ;
224
203
margin : 2rem auto 3rem ;
225
204
}
226
-
227
205
# trr .container {
228
206
position : relative;
229
207
overflow : hidden;
236
214
border-radius : 1rem ;
237
215
background : var (--hefot );
238
216
}
239
-
240
217
# trr .image-container img {
241
218
height : 300px ;
242
219
aspect-ratio : 3 / 4 ;
243
220
}
244
-
245
221
# trr .scoreboard {
246
222
margin : 1rem auto;
247
223
background : var (--arka );
256
232
justify-content : center;
257
233
align-items : center;
258
234
}
259
-
260
235
# trr .switch {
261
236
position : relative;
262
237
display : inline-block;
265
240
zoom : 0.5 ;
266
241
margin-top : 0.1rem ;
267
242
}
268
-
269
243
# trr .switch input {
270
244
opacity : 0 ;
271
245
width : 0 ;
272
246
height : 0 ;
273
247
}
274
-
275
248
# trr .slider {
276
249
position : absolute;
277
250
cursor : pointer;
283
256
-webkit-transition : 0.4s ;
284
257
transition : 0.4s ;
285
258
}
286
-
287
259
# trr .slider : before {
288
260
position : absolute;
289
261
content : "" ;
295
267
-webkit-transition : 0.4s ;
296
268
transition : 0.4s ;
297
269
}
298
-
299
270
# trr input : checked + .slider {
300
271
background-color : # 2196f3 ;
301
272
}
302
-
303
273
# trr input : focus + .slider {
304
274
box-shadow : 0 0 1px # 2196f3 ;
305
275
}
306
-
307
276
# trr input : checked + .slider : before {
308
277
-webkit-transform : translateX (26px );
309
278
-ms-transform : translateX (26px );
310
279
transform : translateX (26px );
311
280
}
312
-
313
281
# trr .slider .round {
314
282
border-radius : 34px ;
315
283
}
316
-
317
284
# trr .slider .round : before {
318
285
border-radius : 50% ;
319
286
}
320
-
321
287
# trr .about {
322
288
font-size : small;
323
289
float : right;
330
296
background : var (--arka );
331
297
padding : 1rem ;
332
298
}
333
-
334
299
# trr .about p {
335
300
font-size : smaller;
336
301
}
337
-
338
302
# trr .about summary {
339
303
cursor : pointer;
340
304
}
341
-
342
305
# trr .about summary : first-of-type {
343
306
list-style-type : "❓" ;
344
307
}
345
-
346
308
# scoreboard > span > strong {
347
309
font-size : 2.5rem ;
348
310
display : inline-block;
349
311
vertical-align : text-bottom;
350
312
line-height : 1 ;
351
313
}
352
-
353
314
# scoreboard > span : first-child > strong ,
354
315
.d0ru > span : first-child > strong {
355
316
color : green;
356
317
}
357
-
358
318
# scoreboard > span : not (: first-child )> strong ,
359
319
.naud0ru > span : not (: first-child )> strong {
360
320
color : red;
361
321
}
362
-
363
322
html .swal2-shown ,
364
323
html .swal2-shown > body {
365
324
background : var (--arka );
366
325
}
367
-
368
326
.swal2-show {
369
327
transform : scale (1.2 );
370
328
}
371
-
372
329
@media (min-width : 700px ) {
373
330
.swal2-show {
374
331
zoom : 1.2 ;
375
332
}
376
333
}
377
-
378
334
div : where (.swal2-container ) .swal2-html-container > small {
379
335
display : block;
380
336
width : 100% ;
381
337
}
382
-
383
338
# trr a .opyls {
384
339
position : absolute;
385
340
left : 0 ;
391
346
z-index : 19 ;
392
347
border-bottom : 1px solid var (--accent );
393
348
}
394
-
395
349
# trr details .about [open ] {
396
350
z-index : 20 !important ;
397
351
}
398
-
399
352
# trrimg {
400
353
background-image : var (--background );
401
354
background-size : contain;
402
355
background-repeat : no-repeat;
403
356
background-position : center;
404
357
}
405
-
406
358
# trr .michaelsikkofield {
407
359
position : absolute;
408
360
right : 0 ;
414
366
border-radius : 0 1rem ;
415
367
font-size : 3rem ;
416
368
}
417
-
418
369
# trr .michaelsikkofield : hover {
419
370
backdrop-filter : contrast (0.5 );
420
371
}
421
-
422
372
# trr .michaelsikkofield : hover : after {
423
373
position : absolute;
424
374
right : 0 ;
438
388
< body >
439
389
< figure id ="trr ">
440
390
< div class ="container ">
441
- < h2 class ="has-small-font-size "> Terrorist Quiz < a class ="michaelsikkofield " id ="kurt " href ="javascript:// " title ="michaelsikkofield fix "> 🐺</ a >
442
- </ h2 >
391
+ < h2 class ="has-small-font-size "> Terrorist Quiz</ h2 >
443
392
< div id ="quiz-container "> </ div >
444
393
< div id ="scoreboard " class ="scoreboard ">
445
394
< span > Doğru: < strong > 0</ strong >
@@ -456,7 +405,7 @@ <h4 class="has-small-font-size">Sivilleri Ekle</h4>
456
405
</ div >
457
406
< details class ="about ">
458
407
< summary > Hakkında</ summary >
459
- < p > Veriler herkese açık olarak yayınlanan < a href ="https://web.archive.org/web/20240000000000*/https://www.terorarananlar.pol.tr/tarananlar/ " rel ="noopener " target ="_blank "> T.C. İçişleri Bakanlığı Terör Arananlar</ a > listesinden alınmaktadır. Sivillerin fotoğrafları yapay zeka ile insan fotoğrafı üreten < a href ="https://web.archive.org/web/20240308002349/https://thispersondoesnotexist.com/ " rel ="noopener " target ="_blank "> thispersondoesnotexist.com</ a > adresinden alınmaktadır.
408
+ < p > Veriler herkese açık olarak yayınlanan < a href ="https://web.archive.org/web/20240000000000*/https://www.terorarananlar.pol.tr/tarananlar/ " rel ="noopener " target ="_blank "> T.C. İçişleri Bakanlığı Terör Arananlar</ a > listesinden alınmaktadır. Sivillerin fotoğrafları yapay zeka ile insan fotoğrafı üreten < a href ="https://web.archive.org/web/20240308002349/https://thispersondoesnotexist.com/ " rel ="noopener " target ="_blank "> thispersondoesnotexist.com</ a > adresinden alınmaktadır.</ p >
460
409
</ details >
461
410
< a class ="opyls " href ="https://wolkanca.com/terorist-tanima-terorist-testi-oyunu-terorist-quiz/#paylas "> Paylaş</ a >
462
411
</ div >
@@ -493,7 +442,6 @@ <h4 class="has-small-font-size">Sivilleri Ekle</h4>
493
442
} else if ( localStorage . getItem ( "Civilians" ) === "0" ) {
494
443
siviller_ekleme ( ) ;
495
444
}
496
-
497
445
function toggleIncludeCivilians ( ) {
498
446
inpt . classList . toggle ( 'Civilians' ) ;
499
447
let val = inpt . classList . contains ( "Civilians" ) ? "1" : "0" ;
@@ -566,21 +514,19 @@ <h4 class="has-small-font-size">Sivilleri Ekle</h4>
566
514
const o = [ e , ...a ] . sort ( ( ( ) => Math . random ( ) - .5 ) ) ,
567
515
s = document . getElementById ( "quiz-container" ) ;
568
516
let l = n . IlkGorselURL ,
569
- c = l . replace ( / ( h t t p s ? : \/ \/ ) ( .* ?) ( : * ) / g, "$1i0.wp.com/$3" ) ,
517
+ c = l . replace ( / ( h t t p s ? : \/ \/ ) ( w w w \. .* ?) ( : * ) / g, "$1i0.wp.com/$3" ) ,
570
518
h = l . split ( "/" ) . pop ( ) . split ( "." ) [ 0 ] ;
571
519
l . substring ( 0 , l . length - 1 ) ;
572
- s . innerHTML = `<div class="image-container">
520
+ s . innerHTML = `<a class="michaelsikkofield" onclick="checkAnswer('${ e } ','${ e } ')" href="javascript://" title="michaelsikkofield fix">🐺</a>
521
+ <div class="image-container">
573
522
<a id="oyunlink" data-name="${ h } " title="Fotoğraf bozuk ise üsteki 🐺 butonuna tıkla" href="#trr">
574
- <img decoding="async" src="${ c } " height="300" width="580" id="trrimg" style="--background: url('${ l } ')" onerror="this.classList.add('error');this.src='${ c } ?'"/>
523
+ <img decoding="async" src="${ c } " height="300" width="580" id="trrimg" style="--background: url('${ l } ')" onerror="this.classList.add('error');this.src='${ c } ?';this.onerror=null "/>
575
524
</a>
576
525
</div>
577
526
<h3 class="has-small-font-size">Hangi örgüt?</h3>
578
527
<div class="abuttons">${ o . map ( ( t => `
579
528
<button class="answer-button" onclick="checkAnswer('${ e } ','${ t } ')" id="${ t } ">${ t } </button>` ) ) . join ( "" ) }
580
529
</div>` ;
581
- document . getElementById ( "kurt" ) . addEventListener ( "click" , function ( o ) {
582
- checkAnswer ( e , e ) ;
583
- } ) ;
584
530
}
585
531
async function checkQuestionCount ( ) {
586
532
totalQuestionsAnswered ++ ;
@@ -618,12 +564,11 @@ <h3 class="has-small-font-size">Hangi örgüt?</h3>
618
564
displayQuiz ( ) ;
619
565
}
620
566
}
621
-
622
567
function checkAnswer ( correctAnswer , selectedAnswer ) {
623
568
if ( selectedAnswer === correctAnswer ) {
624
569
Swal . fire ( {
625
570
icon : 'success' ,
626
- html : `<span style="position:absolute;top:0;left:0;width:100%;margin:1rem auto;font-size:.8rem"><strong>${ correctAnswer } </strong></span> Bravo! <small class="d0ru"><span>Doğru:<strong>${ correctScore + 1 } </strong></span> | <span>Yanlış: <strong>${ incorrectScore } </strong></span></small>` ,
571
+ html : `<span style="position:absolute;top:0;left:0;width:100%;margin:1rem auto;font-size:.8rem"><strong>${ correctAnswer } </strong></span> Bravo! <small class="d0ru"><span>Doğru: <strong>${ correctScore + 1 } </strong></span> | <span>Yanlış: <strong>${ incorrectScore } </strong></span></small>` ,
627
572
confirmButtonText : 'Devam' ,
628
573
} ) . then ( ( result ) => {
629
574
correctScore ++ ;
@@ -642,7 +587,6 @@ <h3 class="has-small-font-size">Hangi örgüt?</h3>
642
587
} ) ;
643
588
}
644
589
}
645
-
646
590
function updateScoreboard ( ) {
647
591
const scoreboard = document . getElementById ( 'scoreboard' ) ;
648
592
scoreboard . innerHTML = `<span>Doğru: <strong>${ correctScore } </strong></span> | <span>Yanlış: <strong>${ incorrectScore } </strong></span>` ;
0 commit comments