1<!DOCTYPE html> 2<html lang="tr"> 3 4<head> 5 <!-- Google AdSense --> 6
6<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5926610228932795" crossorigin="anonymous"></script>
6 7 8 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 8-9
8 9 <script async src="https://www.googletagmanager.com/gtag/js?id=
9AW-18173333087
vendor: 16 bytes, lines 9-10
9"></script> 10
10<script> 11
vendor: 146 bytes, lines 11-15
11window.dataLayer = window.dataLayer || []; 12 function gtag(){dataLayer.push(arguments);} 13 gtag('js', new Date()); 14 15 gtag('config', '
15AW-18173333087
vendor: 8 bytes, lines 15-16
15'); 16
16</script>
16 17 <!-- Event snippet for Sayfa görüntüleme conversion page --> 18
18<script> 19 gtag('event', 'conversion', { 20 'send_to': 'AW-18173333087/mRSACMSn1K8cEN-c3NlD', 21 'value': 1.0, 22 'currency': 'TRY' 23 }); 24 </script>
24 25 <meta charset="UTF-8"> 26 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 27 <title>AI Dünyası | Güncel Haberler, Araçlar ve Prompt Kütüphanesi</title> 28 <meta name="description" 29 content="Yapay zeka dünyasından en son haberler, profesyonel prompt oluÅturucu, eÄitimler ve en popüler AI araçları rehberini keÅfedin."> 30 <meta name="author" content="AI Dünyası"> 31 <meta name="robots" content="index, follow"> 32 <meta name="google-site-verification" content="5f0BOT5-6ecP--VJvYz7LJXUAq0i_shXr3yCpTH-WuI" /> 33 34 35 <!-- Open Graph Tags --> 36 <meta property="og:site_name" content="AI Dünyası"> 37 <meta property="og:title" content="AI Dünyası | Güncel Haberler, Araçlar ve Prompt Kütüphanesi"> 38 <meta property="og:description" 39 content="Yapay zeka dünyasından en son haberler, profesyonel prompt oluÅturucu ve en popüler AI araçları rehberi."> 40 <meta property="og:url" content="https://aidunyasi.tr/"> 41 <meta property="og:type" content="website"> 42 <meta property="og:locale" content="tr_TR"> 43 <meta property="og:image" content="https://cdn-icons-png.flaticon.com/512/2103/2103633.png"> 44 <meta property="og:image:alt" content="AI Dünyası Logosu"> 45 <meta property="og:image:width" content="512"> 46 <meta property="og:image:height" content="512"> 47 48 <!-- Canonical & Sitemap --> 49 <link rel="canonical" href="https://aidunyasi.tr/"> 50 <link rel="alternate" hreflang="tr" href="https://aidunyasi.tr/" /> 51 <link rel="alternate" hreflang="en" href="https://aidunyasi.tr/en/" /> 52 <link rel="alternate" hreflang="x-default" href="https://aidunyasi.tr/" /> 53 54 <!-- Twitter Card Tags --> 55 <meta name="twitter:card" content="summary_large_image"> 56 <meta name="twitter:title" content="AI Dünyası | Güncel Haberler, Araçlar ve Prompt Kütüphanesi"> 57 <meta name="twitter:description" 58 content="Yapay zeka dünyasından en son haberler, profesyonel prompt oluÅturucu ve en popüler AI araçları rehberi."> 59 <meta name="twitter:image" content="https://cdn-icons-png.flaticon.com/512/2103/2103633.png"> 60 <meta name="twitter:site" content="@aidunyasitr"> 61 <meta name="twitter:creator" content="@aidunyasitr"> 62 63 <!-- Structured Data (JSON-LD) --> 64
64<script type="application/ld+json"> 65 { 66 "@context": "https://schema.org", 67 "@type": "WebSite", 68 "name": "AI Dünyası", 69 "alternateName": "AI Dünyası Portal", 70 "url": "https://aidunyasi.tr/", 71 "description": "Yapay zeka dünyasından en son haberler, profesyonel prompt oluÅturucu ve en popüler AI araçları rehberi.", 72 "potentialAction": { 73 "@type": "SearchAction", 74 "target": "https://aidunyasi.tr/?q={search_term_string}", 75 "query-input": "required name=search_term_string" 76 } 77 } 78 </script>
78 79
79<script type="application/ld+json"> 80 { 81 "@context": "https://schema.org", 82 "@type": "Organization", 83 "name": "AI Dünyası", 84 "url": "https://aidunyasi.tr/", 85 "logo": "https://cdn-icons-png.flaticon.com/512/2103/2103633.png", 86 "sameAs": [ 87 "https://x.com/aidunyasitr", 88 "https://linkedin.com/company/aidunyasi" 89 ], 90 "contactPoint": { 91 "@type": "ContactPoint", 92 "telephone": "", 93 "contactType": "customer service", 94 "availableLanguage": ["Turkish", "English"] 95 } 96 } 97 </script>
97 98
98<script type="application/ld+json"> 99 { 100 "@context": "https://schema.org", 101 "@type": "FAQPage", 102 "mainEntity": [{ 103 "@type": "Question", 104 "name": "En iyi yapay zeka araçları hangileridir?", 105 "acceptedAnswer": { 106 "@type": "Answer", 107 "text": "2026 yılı itibarıyla en popüler AI araçları arasında görsel üretiminde Midjourney V6.1, metin yazarlıÄında Claude 3.5 Sonnet ve ChatGPT-4o, video üretiminde ise Sora ve Runway Gen-3 yer almaktadır." 108 } 109 }, { 110 "@type": "Question", 111 "name": "Ãcretsiz yapay zeka araçları var mı?", 112 "acceptedAnswer": { 113 "@type": "Answer", 114 "text": "Evet, ChatGPT (ücretsiz versiyon), Claude (sınırlı), DALL-E 3 (Bing üzerinden) ve Suno AI gibi birçok popüler araç ücretsiz veya 'freemium' modelde hizmet vermektedir." 115 } 116 }, { 117 "@type": "Question", 118 "name": "Yapay zeka haberlerini nereden takip edebilirim?", 119 "acceptedAnswer": { 120 "@type": "Answer", 121 "text": "AI Dünyası üzerinden en güncel haberleri, araç incelemelerini ve prompt kütüphanesini günlük olarak takip edebilirsiniz." 122 } 123 }] 124 } 125 </script>
125 126 127 <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/2103/2103633.png"> 128 129 <!-- Non-blocking Font Loading --> 130 <link rel="preconnect" href="https://fonts.googleapis.com"> 131 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 132 <link rel="preload" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> 133 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"></noscript> 134 135 <!-- Tailwind CSS & Glassmorphism Config --> 136
136<script src="https://cdn.tailwindcss.com"></script>
136 137
137<script> 138 tailwind.config = { 139 darkMode: 'class', 140 theme: { 141 extend: { 142 colors: { 143 darkBg: '#020617', 144 cardBg: 'rgba(15, 23, 42, 0.6)', 145 accentBlue: '#3b82f6', 146 accentPurple: '#8b5cf6' 147 } 148 } 149 } 150 } 151 </script>
151 152 153 <!-- Critical Inline CSS & Glassmorphism Variables --> 154 <style> 155 :root { 156 --accent-orange: #3b82f6; /* Swapped orange to Blue */ 157 --accent-blue: #8b5cf6; /* Swapped blue to Purple */ 158 --text-main: #ffffff; 159 --text-dim: #94a3b8; /* Tailwind slate-400 */ 160 --glass-border: rgba(139, 92, 246, 0.2); 161 --card-bg: rgba(15, 23, 42, 0.6); 162 --bg-dark: #020617; 163 } 164 165 body { background: var(--bg-dark); color: #fff; margin: 0; font-family: 'Space Grotesk', sans-serif; } 166 .loader { position: fixed; inset: 0; background: var(--bg-dark); z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity 0.5s ease; } 167 .landing-hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; } 168 169 /* Glassmorphism Aesthetics Overrides */ 170 .feature-card-premium, .auth-card, .tool-card, .sidebar-block, .info-block, .popular-tools-grid > div, .glass-card, .quiz-container, .tool-of-week { 171 background-color: var(--card-bg) !important; 172 backdrop-filter: blur(12px) !important; 173 -webkit-backdrop-filter: blur(12px) !important; 174 border: 1px solid var(--glass-border) !important; 175 border-radius: 16px !important; /* Soft corners */ 176 transition: all 0.3s ease !important; 177 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; 178 } 179 180 .feature-card-premium:hover, .auth-card:hover, .tool-card:hover, .popular-tools-grid > div:hover, .glass-card:hover { 181 transform: translateY(-5px) !important; 182 border-color: rgba(139, 92, 246, 0.6) !important; 183 box-shadow: 0 15px 30px -10px rgba(139, 92, 246, 0.3) !important; 184 } 185 186 .btn, .btn-premium { 187 background: linear-gradient(to right, var(--accent-orange), var(--accent-blue)) !important; 188 border: none !important; 189 color: white !important; 190 border-radius: 8px !important; 191 transition: all 0.3s ease !important; 192 } 193 194 .btn:hover, .btn-premium:hover { 195 transform: translateY(-2px) !important; 196 box-shadow: 0 10px 20px -5px rgba(139, 92, 246, 0.4) !important; 197 } 198 199 .btn-menu-item { 200 color: var(--accent-orange) !important; 201 } 202 .btn-menu-item:hover { color: var(--accent-blue) !important; } 203 204 input, textarea, select { 205 background: rgba(15, 23, 42, 0.8) !important; 206 border: 1px solid var(--glass-border) !important; 207 border-radius: 8px !important; 208 color: #fff !important; 209 } 210 211 input:focus, textarea:focus, select:focus { 212 border-color: var(--accent-orange) !important; 213 box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2) !important; 214 outline: none !important; 215 } 216 217 nav { 218 background: rgba(2, 6, 23, 0.8) !important; 219 backdrop-filter: blur(12px) !important; 220 -webkit-backdrop-filter: blur(12px) !important; 221 border-bottom: 1px solid var(--glass-border) !important; 222 } 223 224 .badge { 225 background: rgba(59, 130, 246, 0.1) !important; 226 color: var(--accent-orange) !important; 227 border: 1px solid rgba(59, 130, 246, 0.2) !important; 228 border-radius: 20px !important; 229 } 230
231 /* Decorative Background Elements (Light Beams) */ 232 body::before { 233 content: ''; 234 position: fixed; 235 top: -10%; left: -10%; 236 width: 40%; height: 40%; 237 background: rgba(139, 92, 246, 0.08); /* accentPurple */ 238 border-radius: 50%; 239 filter: blur(120px); 240 z-index: -1; 241 pointer-events: none; 242 } 243 body::after { 244 content: ''; 245 position: fixed; 246 bottom: -10%; right: -10%; 247 width: 40%; height: 40%; 248 background: rgba(59, 130, 246, 0.08); /* accentBlue */ 249 border-radius: 50%; 250 filter: blur(120px); 251 z-index: -1; 252 pointer-events: none; 253 } 254 </style> 255 256 <!-- Non-blocking CSS (preload pattern) --> 257 <link rel="preload" href="style.css?v=20260522_v3" as="style" onload="this.onload=null;this.rel='stylesheet'"> 258 <noscript><link rel="stylesheet" href="style.css?v=20260522_v3"></noscript> 259 <link rel="preload" href="premium.css?v=20260522_v3" as="style" onload="this.onload=null;this.rel='stylesheet'"> 260 <noscript><link rel="stylesheet" href="premium.css?v=20260522_v3"></noscript> 261 <!-- Analytics: tam defer - parse süresine etkisi sıfır --> 262
262<script> 263 window.addEventListener('load', function() { 264 var s = document.createElement('script'); 265 s.async = true; 266 s.src = 'https://www.googletagmanager.com/gtag/js?id=G-D9HLW65XMC'; 267 document.head.appendChild(s); 268
vendor: 163 bytes, lines 268-271
268window.dataLayer = window.dataLayer || []; 269 function gtag(){dataLayer.push(arguments);} 270 gtag('js', new Date()); 271 gtag('config', '
271G-D9HLW65XMC
vendor: 38 bytes, lines 271-272
271', {'send_page_view': true}); 272
272}); 273 </script>
273 274 275 <!-- Supabase SDK --> 276
276<script defer src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
276 277
277<script defer src="supabase-client.js?v=20260522_v3"></script>
277 278 279
279<script defer src="discovery.min.js?v=20260522_v3"></script>
279 280
280<script defer src="script.min.js?v=20260524_v2"></script>
280 281 <style> 282 /* Ana menü elemanlarının stilini ve bizim yeni butonları eÅitliyoruz */ 283 .btn-menu-item { 284 background: transparent !important; 285 color: #ff9800 !important; /* DiÄerleri gibi canlı turuncu */ 286 font-weight: 600 !important; 287 font-size: 14px !important; 288 cursor: pointer !important; 289 border: none !important; 290 padding: 6px 12px !important; 291 transition: all 0.2s ease-in-out !important; 292 display: inline-flex !important; 293 align-items: center !important; 294 gap: 6px !important; /* Emoji ve yazı arası */ 295 font-family: inherit !important; 296 height: auto !important; 297 text-decoration: none !important; 298 } 299 300 /* Ãzerine gelindiÄinde parlaması */ 301 .btn-menu-item:hover { 302 color: #ffb74d !important; 303 transform: translateY(-1px) !important; 304 } 305 306 /* Sayfa altındaki gizli modalların (açılır pencerelerin) tasarımı */ 307 .modal-overlay { 308 display: none !important; 309 position: fixed !important; 310 top: 0 !important; 311 left: 0 !important; 312 width: 100% !important; 313 height: 100% !important; 314 background: rgba(0, 0, 0, 0.7) !important; 315 backdrop-filter: blur(10px) !important; 316 -webkit-backdrop-filter: blur(10px) !important; 317 z-index: 99999 !important; 318 justify-content: center !important; 319 align-items: center !important; 320 } 321 .modal-overlay.active { display: flex !important; } 322 .modal-content { 323 background: var(--card-bg, #121214) !important; 324 color: var(--text-main, #ffffff) !important; 325 padding: 30px !important; 326 border-radius: 16px !important; 327 width: 90% !important; 328 max-width: 460px !important; 329 position: relative !important; 330 box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important; 331 border: 1px solid var(--glass-border, rgba(255,255,255,0.08)) !important; 332 text-align: left !important; 333 } 334 .modal-close { 335 position: absolute !important; 336 top: 15px !important; 337 right: 20px !important; 338 font-size: 28px !important; 339 color: var(--text-dim, #666) !important; 340 cursor: pointer !important; 341 }
342 .modal-close:hover { color: var(--text-main, #fff) !important; } 343 .modal-header h2 { margin: 0 0 6px 0 !important; font-size: 22px !important; color: var(--text-main, #fff) !important; } 344 .modal-header p { color: var(--text-dim, #888) !important; margin: 0 0 20px 0 !important; font-size: 14px !important; } 345 .modal-body p { color: var(--text-main, #ccc) !important; font-size: 14px !important; line-height: 1.6 !important; } 346 .modal-list { padding-left: 20px !important; color: var(--text-main, #ccc) !important; line-height: 1.8 !important; } 347 348 .reklam-seçenekleri { 349 display: grid !important; 350 grid-template-columns: repeat(3, 1fr) !important; 351 gap: 10px !important; 352 margin: 20px 0 !important; 353 } 354 .secenek-kartı { 355 background: rgba(255,255,255,0.03) !important; 356 padding: 10px !important; 357 border-radius: 8px !important; 358 text-align: center !important; 359 font-size: 12px !important; 360 border: 1px solid rgba(255,255,255,0.06) !important; 361 } 362 .mail-box { 363 display: flex !important; 364 justify-content: space-between !important; 365 align-items: center !important; 366 background: rgba(255, 152, 0, 0.06) !important; 367 border: 1px dashed rgba(255, 152, 0, 0.3) !important; 368 padding: 12px 15px !important; 369 border-radius: 10px !important; 370 margin-top: 20px !important; 371 } 372 .mail-link { color: #ff9800 !important; text-decoration: none !important; font-weight: 600; } 373 .mail-link:hover { text-decoration: underline !important; } 374 .btn-copy { 375 background: #ff9800 !important; 376 color: white !important; 377 border: none !important; 378 padding: 6px 12px !important; 379 border-radius: 6px !important; 380 cursor: pointer !important; 381 font-size: 12px !important; 382 font-weight: 600 !important; 383 } 384 .btn-copy:hover { background: #e65100 !important; } 385 386 /* Ãerez Kutusu Ana Yapısı (Ekranın sol veya saÄ altında Åık bir
386kart) */ 387 .cookie-banner { 388 position: fixed !important; 389 bottom: -200px; /* BaÅlangıçta ekranın dıÅında gizli */ 390 right: 20px !important; 391 max-width: 400px !important; 392 background: #18181b !important; /* Premium koyu gri */ 393 border: 1px solid rgba(255, 255, 255, 0.08) !important; 394 border-radius: 16px !important; 395 padding: 20px !important; 396 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; 397 z-index: 999999 !important; /* Her Åeyin en üstünde */ 398 transition: bottom 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* YumuÅak fırlama efekti */ 399 font-family: sans-serif !important; 400 } 401 402 /* JavaScript aktif ettiÄinde yukarı fırlayacak sınıf */ 403 .cookie-banner.show { 404 bottom: 20px !important; 405 } 406 407 .cookie-content { 408 display: flex !important; 409 flex-direction: column !important; 410 gap: 12px !important; 411 } 412 413 .cookie-header { 414 display: flex !important; 415 align-items: center !important; 416 gap: 8px !important; 417 } 418 .cookie-header span { font-size: 20px !important; } 419 .cookie-header h3 { margin: 0 !important; color: #fff !important; font-size: 16px !important; font-weight: 600 !important; } 420 421 .cookie-content p { 422 margin: 0 !important; 423 color: #a1a1aa !important; 424 font-size: 13px !important; 425 line-height: 1.5 !important; 426 } 427 428 /* Buton Alanı */ 429 .cookie-buttons { 430 display: flex !important; 431 gap: 10px !important; 432 justify-content: flex-end !important; 433 margin-top: 5px !important; 434 } 435 436 .cookie-buttons button { 437 padding: 8px 16px !important; 438 border-radius: 8px !important; 439 font-size: 13px !important; 440 font-weight: 600 !important; 441 cursor: pointer !important; 442 border: none !important; 443 transition: all 0.2s !important; 444 } 445 446 /* Reddet Butonu */ 447 .btn-cookie-deny { 448 background: rgba(255, 255, 255, 0.05) !important; 449 color: #e4e4e7 !important; 450 border: 1px solid rgba(255, 255, 255, 0.1) !important; 451 } 452 .btn-cookie-deny:hover { 453 background: rgba(255, 255, 255, 0.1) !important; 454 } 455 456 /* Kabul Et Butonu */ 457 .btn-cookie-accept { 458 background: #ff9800 !important; /* Sitemizin turuncu rengiyle uyumlu */ 459 color: #fff !important; 460 } 461 .btn-cookie-accept:hover { 462 background: #e65100 !important; 463 transform: translateY(-1px) !important; 464 } 465 466 /* Mobil Uyumluluk */ 467 @media (max-width: 480px) { 468 .cookie-banner { 469 left: 15px !important; 470 right: 15px !important; 471 max-width: calc(100% - 30px) !important; 472 } 473 } 474 475 .section-container { 476 max-width: 1200px !important; 477 margin: 40px auto !important; 478 padding: 0 20px !important; 479 font-family: inherit !important; 480 } 481 482 .section-header h2 { color: #fff !important; font-size: 28px !important; margin-bottom: 8px !important; } 483 .section-header p { color: #a1a1aa !important; font-size: 15px !important; margin-bottom: 30px !important; } 484 485 /* Grid Yapısı */ 486 .tools-grid { 487 display: grid !important; 488 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important; 489 gap: 24px !important; 490 } 491 492 /* AI Araç Kartı Tasarımı */ 493 .tool-card { 494 background: #18181b !important; 495 border: 1px solid rgba(255, 255, 255, 0.05) !important; 496 border-radius: 16px !important; 497 padding: 20px !important; 498 transition: all 0.3s ease !important; 499 display: flex !important; 500 flex-direction: column !important; 501 position: relative !important; 502 overflow: hidden !important; 503 } 504 505 .tool-card:hover { 506 transform: translateY(-5px) !important; 507 border-color: rgba(255, 152, 0, 0.4) !important; 508 box-shadow: 0 10px 30px rgba(255, 152, 0, 0.1) !important; 509 } 510 511 /* Karta Åık bir turuncu neon üst çizgi */ 512 .tool-card::before { 513 content: '' !important; 514 position: absolute !important; 515 top: 0 !important; 516 left: 0 !important; 517 width: 100% !important; 518 height: 3px !important; 519 background: linear-gradient(90deg, transparent, #ff9800, transparent) !important; 520 opacity: 0 !important; 521 transition: opacity 0.3s ease !important; 522 } 523 .tool-card:hover::before { opacity: 1 !important; } 524 525 .tool-icon { 526 font-size: 40px !important; 527 margin-bottom: 15px !important; 528 } 529 530 .tool-title { 531 color: #fff !important; 532 font-size: 18px !important; 533 font-weight: 600 !important; 534 margin: 0 0 10px 0 !important; 535 } 536 537 .tool-desc { 538 color: #a1a1aa !important; 539 font-size: 14px !important; 540 line-height: 1.6 !important; 541 margin-bottom: 20px !important; 542 flex-grow: 1 !important; 543 } 544 545 .tool-link { 546 display: inline-block !important; 547 background: rgba(255, 152, 0, 0.1) !important; 548 color: #ff9800 !important; 549 text-decoration: none !important; 550 padding: 8px 16px !important; 551 border-radius: 8px !important; 552 font-weight: 600 !important; 553 font-size: 13px !important; 554 text-align: center !important; 555 transition: background 0.2s !important; 556 } 557 558 .tool-link:hover { 559 background: #ff9800 !important; 560 color: #fff !important; 561 } 562 563 .loading-text { color: #a1a1aa !important; text-align: center !important; grid-column: 1 / -1 !important; } 564 565 /* Reklamları ortalamak için kapsayıcı */ 566 .ad-placeholder-container { 567 width: 100% !important; 568 display: flex !important; 569 justify-content: center !important; 570 margin: 30px 0 !important; 571 padding: 0 20px !important; 572 } 573 574 /* Genel Reklam Tutucu Tasarımı */ 575 .ad-placeholder { 576 display: flex !important; 577 justify-content: center !important; 578 align-items: center !important; 579 background: rgba(255, 255, 255, 0.02) !important; /* Ãok hafif saydam arka plan */ 580 border: 1px dashed rgba(255, 255, 255, 0.15) !important; /* Premium kesik çizgi */ 581 border-radius: 12px !important; 582 color: rgba(255, 255, 255, 0.2) !important; /* Silik yazı rengi */ 583 font-size: 12px !important; 584 font-weight: 600 !important; 585 letter-spacing: 2px !important; 586 text-transform: uppercase !important; 587 user-select: none !important; 588 transition: all 0.3s ease !important; 589 } 590 591 /* Ãzerine gelince belli belirsiz parlasın */ 592 .ad-placeholder:hover { 593 background: rgba(255, 152, 0, 0.03) !important; 594 border-color: rgba(255, 152, 0, 0.3) !important; 595 color: rgba(255, 152, 0, 0.5) !important; 596 } 597 598 /* 1. Leaderboard (Yatay Banner - 728x90 Standart) */ 599 .ad-leaderboard { 600 width: 100% !important; 601 max-width: 728px !important; 602 height: 90px !important; 603 } 604 605 /* 2. Kare Banner (In-Feed Square - 300x250 Standart) */ 606 .ad-square { 607 width: 100% !important; 608 max-width: 300px !important; 609 height: 250px !important; 610 margin: 30px auto !important; 611 } 612 613 /* Mobil Cihazlar İçin Otomatik Daralma */ 614 @media (max-width: 768px) { 615 .ad-leaderboard { 616 height: 100px !important; /* Mobilde biraz daha kareleÅir */ 617 } 618 } 619 620 @media screen and (max-width: 768px) { 621 /* 1. GENEL BOÅLUKLAR VE TİPOGRAFİ (Dar ekranlarda nefes alma) */ 622 body { 623 font-size: 14px !important; 624 } 625 .section-container { 626 padding: 0 15px !important; 627 margin: 20px auto !important; 628 } 629 .section-header h2 { 630 font-size: 22px !important; /* BaÅlıkları mobilde küçült */ 631 } 632 .section-header p { 633 font-size: 13px !important; 634 margin-bottom: 20px !important; 635 } 636 637 /* 2. NAVBAR VE MENà ALANI (Uygulama tarzı yatay kaydırma) */ 638 /* Menü elemanları ve butonlar mobilde alt alta geçip ekranı kaplamasın diye yatay kaydırılabilir (scroll) yapıyoruz */ 639 .nav-actions, .navbar-menu, ul.menu { 640 display: flex !important; 641 flex-wrap: nowrap !important; 642 overflow-x: auto !important; /* SaÄa sola kaydırma aktif */ 643 -webkit-overflow-scrolling: touch !important; /* iOS için akıcı kaydırma */ 644 padding-bottom: 10px !important; 645 gap: 15px !important; 646 justify-content: flex-start !important; 647 } 648 /* Kaydırma çubuÄunu gizle ama kaydırma çalıÅsın */ 649 .nav-actions::-webkit-scrollbar, .navbar-menu::-webkit-scrollbar {
650 display: none !important; 651 } 652 653 .btn-menu-item, .btn-nav { 654 white-space: nowrap !important; /* Buton içindeki yazılar alt satıra inmesin */ 655 font-size: 13px !important; 656 padding: 6px 10px !important; 657 } 658 659 /* 3. HABER VE ARAà KARTLARI (Grid Yapısı) */ 660 .tools-grid, .news-grid { 661 grid-template-columns: 1fr !important; /* Mobilde kartlar yan yana deÄil tek sütun alt alta dizilsin */ 662 gap: 20px !important; 663 } 664 .news-image-wrapper { 665 height: 180px !important; /* Kapak fotoÄraflarını mobilde daralt */ 666 } 667 668 /* 4. MODAL (AÃILIR PENCERELER) */ 669 .modal-content { 670 width: 95% !important; 671 padding: 20px !important; /* İç boÅluÄu daralt */ 672 border-radius: 12px !important; 673 max-height: 90vh !important; /* Ekrana sıÄmazsa kaydırılsın */ 674 overflow-y: auto !important; 675 } 676 .modal-header h2 { font-size: 20px !important; }
677 .modal-body p, .modal-list { font-size: 13px !important; } 678 679 /* Reklam Seçenekleri Kartlarını mobilde alt alta al */ 680 .reklam-seçenekleri { 681 grid-template-columns: 1fr !important; 682 gap: 8px !important; 683 } 684 685 /* İletiÅim / Mail kutusunu daralt */ 686 .mail-box { 687 flex-direction: column !important; /* Butonu alta al */ 688 gap: 10px !important; 689 align-items: stretch !important; 690 text-align: center !important; 691 } 692 .btn-copy { width: 100% !important; } 693 694 /* 5. ÃEREZ POLİTİKASI (Cookie Banner) */ 695 .cookie-banner { 696 left: 10px !important; 697 right: 10px !important; 698 bottom: -250px; /* Mobilde baÅlangıçta gizli */ 699 width: calc(100% - 20px) !important; 700 padding: 15px !important; 701 } 702 .cookie-banner.show { 703 bottom: 10px !important; 704 } 705 .cookie-buttons { 706 flex-direction: column !important; /* Butonları alt alta al daha kolay basılır */ 707 width: 100% !important; 708 } 709 .cookie-buttons button { 710 width: 100% !important; 711 } 712 713 /* 6. REKLAM ALANLARI (Ad Placeholders) */ 714 .ad-placeholder-container { 715 padding: 0 10px !important; 716 margin: 20px 0 !important; 717 } 718 719 /* 7. BİLGİ ALANLARI VE İLETİÅİM FORMU (Hakkımızda & İletiÅim Grid) */ 720 .info-grid { 721 display: grid !important; 722 grid-template-columns: 1fr !important; /* Mobilde yan yana deÄil alt alta sıralansınlar */ 723 gap: 30px !important; 724 } 725 .info-block { 726 width: 100% !important; 727 margin-bottom: 0 !important; 728 } 729 .subscribe-form-v2 { 730 display: flex !important; 731 flex-direction: column !important; 732 width: 100% !important; 733 } 734 #contact-email { 735 width: 100% !important; 736 background: rgba(255, 255, 255, 0.05) !important; 737 border: 1px solid rgba(255, 255, 255, 0.08) !important; 738 border-radius: 8px !important; 739 padding: 10px !important; 740 color: #fff !important; 741 font-size: 13px !important; 742 outline: none !important; 743 box-sizing: border-box !important; 744 transition: all 0.3s ease !important; 745 } 746 #contact-email:focus { 747 border-color: #ff9800 !important; 748 box-shadow: 0 0 10px rgba(255, 152, 0, 0.2) !important; 749 } 750 751 /* 8. YORUM VE BAÅVURU FORMLARI OPTİMİZASYONU */ 752 .comment-form input, .comment-form textarea, .comment-form button { 753 width: 100% !important; 754 box-sizing: border-box !important; 755 } 756 .comments-container, .comment-form { 757 width: 100% !important; 758 box-sizing: border-box !important; 759 } 760 761 /* Premium mobil menü eylem butonları (Reklam, Ekle, PaylaÅ) */ 762 .mobile-menu a.mobile-promo-link { 763 border-color: rgba(255, 152, 0, 0.25) !important; 764 color: #ff9800 !important; 765 background: rgba(255, 152, 0, 0.04) !important; 766 } 767 .mobile-menu a.mobile-promo-link:hover { 768 background: rgba(255, 152, 0, 0.12) !important; 769 border-color: #ff9800 !important; 770 color: #ffb74d !important; 771 } 772 } 773 </style> 774 775
775<script> 776 function openModal(modalId) { 777 const modal = document.getElementById(modalId); 778 if (modal) { 779 modal.classList.add('active'); 780 document.body.style.overflow = 'hidden'; 781 } 782 } 783 784 function closeModal(modalId) { 785 const modal = document.getElementById(modalId); 786 if (modal) { 787 modal.classList.remove('active'); 788 document.body.style.overflow = 'auto'; 789 } 790 } 791 792 // Overlay dıÅına veya boÅluÄa tıklayınca kapatma fonksiyonu 793 function closeModalByOverlay(event, modalId) { 794 if (event.target.id === modalId) { 795 closeModal(modalId); 796 } 797 } 798 799 function copyMail(email, button) { 800 navigator.clipboard.writeText(email).then(() => { 801 const originalText = button.innerText; 802 button.innerText = "Kopyalandı! â"; 803 button.style.background = "#10b981"; 804 setTimeout(() => { 805 button.innerText = originalText; 806 button.style.background = "#3b82f6"; 807 }, 2000); 808 }); 809 } 810 811 // Sayfa yüklendiÄinde çerez kontrolü yap 812 document.addEventListener("DOMContentLoaded", function() { 813 setTimeout(function() { 814 // Kullanıcı daha önce kabul veya reddetmediyse banner'ı göster 815 if (!localStorage.getItem("cookieDecision")) { 816 const banner = document.getElementById("cookieBanner"); 817 if (banner) { 818 banner.classList.add("show"); 819 } 820 } 821 }, 1500); // Sayfa açıldıktan 1.5 saniye sonra Åıkça belirsin 822 }); 823 824 // Kullanıcı butona bastıÄında çalıÅacak fonksiyon 825 function handleCookie(isAccepted) { 826 // Kararı hafızaya kaydet (Kabul edildi veya Reddedildi) 827 localStorage.setItem("cookieDecision", isAccepted ? "accepted" : "denied"); 828 829 // Banner'ı ekrandan aÅaÄı doÄru kaydırarak gizle 830 const banner = document.getElementById("cookieBanner"); 831 if (banner) { 832 banner.classList.remove("show"); 833 } 834 835 // Dil durumuna göre premium toast bildirimi (varsa) 836 if (typeof showToast === 'function') { 837 const currentLang = localStorage.getItem('preferred-lang') || 'tr'; 838 if (currentLang === 'tr') { 839 showToast(isAccepted ? "ðª Ãerez tercihiniz kaydedildi!" : "â Ãerezler reddedildi."); 840 } else { 841 showToast(isAccepted ? "ðª Cookie preference saved!" : "â Cookies rejected."); 842 } 843 } 844 } 845 </script>
845 846</head> 847 848<body> 849 850 <!-- Yükleme Animasyonu --> 851 <div class="loader" id="loader"> 852 <div class="loader-ring"></div> 853 <p>AI PORTAL YÃKLENİYOR...</p> 854 </div> 855 856 <div class="mouse-glow" id="mouse-glow"></div> 857 <canvas id="neural-bg"></canvas> 858 859 <!-- Mobil Menü --> 860 <div class="mobile-menu" id="mobile-menu"> 861 <button class="mobile-menu-close" onclick="toggleMobileMenu()">â</button> 862 863 <!-- Mobile XP Widget --> 864 <div class="xp-mobile-widget" onclick="toggleMobileMenu(); openModal('xpModal')" style="margin: 20px 20px 10px; padding: 15px; background: rgba(255,157,0,0.08); border: 1px solid rgba(255,157,0,0.25); border-radius: 12px; display: flex; flex-direction: column; gap: 8px; cursor: pointer; text-align: left;"> 865 <div style="display: flex; justify-content: space-between; align-items: center;"> 866 <span id="xp-mobile-lvl" style="color: #ff9d00; font-weight: 800; font-size: 14px;">Lvl 1</span> 867 <span id="xp-mobile-title" style="color: #fff; font-weight: 600; font-size: 12px;">ð¤ AI ÃıraÄı</span> 868 </div> 869 <div style="width: 100%; height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden;"> 870 <div id="xp-mobile-bar" style="height: 100%; background: linear-gradient(90deg, #ff9d00, #ffb300); width: 0%; transition: width 0.5s ease-out;"></div> 871 </div> 872 </div> 873 874 <a href="index.html#news" onclick="toggleMobileMenu()"> 875 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a4 4 0 0 1-4 4"/><path d="M10 2v20"/><path d="M14 7h6"/><path d="M14 12h6"/><path d="M14 17h6"/></svg> Haberler</a> 876 <a href="kategoriler.html" onclick="toggleMobileMenu()"> 877 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><rect x="4" y="4" width="6" height="6"/><rect x="14" y="4" width="6" height="6"/><rect x="4" y="14" width="6" height="6"/><rect x="14" y="14" width="6" height="6"/></svg> Araçlar</a> 878 <hr style="border: none; border-top: 1px solid var(--glass-border); margin: 10px 20px;"> 879 <a href="index.html#quiz" onclick="toggleMobileMenu()"> 880 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg> Araç Testi</a> 881 <a href="index.html#compare" onclick="toggleMobileMenu()"> 882 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><path d="M16 3h5v5"/><path d="M8 3H3v5"/><path d="M21 3l-7 7"/><path d="M3 3l7 7"/><path d="M16 21h5v-5"/><path d="M8 21H3v-5"/><path d="M21 21l-7-7"/><path d="M3 21l7-7"/></svg> KarÅılaÅtır</a> 883 <a href="reklam.html" onclick="toggleMobileMenu();" class="mobile-promo-link"> 884 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> Reklam & İŠBirliÄi</a> 885 <a href="ai-ekle.html" onclick="toggleMobileMenu();" class="mobile-promo-link"> 886 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg> AI Aracını Yayınla</a> 887 <a href="prompt-paylas.html" onclick="toggleMobileMenu();" class="mobile-promo-link"> 888 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg> Prompt PaylaÅ</a> 889 <a href="gizlilik.html" onclick="toggleMobileMenu()"> 890 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle;"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><polyline points="9 12 11 14 15 10"/></svg> Gizlilik Politikası</a> 891 </div> 892 893 894 <!-- Navbar --> 895 <nav> 896 <div class="logo"> 897 <a href="/" style="display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit;"> 898 <img src="logo-small.webp" alt="AI Dünyası Logo" width="40" height="40" fetchpriority="high" style="height: 40px; width: 40px; border-radius: 8px;">
899 <span style="font-weight: 800; font-size: 20px; letter-spacing: -1px;">AI DÃNYASI<span style="color:var(--accent-blue);">.TR</span></span> 900 </a> 901 </div> 902 <ul class="nav-links"> 903 <li><a href="index.html" data-i18n="nav-home">Ana Sayfa</a></li> 904 <li><a href="index.html#news" data-i18n="nav-news">Haberler</a></li> 905 <li><a href="kategoriler.html" data-i18n="nav-tools">Araçlar</a></li> 906 <li><a href="prompts.html" data-i18n="nav-prompts">Promptlar</a></li> 907 <li><a href="hakkimizda.html" data-i18n="nav-about">Hakkımızda</a></li> 908 <li><a href="iletisim.html" data-i18n="nav-contact">İletiÅim</a></li> 909 <li><a href="reklam.html" class="btn-menu-item">ð¢ Reklam</a></li> 910 <li><a href="ai-ekle.html" class="btn-menu-item">ð AI Ekle</a></li> 911 <li><a href="prompt-paylas.html" class="btn-menu-item">âï¸ Prompt PaylaÅ</a></li> 912 </ul> 913 <div class="nav-right-actions" style="display:flex; align-items:center; gap:12px;"> 914 <div class="social-icons nav-socials" style="display: flex; gap: 8px; margin-right: 10px;"> 915 <a href="https://x.com" target="_blank" style="font-size: 14px; color: var(--text-dim); text-decoration: none;">ð</a> 916 <a href="https://linkedin.com" target="_blank" style="font-size: 14px; color: var(--text-dim); text-decoration: none;">in</a> 917 </div> 918 919 <!-- XP Nav Widget --> 920 <div class="xp-nav-widget" id="xp-nav-widget" onclick="openModal('xpModal')" title="AI Profiliniz ve XP Seviyeniz"> 921 <span class="xp-nav-lvl" id="xp-nav-lvl">Lvl 1</span> 922 <div class="xp-nav-bar-wrap"> 923 <div class="xp-nav-bar" id="xp-nav-bar"></div> 924 </div> 925 <span class="xp-nav-title" id="xp-nav-title">ð¤ AI ÃıraÄı</span> 926 </div> 927 928 <div class="lang-switcher"> 929 <button onclick="switchLanguage('tr')" class="lang-btn active" id="lang-tr">TR</button> 930 <button onclick="switchLanguage('en')" class="lang-btn" id="lang-en">EN</button> 931 </div> 932 <button class="theme-toggle" id="theme-toggle" onclick="toggleTheme()" title="Tema DeÄiÅtir">ð</button> 933 <button class="hamburger" onclick="toggleMobileMenu()">â°</button> 934 </div> 935 </nav> 936 937 <main> 938 <!-- ÃNE ÃIKAN İNTERAKTİF ARAÃLAR (HIZLI ERİÅİM) --> 939 <section id="interactive-features" style="padding: 100px 8% 10px; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; position: relative; z-index: 10;"> 940 <!-- Quiz Card --> 941 <div class="feature-card-premium" onclick="location.href='#quiz'" style="cursor:pointer; background: linear-gradient(135deg, rgba(0,210,255,0.15), rgba(0,0,0,0.6)); border: 1px solid var(--accent-blue); padding: 25px; border-radius: 20px; transition: 0.3s; display: flex; align-items: center; gap: 20px;"> 942 <div style="font-size: 32px;">ð¯</div> 943 <div> 944 <h3 style="font-size: 16px; color: var(--accent-blue); margin-bottom: 4px;">AI Araç Sihirbazı</h3> 945 <p style="font-size: 12px; color: var(--text-dim); margin: 0;">Sana en uygun yapay zekayı saniyeler içinde bulalım.</p> 946 </div> 947 </div> 948 <!-- Compare Card --> 949 <div class="feature-card-premium" onclick="location.href='#compare'" style="cursor:pointer; background: linear-gradient(135deg, rgba(255,157,0,0.15), rgba(0,0,0,0.6)); border: 1px solid var(--accent-orange); padding: 25px; border-radius: 20px; transition: 0.3s; display: flex; align-items: center; gap: 20px;"> 950 <div style="font-size: 28px;">âï¸</div> 951 <div> 952 <h3 style="font-size: 16px; color: var(--accent-orange); margin-bottom: 4px;">Modelleri Kıyasla</h3> 953 <p style="font-size: 12px; color: var(--text-dim); margin: 0;">GPT-4 vs Claude 3.5... Teknik verilerle karÅılaÅtır.</p> 954 </div> 955 </div> 956 </section> 957 958 <!-- Hero --> 959 <!-- Premium Landing Hero --> 960 <header id="landing-hero" class="landing-hero"> 961 <div class="landing-content">
962 <span class="badge" data-i18n="hero-badge" style="background: rgba(0,210,255,0.1); color: var(--accent-blue); padding: 6px 15px; border-radius: 20px; font-size: 13px; font-weight: 600; margin-bottom: 20px; border: 1px solid rgba(0,210,255,0.2); display: inline-block;">Türkiye'nin AI Merkezi</span> 963 <h1 class="landing-title">AI Yapay Zeka <span>Portal</span></h1> 964 <p class="landing-subtitle" data-i18n="hero-desc">Yapay zeka dünyasının kalbi burada atıyor. En güncel haberler, profesyonel araçlar ve finansal terminal tek platformda.</p> 965 <div class="landing-actions"> 966 <a href="#tools" class="btn-premium btn-premium-primary" onclick="enterDiscoveryMode('all')" data-i18n="cta-explore-tools">ð Araçları KeÅfet</a> 967 <a href="/haberler" class="btn-premium btn-premium-secondary" data-i18n="nav-news">ð° Haberleri Oku</a> 968 </div> 969 </div> 970 </header> 971 972 <!-- REKLAM BANNER (LEADERBOARD) --> 973 <div class="ad-placeholder-container"> 974 <div class="ad-placeholder ad-leaderboard"> 975 <span>- Reklam Alanı -</span> 976 </div> 977 </div> 978 979 <!-- CANLI PİYASA (AI TOKENS) --> 980 <section id="ai-market" style="padding: 20px 8% 40px;"> 981 <div class="sidebar-block"> 982 <h2 data-i18n="title-market">Canlı Piyasa (AI Tokenlar)</h2> 983 </div> 984 <div class="crypto-grid" id="crypto-cards"> 985 <div class="skeleton-crypto" style="color:var(--text-dim); text-align:center; padding:20px;">â³ Yükleniyor...</div> 986 </div> 987 </section> 988 <!-- ÃNE ÃIKAN ARAÃLAR (MINI ROW) --> 989 <section style="padding: 10px 8% 40px;"> 990 <div class="sidebar-block"> 991 <h2 style="font-size: 20px; margin-bottom: 16px;">🔥 Haftanın Popüler AI Araçları</h2> 992 </div> 993 <div class="popular-tools-grid"> 994 <div onclick="showToolDetail('Midjourney V6')" style="display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:12px 14px;border-radius:14px;cursor:pointer;transition:all 0.25s;"> 995 <img src="https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&fm=webp&w=48&q=35" alt="Midjourney V6 - Yapay Zeka Görsel Ãretimi" width="44" height="44" style="width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;" loading="lazy"> 996 <div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:700;color:#fff;">Midjourney V6</div><div style="font-size:11px;color:var(--text-dim);margin-top:2px;">🎨 Görsel Ãretimi</div></div> 997 <span style="font-size:11px;color:var(--accent-blue);font-weight:700;flex-shrink:0;">▲ 4.9</span> 998 </div> 999 <div onclick="showToolDetail('ChatGPT-4o')" style="display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:12px 14px;border-radius:14px;cursor:pointer;transition:all 0.25s;"> 1000 <img src="https://images.unsplash.com/photo-1676299081847-824916de030a?auto=format&fit=crop&fm=webp&w=48&q=35" alt="ChatGPT-4o - OpenAI Metin ve Analiz Aracı" width="44" height="44" style="width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;" loading="lazy"> 1001 <div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:700;color:#fff;">ChatGPT-4o</div><div style="font-size:11px;color:var(--text-dim);margin-top:2px;">✍️ Metin & Analiz</div></div> 1002 <span style="font-size:11px;color:var(--accent-blue);font-weight:700;flex-shrink:0;">▲ 4.9</span> 1003 </div> 1004 <div onclick="showToolDetail('Claude 3.5 Sonnet')" style="display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:12px 14px;border-radius:14px;cursor:pointer;transition:all 0.25s;"> 1005 <img src="https://images.unsplash.com/photo-1664575602276-acd073f104c1?auto=format&fit=crop&fm=webp&w=48&q=35" alt="Claude 3.5 - Anthropic Akademik Yazım Aracı" width="44" height="44" style="width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;" loading="lazy"> 1006 <div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:700;color:#fff;">Claude 3.5</div><div style="font-size:11px;color:var(--text-dim);margin-top:2px;">🧠 Akademik Yazım</div></div>
1007 <span style="font-size:11px;color:var(--accent-blue);font-weight:700;flex-shrink:0;">▲ 4.9</span> 1008 </div> 1009 <div onclick="showToolDetail('Leonardo.ai')" style="display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:12px 14px;border-radius:14px;cursor:pointer;transition:all 0.25s;"> 1010 <img src="https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?auto=format&fit=crop&fm=webp&w=48&q=35" alt="Leonardo.ai - Yapay Zeka Tasarım ve Görsel Aracı" width="44" height="44" style="width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;" loading="lazy"> 1011 <div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:700;color:var(--text-main);">Leonardo.ai</div><div style="font-size:11px;color:var(--text-dim);margin-top:2px;">🖌️ Tasarım Araçları</div></div> 1012 <span style="font-size:11px;color:var(--accent-blue);font-weight:700;flex-shrink:0;">▲ 4.7</span> 1013 </div> 1014 <div onclick="enterDiscoveryMode('all')" style="display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:12px 14px;border-radius:14px;cursor:pointer;transition:all 0.25s;"> 1015 <img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?auto=format&fit=crop&fm=webp&w=48&q=35" alt="Google Gemini - Ãok Modlu Yapay Zeka Asistanı" width="44" height="44" style="width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;" loading="lazy"> 1016 <div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:700;color:var(--text-main);">Google Gemini</div><div style="font-size:11px;color:var(--text-dim);margin-top:2px;">🌐 Ãok Modlu AI</div></div> 1017 <span style="font-size:11px;color:var(--accent-blue);font-weight:700;flex-shrink:0;">▲ 4.8</span> 1018 </div> 1019 <div onclick="enterDiscoveryMode('metin')" style="display:flex;align-items:center;gap:12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:12px 14px;border-radius:14px;cursor:pointer;transition:all 0.25s;"> 1020 <img src="https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&fm=webp&w=48&q=35" alt="Perplexity AI - Yapay Zeka Destekli Akıllı Arama" width="44" height="44" style="width:44px;height:44px;border-radius:10px;object-fit:cover;flex-shrink:0;" loading="lazy"> 1021 <div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:700;color:#fff;">Perplexity AI</div><div style="font-size:11px;color:var(--text-dim);margin-top:2px;">🔍 Akıllı Arama</div></div> 1022 <span style="font-size:11px;color:var(--accent-blue);font-weight:700;flex-shrink:0;">▲ 4.8</span> 1023 </div> 1024 </div> 1025 </section> 1026 1027 <!-- DİNAMİK SUPABASE POPÃLER AI ARAÃLARI --> 1028 <section class="section-container"> 1029 <div class="section-header"> 1030 <h2>ð¥ Popüler AI Araçları</h2> 1031 <p>Yapay zeka dünyasındaki en yeni ve etkili araçları keÅfedin.</p> 1032 </div> 1033 <div id="ai-tools-grid" class="tools-grid"> 1034 <div class="loading-text">Araçlar yükleniyor...</div> 1035 </div> 1036 </section> 1037 1038 <!-- REKLAM BANNER (KARE) --> 1039 <div class="ad-placeholder ad-square"> 1040 <span>- Reklam Alanı -</span> 1041 </div> 1042 1043 1044 1045 1046 <!-- Prompt OluÅturucu --> 1047 <section id="prompt-gen-section" style="padding: 0 8% 40px;"> 1048 <div class="prompt-tool"> 1049 <span class="badge" data-i18n="badge-smart">Akıllı Araç</span> 1050 <h2 style="margin-bottom: 10px;" data-i18n="title-prompt-gen">Prompt OluÅturucu</h2> 1051 <p style="color: var(--text-dim); font-size: 14px;" data-i18n="desc-prompt-gen">Hayalinizi yazın, biz 1052 profesyonel komuta çevirelim. Midjourney ve DALL-E için hazır!</p> 1053 <div class="tool-input-group"> 1054 <label for="user-idea" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">Fikrinizi Yazın</label> 1055 <input type="text" id="user-idea" data-i18n="placeholder-prompt-gen" 1056 placeholder="Ãrn: Uzayda kahve içen astronot..."> 1057 <button class="btn btn-primary" onclick="generatePrompt()" data-i18n="btn-generate">OluÅtur</button> 1058 </div> 1059 <div class="result-area" id="result-area"> 1060 <p class="result-text" id="generated-prompt"></p> 1061 <button class="btn btn-secondary" onclick="copyGeneratedPrompt()" 1062 data-i18n="btn-copy">Kopyala</button> 1063 </div> 1064 </div> 1065 </section> 1066 1067 1068 <!-- Haberler (Live News Feed) --> 1069 <section id="news" style="padding: 60px 8% 80px; position: relative;"> 1070 <div class="news-layout"> 1071 <div class="news-main"> 1072 <div class="section-header-premium" style="margin-bottom: 40px;">
1073 <span class="badge" style="background: rgba(0,210,255,0.1); color: var(--accent-blue); padding: 5px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;">GÃNCEL AKIÅ</span> 1074 <h2 style="font-size: 36px; font-weight: 800; margin-top: 15px; background: linear-gradient(to right, #fff, var(--accent-blue)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Ãne Ãıkanlar</h2> 1075 <div style="width: 60px; height: 4px; background: var(--accent-blue); border-radius: 2px; margin-top: 10px;"></div> 1076 </div> 1077 1078 <!-- Premium Arama Kutusu --> 1079 <div class="search-bar"> 1080 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color:var(--accent-blue);opacity:0.7;flex-shrink:0;"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg> 1081 <input type="text" id="news-search" data-i18n="placeholder-search-news" 1082 placeholder="Haberlerde ara..." oninput="searchNews(this.value)"> 1083 </div> 1084 1085 <div class="news-grid" id="main-news-grid"> 1086 <!-- JS ile dolacak --> 1087 <div class="skeleton-card"></div> 1088 <div class="skeleton-card"></div> 1089 <div class="skeleton-card"></div> 1090 <div class="skeleton-card"></div> 1091 </div> 1092 </div> 1093 1094 <aside class="news-sidebar"> 1095 <div class="sidebar-block" id="popular-news"> 1096 <div class="sidebar-header" style="display: flex; align-items: center; gap: 10px; margin-bottom: 20px;"> 1097 <div style="width: 8px; height: 24px; background: var(--accent-orange); border-radius: 4px;"></div> 1098 <h2 style="font-size: 18px; margin: 0;" data-i18n="title-popular">Popüler Haberler</h2> 1099 </div> 1100 <div class="news-list-content"></div> 1101 </div> 1102 <div class="sidebar-block" id="recent-news" style="margin-top: 40px;"> 1103 <div class="sidebar-header" style="display: flex; align-items: center; gap: 10px; margin-bottom: 20px;"> 1104 <div style="width: 8px; height: 24px; background: var(--accent-blue); border-radius: 4px;"></div> 1105 <h2 style="font-size: 18px; margin: 0;" data-i18n="title-recent">Son Haberler</h2> 1106 </div> 1107 <div class="news-list-content"></div> 1108 </div> 1109 </aside> 1110 </div> 1111 </section> 1112 1113 <!-- AI Stories (Instagram Style) --> 1114 <div class="story-band" style="padding: 20px 8% 0;"> 1115 <div class="story-cards" id="story-cards" style="display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; padding-bottom: 10px;"> 1116 <!-- JS ile dolacak --> 1117 </div> 1118 </div> 1119 1120 1121 1122 <!-- Haftanın Aracı --> 1123 <section style="padding: 0 8% 40px;"> 1124 <div class="sidebar-block"> 1125 <h2 data-i18n="title-tool-week">Haftanın Aracı</h2> 1126 </div> 1127 <div class="tool-of-week"> 1128 <div class="tool-icon">ð</div> 1129 <div> 1130 <p class="recommendation-label" data-i18n="title-recommendation" 1131 style="color: var(--accent-blue); font-size: 11px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; font-weight: bold;"> 1132 Bu Haftanın Ãnerisi</p> 1133 <h3 style="font-size: 22px; margin-bottom: 8px;">Midjourney V7</h3> 1134 <p data-i18n="desc-tool-week">Midjourney'nin en son sürümü, gerçeÄinden ayırt edilemeyen görseller 1135 üretiyor. Prompt yazma becerisi olmayanlar bile profesyonel sonuçlar alabiliyor.</p> 1136 <a href="https://www.midjourney.com" target="_blank" class="btn btn-primary" 1137 style="margin-top:15px; display:inline-block;" data-i18n="btn-try">
1137Hemen Dene â</a> 1138 </div> 1139 </div> 1140 </section> 1141 1142 1143 <!-- AI ARAà SEÃİCİ QUIZ (RE-STYLED AS WIZARD) --> 1144 <section id="quiz" style="padding: 0 8% 40px;" class="reveal"> 1145 <div class="sidebar-block"> 1146 <h2 data-i18n="title-quiz">ð¯ AI Araç Sihirbazı</h2> 1147 </div> 1148 <div class="quiz-container" style="background: linear-gradient(135deg, rgba(255,255,255,0.05), rgba(0,210,255,0.05)); border: 1px solid var(--accent-blue);"> 1149 <div class="quiz-intro" id="quiz-intro"> 1150 <div class="wizard-badge" style="background: var(--accent-blue); color: #000; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; margin-bottom: 15px; display: inline-block;">AI POWERED</div> 1151 <p class="quiz-desc" data-i18n="quiz-desc">Hangi yapay zekaya ihtiyacın olduÄunu bilmiyor musun? 3 adımda senin için en iyisini seçelim!</p> 1152 <button class="btn btn-primary" onclick="startQuiz()" id="quiz-start-btn" 1153 data-i18n="btn-start">Sihirbazı BaÅlat â</button> 1154 </div> 1155 <div class="quiz-body" id="quiz-body" style="display:none;"> 1156 <div class="quiz-progress"> 1157 <div class="quiz-progress-bar" id="quiz-progress-bar"></div> 1158 </div> 1159 <p class="quiz-step-label" id="quiz-step-label">Soru 1 / 3</p> 1160 <h3 class="quiz-question" id="quiz-question" style="color: var(--accent-blue);"></h3> 1161 <div class="quiz-options" id="quiz-options"></div> 1162 </div> 1163 <div class="quiz-result" id="quiz-result" style="display:none;"> 1164 <div class="quiz-result-icon" id="quiz-result-icon" style="font-size: 50px; animation: bounce 2s infinite;">ð</div> 1165 <p data-i18n="quiz-result-title" 1166 style="color: var(--text-dim); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;"> 1167 Senin için en ideal araç:</p> 1168 <h3 id="quiz-result-tool" style="font-size: 32px; color: var(--accent-blue); margin: 8px 0 12px;"> 1169 Midjourney</h3> 1170 <p id="quiz-result-desc" style="max-width: 450px; margin: 0 auto 20px;"></p> 1171 <div style="display:flex;gap:12px;justify-content:center;margin-top:20px;"> 1172 <a id="quiz-result-link" href="#" target="_blank" class="btn btn-primary" 1173 data-i18n="btn-try">Hemen Dene â</a> 1174 <button class="btn btn-secondary" onclick="resetQuiz()" data-i18n="btn-restart">Tekrar 1175 Dene</button> 1176 </div> 1177 </div> 1178 </div> 1179 </section> 1180 1181 <!-- AI ARAà KARÅILAÅTIRMA TABLOSU --> 1182 <section id="compare" style="padding: 0 8% 40px;"> 1183 <div class="sidebar-block"> 1184 <h2 data-i18n="title-compare">âï¸ AI Araçları KarÅılaÅtırma</h2> 1185 </div> 1186 <div class="compare-selector"> 1187 <label for="compare-a" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">1. Modeli Seç</label> 1188 <select id="compare-a" onchange="updateComparison()"> 1189 <option value="chatgpt">ChatGPT</option> 1190 <option value="claude">Claude</option> 1191 <option value="midjourney">Midjourney</option> 1192 <option value="dalle">DALL·E 3</option> 1193 <option value="runway">Runway</option> 1194 <option value="sora">Sora</option> 1195 </select> 1196 <span class="compare-vs" data-i18n="vs">VS</span> 1197 <label for="compare-b" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">2. Modeli Seç</label> 1198 <select id="compare-b" onchange="updateComparison()"> 1199 <option value="claude">Claude</option> 1200 <option value="chatgpt">ChatGPT</option> 1201 <option value="dalle">DALL·E 3</option> 1202 <option value="midjourney">Midjourney</option> 1203 <option value="sora">Sora</option> 1204 <option value="runway">Runway</option> 1205 </select> 1206 </div> 1207 <div class="compare-table-wrap"> 1208 <table class="compare-table" id="compare-table"> 1209 <thead> 1210 <tr> 1211 <th data-i18n="th-feature">Ãzellik</th> 1212 <th id="compare-head-a">ChatGPT</th> 1213 <th id="compare-head-b">Claude</th> 1214 </tr> 1215 </thead> 1216 <tbody id="compare-body"></tbody> 1217 </table> 1218 </div> 1219 </section> 1220 1221 <!-- AI OTORİTE & GÃVEN ENDEKSİ (GEO İÃİN KRİTİK) --> 1222 <section class="ai-authority-section" style="padding: 40px 8%; background: linear-gradient(180deg, rgba(0,210,255,0.02) 0%, transparent 100%);"> 1223 <div class="sidebar-block"> 1224 <h2 style="color: var(--accent-blue); border-bottom-color: var(--accent-blue);">ð¡ï¸ AI Güven & Otorite Raporu</h2> 1225 </div> 1226 <div class="authority-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 20px;"> 1227 <!-- Otorite Skoru --> 1228 <div class="auth-card" style="background: var(--card-bg); border: 1px solid var(--glass-border); padding: 25px; border-radius: 20px; position: relative; overflow: hidden;"> 1229 <div class="auth-score" style="font-size: 48px; font-weight: 800; color: #00ff88; margin-bottom: 10px;">98<span style="font-size: 18px; color: var(--text-dim);">/100</span></div> 1230 <h3 style="font-size: 18px; margin-bottom: 10px;">Portal Güven Endeksi</h3> 1231 <p style="font-size: 13px; color: var(--text-dim);">Tüm araçlar AI Güvenlik Standartları (AIS) kapsamında taranmıŠve onaylanmıÅtır.</p> 1232 <div style="position: absolute; top: -10px; right: -10px; font-size: 80px; opacity: 0.05; pointer-events: none;">ð¡ï¸</div> 1233 </div> 1234 <!-- Benchmark Verisi --> 1235 <div class="auth-card" style="background: var(--card-bg); border: 1px solid var(--glass-border); padding: 25px; border-radius: 20px; position: relative; overflow: hidden;"> 1236 <div class="auth-score" style="font-size: 48px; font-weight: 800; color: var(--accent-orange); margin-bottom: 10px;">+42%</div> 1237 <h3 style="font-size: 18px; margin-bottom: 10px;">Haftalık AI Performans ArtıÅı</h3> 1238 <p style="font-size: 13px; color: var(--text-dim);">LLM modellerinin yanıt hızı ve doÄruluk payı geçtiÄimiz haftaya göre %42 iyileÅme gösterdi.</p> 1239 <div style="position: absolute; top: -10px; right: -10px; font-size: 80px; opacity: 0.05; pointer-events: none;">ð</div> 1240 </div> 1241 <!-- AI Mentions --> 1242 <div class="auth-card" style="background: var(--card-bg); border: 1px solid var(--glass-border); padding: 25px; border-radius: 20px; position: relative; overflow: hidden;"> 1243 <div class="auth-score" style="font-size: 48px; font-weight: 800; color: var(--accent-blue); margin-bottom: 10px;">1.2K+</div> 1244 <h3 style="font-size: 18px; margin-bottom: 10px;">Model Alıntısı (Mentions)</h3> 1245 <p style="font-size: 13px; color: var(--text-dim);">Portalımızdaki içerikler ChatGPT, Gemini ve Claude modelleri tarafından kaynak gösterilmektedir.</p> 1246 <div style="position: absolute; top: -10px; right: -10px; font-size: 80px; opacity: 0.05; pointer-events: none;">
1246ð¬</div> 1247 </div> 1248 </div> 1249 </section> 1250 1251 <!-- SSS (SEO SNIPPETLERİ İÃİN KRİTİK) --> 1252 <section id="faq" style="padding: 40px 8% 80px;"> 1253 <div class="sidebar-block"> 1254 <h2 data-i18n="title-faq">â Sıkça Sorulan Sorular</h2> 1255 </div> 1256 <div class="faq-container" style="max-width: 900px; margin: 0 auto; display: flex; flex-direction: column; gap: 15px;"> 1257 <details class="faq-item" style="background: var(--card-bg); border: 1px solid var(--glass-border); border-radius: 12px; padding: 15px; cursor: pointer; transition: 0.3s;"> 1258 <summary style="font-weight: 600; color: var(--accent-blue); outline: none;">En iyi yapay zeka araçları hangileridir?</summary> 1259 <p style="margin-top: 10px; font-size: 14px; color: var(--text-dim); line-height: 1.6;">2026 yılı itibarıyla en popüler AI araçları arasında görsel üretiminde Midjourney V7, metin yazarlıÄında Claude 3.5 ve ChatGPT-4o yer almaktadır.</p> 1260 </details> 1261 <details class="faq-item" style="background: var(--card-bg); border: 1px solid var(--glass-border); border-radius: 12px; padding: 15px; cursor: pointer; transition: 0.3s;"> 1262 <summary style="font-weight: 600; color: var(--accent-blue); outline: none;">Ãcretsiz yapay zeka araçları var mı?</summary> 1263 <p style="margin-top: 10px; font-size: 14px; color: var(--text-dim); line-height: 1.6;">Evet, ChatGPT (ücretsiz versiyon), Claude (sınırlı), DALL-E 3 (Bing üzerinden) ve Suno AI gibi birçok popüler araç ücretsiz hizmet vermektedir.</p> 1264 </details> 1265 <details class="faq-item" style="background: var(--card-bg); border: 1px solid var(--glass-border); border-radius: 12px; padding: 15px; cursor: pointer; transition: 0.3s;"> 1266 <summary style="font-weight: 600; color: var(--accent-blue); outline: none;">Prompt nasıl yazılır?</summary> 1267 <p style="margin-top: 10px; font-size: 14px; color: var(--text-dim); line-height: 1.6;">İyi bir prompt; baÄlam, görev, kısıtlamalar ve stil içermelidir. Sitemizdeki 'Prompt OluÅturucu' aracını kullanarak profesyonel komutlar üretebilirsiniz.</p> 1268 </details> 1269 </div> 1270 </section> 1271 1272 1273 1274 1275 <!-- Anket --> 1276 <section id="poll" style="padding: 0 8% 40px;"> 1277 <div class="sidebar-block"> 1278 <h2 data-i18n="poll-title">Bu Haftanın Anketi</h2> 1279 </div> 1280 <div class="poll-widget"> 1281 <h3 style="margin-bottom: 20px;" data-i18n="poll-q">Hangi yapay zekayı en çok kullanıyorsunuz?</h3> 1282 <div class="poll-option" onclick="vote(this, 0)"> 1283 <span>ð¤</span> 1284 <span style="flex:1;">ChatGPT</span> 1285 <div class="poll-bar-wrap"> 1286 <div class="poll-bar"></div> 1287 </div> 1288 <span class="poll-percent"></span> 1289 </div> 1290 <div class="poll-option" onclick="vote(this, 1)"> 1291 <span>ð¨</span> 1292 <span style="flex:1;">Midjourney</span> 1293 <div class="poll-bar-wrap"> 1294 <div class="poll-bar"></div> 1295 </div> 1296 <span class="poll-percent"></span> 1297 </div> 1298 <div class="poll-option" onclick="vote(this, 2)"> 1299 <span>ð§ </span> 1300 <span style="flex:1;">Claude</span> 1301 <div class="poll-bar-wrap"> 1302 <div class="poll-bar"></div> 1303 </div> 1304 <span class="poll-percent"></span> 1305 </div> 1306 <div class="poll-option" onclick="vote(this, 3)"> 1307 <span>ð</span> 1308 <span style="flex:1;">Perplexity</span> 1309 <div class="poll-bar-wrap"> 1310 <div class="poll-bar"></div> 1311 </div>
1312 <span class="poll-percent"></span> 1313 </div> 1314 </div> 1315 </section> 1316 1317 1318 1319 1320 1321 <!-- AI SözlüÄü --> 1322 <section id="dictionary" style="padding: 0 8% 50px;"> 1323 <div class="sidebar-block"> 1324 <h2 data-i18n="dict-title">Yapay Zeka SözlüÄü</h2> 1325 </div> 1326 <div class="dict-search-wrapper"> 1327 <label for="dict-search" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">Terim Ara</label> 1328 <input type="text" id="dict-search" data-i18n="dict-placeholder" 1329 placeholder="Terim ara... (Ãrn: LLM, Deepfake)" oninput="filterDictionary(this.value)"> 1330 <div class="dict-count" id="dict-count" data-i18n="dict-count">6 Terim listeleniyor</div> 1331 </div> 1332 <div class="dictionary-grid" id="dictionary-grid"> 1333 <div class="dict-card"> 1334 <h3>Prompt</h3> 1335 <p data-i18n="dict-term-prompt">Yapay zekaya ne yapması gerektiÄini anlatan talimat veya komut.</p> 1336 </div> 1337 <div class="dict-card"> 1338 <h3>LLM</h3> 1339 <p data-i18n="dict-term-llm">ChatGPT gibi devasa metin verileriyle eÄitilmiÅ büyük dil modelleri. 1340 </p> 1341 </div> 1342 <div class="dict-card"> 1343 <h3>Deepfake</h3> 1344 <p data-i18n="dict-term-df">Yapay zeka ile üretilen gerçeÄinden ayırt edilemeyen sahte medya.</p> 1345 </div> 1346 <div class="dict-card"> 1347 <h3>Nöral A</h3> 1348 <p data-i18n="dict-term-neural">İnsan beyninden ilham alınan yapay öÄrenme mimarisi.</p> 1349 </div> 1350 <div class="dict-card"> 1351 <h3>Token</h3> 1352 <p data-i18n="dict-term-token">AI modellerinin metni iÅlemek için kullandıÄı kelime parçaları.</p> 1353 </div> 1354 <div class="dict-card"> 1355 <h3>Fine-tuning</h3> 1356 <p data-i18n="dict-term-ft">Mevcut AI modelini belirli bir göreve özgü verilerle özelleÅtirme.</p> 1357 </div> 1358 </div> 1359 </section> 1360 1361 <!-- Günlük AI İpucu --> 1362 <section id="daily-tip-section" style="padding: 0 8% 40px;"> 1363 <div class="daily-tip-card"> 1364 <div class="tip-header"> 1365 <span class="tip-badge" data-i18n="tip-badge">ð¡ Günün AI İpucu</span> 1366 <button class="tip-refresh" onclick="refreshTip()" title="Yeni İpucu Göster">ð</button> 1367 </div> 1368 <p id="daily-tip-text" data-i18n="loading">Yükleniyor...</p> 1369 <div class="tip-footer"> 1370 <span id="tip-counter" style="font-size:12px;color:var(--text-dim);">İpucu 1/8</span> 1371 <button class="btn-copy-tip" onclick="copyTip()" data-i18n="btn-copy">ð Kopyala</button> 1372 </div> 1373 </div> 1374 </section> 1375 1376 <!-- KULLANICI YORUMLARI --> 1377 <section id="comments" style="padding: 0 8% 40px;"> 1378 <div class="sidebar-block"> 1379 <h2 data-i18n="comments-title">ð¬ Topluluk Yorumları</h2> 1380 </div> 1381 <div class="comments-container"> 1382 <div class="comment-form"> 1383 <label for="comment-name" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">Adınız</label> 1384 <input type="text" id="comment-name" data-i18n="comment-name-placeholder" 1385 placeholder="Adınız (İsteÄe BaÄlı)"> 1386 <label for="comment-text" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">Yorumunuz</label> 1387 <textarea id="comment-text" data-i18n="comment-text-placeholder" 1388 placeholder="AI dünyası hakkındaki düÅüncelerini payla
1388Å..."></textarea> 1389 <button class="btn btn-primary" onclick="addComment()" data-i18n="btn-submit-comment">Yorum 1390 Yap</button> 1391 </div> 1392 <div class="comments-list" id="comments-list"> 1393 <!-- JS ile doldurulacak --> 1394 </div> 1395 </div> 1396 </section> 1397 1398 <!-- GÃÃLà CTA: BÃLTEN & E-KİTAP --> 1399 <section id="newsletter-cta" class="strong-cta-section" style="padding: 0 8% 40px;"> 1400 <div class="cta-banner"> 1401 <div class="cta-content"> 1402 <span class="badge" 1403 style="background: rgba(255,157,0,0.2); color: var(--accent-orange); border: 1px solid rgba(255,157,0,0.5);">ð 1404 Ãcretsiz E-Kitap</span> 1405 <h2 data-i18n="cta-main-title">Yapay Zeka Devrimini Kaçırmayın!</h2> 1406 <p data-i18n="cta-main-desc">Haftalık bültenimize katılın, "2026'nın En İyi 50 AI Aracı ve Gizli 1407 Promptlar" e-kitabını anında ücretsiz indirin. 15.000+ teknoloji tutkunu arasına katılın.</p> 1408 <form class="cta-form" 1409 onsubmit="event.preventDefault(); showToast('ð Harika! E-kitabınız e-posta adresinize gönderildi.'); this.reset();"> 1410 <label for="cta-email" style="position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;">E-posta</label> 1411 <input type="email" id="cta-email" placeholder="E-posta adresiniz..." required> 1412 <button type="submit" class="btn btn-primary" data-i18n="btn-cta-join">Hemen Katıl & 1413 İndir</button> 1414 </form> 1415 <p class="cta-disclaimer" data-i18n="cta-disclaimer">Spam yok. Sadece saf deÄer. İstediÄiniz zaman 1416 ayrılabilirsiniz.</p> 1417 </div> 1418 <div class="cta-image"> 1419 <img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?auto=format&fit=crop&fm=webp&w=600&q=75" 1420 alt="2026'nin En İyi 50 AI Aracı - Ãcretsiz E-Kitap" width="600" height="400" loading="lazy"> 1421 </div> 1422 </div> 1423 </section> 1424 1425 <!-- BİLGİ ALANLARI (GRID) --> 1426 <section class="info-grid-section" style="padding: 40px 8%;"> 1427 <div class="info-grid"> 1428 <!-- HAKKIMIZDA --> 1429 <div id="about" class="info-block"> 1430 <div class="sidebar-block"> 1431 <h2 data-i18n="nav-about">Hakkımızda</h2> 1432 </div> 1433 <div class="static-page-content" style="height: 100%;"> 1434 <h3 data-i18n="about-title" style="font-size: 18px;">GeleceÄin Teknolojisini Bugünden Tanıyın 1435 </h3> 1436 <p data-i18n="about-desc-1" style="font-size: 13px;">AI Dünyası, 2024 yılında yapay 1437 zeka dünyasındaki geliÅmeleri herkes için eriÅilebilir kılmak amacıyla kuruldu.</p> 1438 <p data-i18n="about-desc-2" style="font-size: 13px;">Yüzlerce AI aracını test ediyor ve 1439 topluluÄumuz için devasa bir prompt kütüphanesi oluÅturuyoruz.</p> 1440 </div> 1441 </div> 1442 1443 <!-- İLETİÅİM --> 1444 <div id="contact" class="info-block"> 1445 <div class="sidebar-block"> 1446 <h2 data-i18n="nav-contact">İletiÅim</h2> 1447 </div> 1448 <div class="static-page-content" style="height: 100%;"> 1449 <h3 data-i18n="contact-info-title" style="font-size: 18px;">Bize UlaÅın</h3> 1450 <p style="font-size: 13px;">📧 kakocu007@gmail.com</p> 1451 <p style="font-size: 13px;">ð Maslak Teknopark, İstanbul</p> 1452 1453 <div style="margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,0.05);"> 1454 <p style="font-size: 12px; color: var(--text-dim); margin-bottom: 8px;">Sosyal Medya</p> 1455 <div style="display: flex; gap: 10px;"> 1456 <a href="https://x.com/aidunyasitr" target="_blank" class="contact-social-icon">ð</a> 1457 <!-- DiÄer sosyal medya hesapları eklendiÄinde buraya gelecek --> 1458 </div> 1459 </div> 1460 <div style="margin-top: 15px;"> 1461 <form class="subscribe-form-v2" onsubmit="event.preventDefault(); showToast('Mesajınız baÅarıyla iletildi! â '); this.reset();"> 1462 <input type="email" id="contact-email" placeholder="E-posta" required 1463 style="padding: 8px; font-size: 12px; margin-bottom: 8px;"> 1464 <button type="submit" class="btn btn-primary" 1465 style="width: 100%; padding: 8px; font-size: 12px;">Gönder</button> 1466 </form> 1467 </div> 1468 </div> 1469 </div> 1470 1471 <!-- GİZLİLİK & KVKK --> 1472 <div id="privacy" class="info-block"> 1473 <div class="sidebar-block"> 1474 <h2 data-i18n="privacy-title">Gizlilik Politikası</h2> 1475 </div> 1476 <div class="static-page-content" style="height: 100%; font-size: 13px; line-height: 1.6;"> 1477 <h3 style="font-size: 16px; margin-bottom: 10px;">Ãerezler ve Reklamlar</h3> 1478 <p>Google dahil üçüncü taraf satıcılar, sitemizi ziyaret eden kullanıcılara önceki ziyaretlerine dayalı olarak reklam sunmak için çerezleri kullanır.</p> 1479 <p>Google'ın reklam çerezlerini kullanması, kendisinin ve iÅ ortaklarının sitemizi ve/veya internetteki diÄer siteleri ziyaret eden kullanıcılara reklam sunmasına olanak tanır.</p> 1480 <p>Kullanıcılar, <a href="https://www.google.com/settings/ads" target="_blank" style="color:var(--accent-blue);">Reklam Ayarları</a> sayfasını ziyaret ederek kiÅiselleÅtirilmiÅ reklamcılıÄı devre dıÅı bırakabilirler.</p> 1481 <p>Ayrıca, kullanıcıların verilerinin nasıl toplandıÄı ve iÅlendiÄi hakkında daha fazla bilgi edinmek için Google Gizlilik ve Åartlar sayfasını inceleyebilirsiniz.</p> 1482 </div> 1483 </div> 1484 </div> 1485 </section> 1486 </main> 1487 1488 <!-- Scroll to Top --> 1489 <button class="scroll-top" id="scroll-top" onclick="scrollToTop()">â²</button> 1490 1491 <div id="chatbot-container" style="display:none;"> 1492 <div class="chat-window"> 1493 <div class="chat-msg bot">Merhaba! Ben AI Portal Asistanıyım. Yapay zeka hakkında merak ettiklerini 1494 sorabilirsin. </div> 1495 </div> 1496 <div class="chatbot-input"> 1497 <input type="text" id="chatbot-input-field" placeholder="Bir Åey sor..." 1498 onkeypress="if(event.key==='Enter')sendChatMessage()"> 1499 <button onclick="sendChatMessage()">Å</button> 1500 </div> 1501 </div> 1502 1503 1504 1505 <!-- Lightbox Modal (Galeri Büyütme) --> 1506 <div class="lightbox" id="lightbox" onclick="closeLightbox()">
1507 <span class="lightbox-close">â</span> 1508 <img id="lightbox-img" src="" alt="Zoomed View"> 1509 <p id="lightbox-caption"></p> 1510 </div> 1511 1512 <footer class="mega-footer"> 1513 <div class="footer-grid"> 1514 <!-- Marka ve Açıklama --> 1515 <div class="footer-brand"> 1516 <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 20px;"> 1517 <img src="logo-small.webp" alt="AI Dünyası Logo" width="35" height="35" style="height: 35px; width: 35px; border-radius: 6px;"> 1518 <h2 style="font-size: 22px; font-weight: 800;">AI DÃNYASI<span style="color:var(--accent-blue);">.TR</span></h2> 1519 </div> 1520 <p data-i18n="footer-brand-desc">Yapay zeka dünyasındaki en güncel haberleri, trend araçları ve 1521 profesyonel prompt rehberlerini tek bir çatı altında sunan premium bir teknoloji terminali.</p> 1522 <div class="social-icons"> 1523 <a href="https://x.com/aidunyasitr" target="_blank" aria-label="X (Twitter)" style="font-weight:700;"></a> 1524 <a href="https://linkedin.com" target="_blank" aria-label="LinkedIn" style="font-weight:700;">in</a> 1525 <a href="https://github.com" target="_blank" aria-label="GitHub" style="font-weight:700;">GH</a> 1526 <a href="https://youtube.com" target="_blank" aria-label="YouTube" style="font-weight:700;">â¶</a> 1527 </div> 1528 </div> 1529 1530 <!-- Hızlı EriÅim --> 1531 <div class="footer-links-col"> 1532 <h3 data-i18n="footer-quick-links">Kategoriler</h3> 1533 <ul> 1534 <li><a href="#tools" onclick="filterTools(null, 'gorsel')" data-i18n="cat-visual">Görsel Ãretimi</a> 1535 </li> 1536 <li><a href="#tools" onclick="filterTools(null, 'metin')" data-i18n="cat-text">Metin YazarlıÄı</a> 1537 </li> 1538 <li><a href="#tools" onclick="filterTools(null, 'video')" data-i18n="cat-video">Video AI</a></li> 1539 <li><a href="#tools" onclick="filterTools(null, 'ses')" data-i18n="cat-audio">Müzik / Ses</a></li> 1540 </ul> 1541 </div> 1542 1543 <!-- Kurumsal --> 1544 <div class="footer-links-col"> 1545 <h3 data-i18n="footer-corporate">Kurumsal</h3> 1546 <ul> 1547 <li><a href="#about" data-i18n="nav-about">Hakkımızda</a></li> 1548 <li><a href="#contact" data-i18n="nav-contact">İletiÅim</a></li> 1549 <li><a href="#privacy" data-i18n="privacy-title">Gizlilik Politikası</a></li> 1550 <li><a href="#privacy">Kullanım KoÅulları</a></li> 1551 </ul> 1552 </div> 1553 1554 <!-- Newsletter & İletiÅim --> 1555 <div class="footer-newsletter"> 1556 <h3 data-i18n="newsletter-title">Bültene Katıl</h3> 1557 <p style="font-size: 13px; color: var(--text-dim); margin-bottom: 15px;">Haftalık AI özetlerini kaçırma. 1558 </p> 1559 <form onsubmit="event.preventDefault(); showToast('Bültene kaydınız baÅarıyla alındı! '); this.reset();" style="display:flex; gap:8px;"> 1560 <input type="email" id="footer-nl-email" placeholder="E-posta" required 1561 style="flex:1; background:rgba(255,255,255,0.05); border:1px solid var(--glass-border); border-radius:8px; padding:10px; color:#fff; font-size:13px;"> 1562 <button type="submit" class="btn btn-primary" style="padding: 10px 15px;">â</button> 1563 </form> 1564 <div style="margin-top: 25px;"> 1565 <h3 style="font-size: 14px; margin-bottom: 5px;" data-i18n="nav-contact">İletiÅim</h3> 1566 <a href="mailto:kakocu007@gmail.com" 1567 style="color: var(--accent-blue); text-decoration: none; font-size: 14px;">kakocu007@gmail.com</a> 1568 </div> 1569 </div> 1570 </div> 1571 1572 <div class="footer-bottom" 1573 style="margin-top: 50px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.05); text-align: center;"> 1574 <p style="font-size: 12px; color: var(--text-dim);">© 2026 AI Dünyası. Tüm Hakları Saklıdır. <br> Yapay Zeka ve Teknoloji Dünyasının Kapsamlı Rehberi.</p> 1575 </div> 1576 </footer> 1577 1578 1579 <!-- Firebase SDK (Gerçek Zamanlı Aktif Kullanıcı Sayacı İçin) --> 1580 1581 1582 <!-- Editorial Modal --> 1583 <div id="editorial-modal" class="modal-overlay" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:9999; justify-content:center; align-items:center; backdrop-filter: blur(10px);"> 1584 <div class="modal-content" style="background:var(--bg-dark); border:1px solid var(--glass-border); width:90%; max-width:800px; max-height:85vh; border-radius:25px; overflow-y:auto; padding:40px; position:relative; box-shadow:0 25px 50px rgba(0,0,0,0.5);"> 1585 <button onclick="closeEditorial()" style="position:absolute; top:20px; right:20px; background:none; border:none;
1585 color:#fff; font-size:24px; cursor:pointer;">â</button> 1586 <div id="modal-article-body"></div> 1587 </div> 1588 </div> 1589 1590 <!-- AI XP Profil Modalı --> 1591 <div id="xpModal" class="modal-overlay" style="display: none;" onclick="closeModalByOverlay(event, 'xpModal')"> 1592 <div class="modal-content" style="max-width: 500px !important;"> 1593 <span class="modal-close" onclick="closeModal('xpModal')">×</span> 1594 <div class="modal-header" style="text-align: center; margin-bottom: 20px;"> 1595 <h2 style="font-size: 22px; color: #ff9d00; display: flex; align-items: center; justify-content: center; gap: 8px;">ð§ AI Kullanıcı Profili</h2> 1596 <p style="color: var(--text-dim); font-size: 13px; margin-top: 5px;">Sitede aktif kalarak, testleri çözerek ve oylamalara katılarak XP kazan ve ünvanlarını yükselt.</p> 1597 </div> 1598 1599 <div class="xp-modal-body"> 1600 <!-- OyunlaÅtırma Tanıtım Bilgisi --> 1601 <div style="background: rgba(0, 210, 255, 0.08); border: 1px solid rgba(0, 210, 255, 0.2); border-radius: 12px; padding: 12px; margin-bottom: 20px; font-size: 12px; color: #fff; text-align: left; display: flex; align-items: center; gap: 10px; line-height: 1.5;"> 1602 <span style="font-size: 20px;">ð</span> 1603 <span><strong>Yapay Zeka XP Yayında!</strong> Sitede gezinirken görevleri tamamla, XP kazan ve rütbeni yükselt. Profiline istediÄin zaman navbar veya menüdeki seviye alanından ulaÅabilirsin.</span> 1604 </div> 1605 1606 <!-- Seviye ve BaÅlık --> 1607 <div class="xp-modal-header"> 1608 <div class="xp-profile-lvl-large" id="xp-profile-lvl-large">Lvl 1</div> 1609 <div class="xp-profile-badge-title" id="xp-profile-badge-title">ð¤ AI ÃıraÄı</div> 1610 </div> 1611 1612 <!-- XP İlerleme Barı --> 1613 <div class="xp-large-bar-wrap"> 1614 <div class="xp-large-bar" id="xp-large-bar"></div> 1615 </div> 1616 <div class="xp-progress-text" id="xp-progress-text">0 / 100 XP</div> 1617 1618 <!-- Ãnvanlar / Rozetler Grid --> 1619 <h4 style="color:#fff; margin: 25px 0 10px; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 5px;">ðï¸ Kazanılan Ãnvanlar</h4> 1620 <div class="badges-grid"> 1621 <div class="badge-card unlocked" id="badge-lvl1"> 1622 <div class="badge-card-icon">ð¤</div> 1623 <div class="badge-card-title">AI ÃıraÄı</div> 1624 <div style="color:var(--text-dim); font-size: 9px; margin-top: 4px;">Lvl 1-2</div> 1625 </div> 1626 <div class="badge-card" id="badge-lvl3"> 1627 <div class="badge-card-icon">ð</div> 1628 <div class="badge-card-title">AI KaÅifi</div> 1629 <div style="color:var(--text-dim); font-size: 9px; margin-top: 4px;">Lvl 3-4</div> 1630 </div> 1631 <div class="badge-card" id="badge-lvl5"> 1632 <div class="badge-card-icon">âï¸</div> 1633 <div class="badge-card-title">Prompt Ustası</div> 1634 <div style="color:var(--text-dim); font-size: 9px; margin-top: 4px;">Lvl 5-6</div> 1635 </div> 1636 <div class="badge-card" id="badge-lvl7"> 1637 <div class="badge-card-icon">ð§ </div> 1638 <div class="badge-card-title">AI Gurusu</div> 1639 <div style="color:var(--text-dim); font-size: 9px; margin-top: 4px;">Lvl 7+</div> 1640 </div> 1641 </div> 1642 1643 <!-- Görevler Listesi --> 1644 <div class="xp-tasks-list"> 1645 <h4 style="color:#fff; margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 5px;">ð XP Kazanma Görevleri</h4> 1646 <div class="xp-task-item">
1647 <span class="xp-task-name">ð³ï¸ Anketlerde Oy Kullan</span> 1648 <div style="display: flex; gap: 10px; align-items: center;"> 1649 <span class="xp-task-reward">+20 XP</span> 1650 <span class="xp-task-status" id="task-status-vote">Tamamlanmadı</span> 1651 </div> 1652 </div> 1653 <div class="xp-task-item"> 1654 <span class="xp-task-name">ð Prompt Kopyala</span> 1655 <div style="display: flex; gap: 10px; align-items: center;"> 1656 <span class="xp-task-reward">+10 XP</span> 1657 <span class="xp-task-status" id="task-status-copy">Tamamlanmadı</span> 1658 </div> 1659 </div> 1660 <div class="xp-task-item"> 1661 <span class="xp-task-name">â AI Aracına Oy Ver</span> 1662 <div style="display: flex; gap: 10px; align-items: center;"> 1663 <span class="xp-task-reward">+15 XP</span> 1664 <span class="xp-task-status" id="task-status-rate">Tamamlanmadı</span> 1665 </div> 1666 </div> 1667 <div class="xp-task-item"> 1668 <span class="xp-task-name">ð¬ TopluluÄa Yorum Yaz</span> 1669 <div style="display: flex; gap: 10px; align-items: center;"> 1670 <span class="xp-task-reward">+15 XP</span> 1671 <span class="xp-task-status" id="task-status-comment">Tamamlanmadı</span> 1672 </div> 1673 </div> 1674 <div class="xp-task-item"> 1675 <span class="xp-task-name">ð¯ AI Araç Sihirbazını Tamamla</span> 1676 <div style="display: flex; gap: 10px; align-items: center;"> 1677 <span class="xp-task-reward">+50 XP</span> 1678 <span class="xp-task-status" id="task-status-quiz">Tamamlanmadı</span> 1679 </div> 1680 </div> 1681 </div> 1682 </div> 1683 </div> 1684 </div> 1685 1686 <!-- AI XP KarÅılama Modalı (HoÅ Geldiniz Modalı) --> 1687 <div id="welcomeModal" class="modal-overlay" style="display: none;" onclick="closeModalByOverlay(event, 'welcomeModal')"> 1688 <div class="modal-content" style="max-width: 550px !important; text-align: center; padding: 40px 30px;"> 1689 <span class="modal-close" onclick="closeModal('welcomeModal')">×</span> 1690 1691 <div class="welcome-badge-icon">ð§ </div> 1692 <h2 class="welcome-title-gradient">Yapay Zeka Dünyası'na HoÅ Geldiniz!</h2> 1693 <p class="welcome-intro-text"> 1694 Platformumuzda en güncel AI haberlerini takip edebilir, en popüler yapay zeka araçlarını keÅfedebilir ve hazır prompt kütüphanemizi kullanabilirsiniz. Deneyiminizi daha eÄlenceli kılmak için <strong>AI XP</strong> sistemini baÅlattık! 1695 </p> 1696 1697 <div class="welcome-features-grid"> 1698 <div class="welcome-feature-card" onclick="navigateTo('/haberler'); closeModal('welcomeModal');"> 1699 <div class="welcome-feature-icon">ð°</div> 1700 <div class="welcome-feature-title">Güncel AI Haberleri</div> 1701 <div class="welcome-feature-desc">Yapay zeka sektöründen en son geliÅmeleri takip edin.</div> 1702 </div> 1703 <div class="welcome-feature-card" onclick="navigateTo('/kategoriler'); closeModal('welcomeModal');"> 1704 <div class="welcome-feature-icon">ð ï¸</div> 1705 <div class="welcome-feature-title">Yapay Zeka Araçları</div> 1706 <div class="welcome-feature-desc">İhtiyacınıza en uygun yapay zeka aracını kategorilere göre keÅfedin.</div> 1707 </div> 1708 <div class="welcome-feature-card" onclick="window.location.href='prompts.html';"> 1709 <div class="welcome-feature-icon">ð</div> 1710 <div class="welcome-feature-title">Hazır Promptlar</div> 1711 <div class="welcome-feature-desc">Tek tıkla kopyalayıp kullanabileceÄiniz özel yapay zeka komutları.</div> 1712 </div> 1713 <div class="welcome-feature-card" onclick="navigateTo('/prompt-paylas'); closeModal('welcomeModal');"> 1714 <div class="welcome-feature-icon">âï¸</div> 1715 <div class="welcome-feature-title">Prompt PaylaÅ</div> 1716 <div class="welcome-feature-desc">
1716Kendi promptlarınızı toplulukla paylaÅarak anında XP kazanın.</div> 1717 </div> 1718 <div class="welcome-feature-card welcome-feature-card-full" onclick="closeModal('welcomeModal'); openModal('xpModal');"> 1719 <div class="welcome-feature-icon">ðï¸</div> 1720 <div class="welcome-feature-title">AI XP Seviyeleri & Profil</div> 1721 <div class="welcome-feature-desc">Sitede aktif kalarak puan kazanın, rütbenizi yükseltin ve rozetleri açın! (Profili Gör)</div> 1722 </div> 1723 </div> 1724 1725 <div class="welcome-actions-row"> 1726 <button class="welcome-btn welcome-btn-primary" onclick="closeModal('welcomeModal')"> 1727 Hemen KeÅfetmeye BaÅla ð 1728 </button> 1729 <button class="welcome-btn welcome-btn-secondary" onclick="closeModal('welcomeModal'); openModal('xpModal');"> 1730 ð¤ Profilimi Gör 1731 </button> 1732 </div> 1733 </div> 1734 </div> 1735 1736 <!-- Level Up Toast Bildirimi --> 1737 <div id="lvlUpToast" class="lvl-up-toast" style="display: none;"> 1738 <div class="lvl-up-title" id="lvl-up-title-text">TEBRİKLER! ð</div> 1739 <div style="color: #fff; font-size: 16px; font-weight: 700; margin: 10px 0;" id="lvl-up-msg">Yeni Seviye: Seviye 2</div> 1740 <div style="color: #ff9d00; font-size: 13px; font-weight: 600;" id="lvl-up-badge">Ãnvan: AI ÃıraÄı</div> 1741 </div> 1742 1743 1744 <div class="mobile-bottom-nav"> 1745 <a href="/haberler" class="nav-item"> 1746 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a4 4 0 0 1-4 4"/><path d="M10 2v20"/><path d="M14 7h6"/><path d="M14 12h6"/><path d="M14 17h6"/></svg> 1747 <span>Haberler</span> 1748 </a> 1749 <a href="/kategoriler" class="nav-item"> 1750 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="6" height="6"/><rect x="14" y="4" width="6" height="6"/><rect x="4" y="14" width="6" height="6"/><rect x="14" y="14" width="6" height="6"/></svg> 1751 <span>Araçlar</span> 1752 </a> 1753 <a href="/" class="nav-item center-logo"> 1754 <img src="logo-small.webp" alt="Logo" width="32" height="32" style="width: 32px; height: 32px; border-radius: 8px;"> 1755 <span>Ana Sayfa</span> 1756 </a> 1757 <a href="prompts.html" class="nav-item"> 1758 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"/></svg> 1759 <span>Promptlar</span> 1760 </a> 1761 <a href="/iletisim" class="nav-item"> 1762 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg> 1763 <span>İletiÅim</span> 1764 </a> 1765 </div> 1766 1767 <!-- Ãerez Onay / Cookie Consent Banner --> 1768 <div id="cookieBanner" class="cookie-banner"> 1769 <div class="cookie-content"> 1770 <div class="cookie-header"> 1771 <span>ðª</span> 1772 <h3>Ãerez Politikası</h3> 1773 </div> 1774 <p>Sitemizde size en iyi deneyimi sunabilmek, içerikleri kiÅiselleÅtirmek ve trafiÄimizi analiz etmek için çerezleri kullanıyoruz.</p> 1775 <div class="cookie-buttons"> 1776 <button class="btn-cookie-deny" onclick="handleCookie(false)">Reddet</button> 1777 <button class="btn-cookie-accept" onclick="handleCookie(true)">Tümünü Kabul Et</button> 1778 </div> 1779 </div> 1780 </div> 1781 1782 <!-- REKLAM MODAL --> 1783 <div id="reklamModal" class="modal-overlay" style="display: none;" onclick="closeModalByOverlay(event, 'reklamModal')"> 1784 <div class="modal-content">
1785 <span class="modal-close" onclick="closeModal('reklamModal')">×</span> 1786 <div class="modal-header"> 1787 <h2>ð¢ Reklam & İŠBirliÄi</h2> 1788 <p>Sitemizde markanızı veya ürününüzü öne çıkarın.</p> 1789 </div> 1790 <div class="modal-body"> 1791 <p>Aylık dinamik ziyaretçi kitlemize ulaÅmak, banner alanları, sponsorlu içerikler veya özel projeler geliÅtirmek için bizimle iletiÅime geçebilirsiniz.</p> 1792 <div class="reklam-seçenekleri"> 1793 <div class="secenek-kartı">ð¥ï¸ Banner</div> 1794 <div class="secenek-kartı">âï¸ Tanıtım</div> 1795 <div class="secenek-kartı">ð Bülten</div> 1796 </div> 1797 <div class="mail-box"> 1798 <a href="mailto:[email protected]?subject=[Reklam%20Hakkında]" class="mail-link">[email protected]</a> 1799 <button class="btn-copy" onclick="copyMail('[email protected]', this)">Kopyala</button> 1800 </div> 1801 </div> 1802 </div> 1803 </div> 1804 1805 <!-- AI ARACI YAYINLA MODAL --> 1806 <div id="aiModal" class="modal-overlay" style="display: none;" onclick="closeModalByOverlay(event, 'aiModal')"> 1807 <div class="modal-content" style="max-width: 500px !important;"> 1808 <span class="modal-close" onclick="closeModal('aiModal')">×</span> 1809 <div class="modal-header"> 1810 <h2>ð AI Aracını Dünyaya Duyur!</h2> 1811 <p>GeliÅtirdiÄin veya önerdiÄin yapay zeka aracını form üzerinden doÄrudan gönder, sitemizde listeleyelim.</p> 1812 </div> 1813 <div class="modal-body"> 1814 <form id="ai-add-form" onsubmit="submitAiApplication(event)" style="display: flex; flex-direction: column; gap: 15px;"> 1815 <div style="display: flex; flex-direction: column; gap: 6px;"> 1816 <label for="ai-add-name" style="font-size: 11px; font-weight: 800; color: #999; text-transform: uppercase;">Araç Adı</label> 1817 <input type="text" id="ai-add-name" required placeholder="Projenizin veya aracın adı (Ãrn: Artify AI)" 1818 style="background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border); border-radius: 8px; padding: 10px; color: #fff; font-size: 13px; outline: none;"> 1819 </div> 1820 <div style="display: flex; flex-direction: column; gap: 6px;"> 1821 <label for="ai-add-url" style="font-size: 11px; font-weight: 800; color: #999; text-transform: uppercase;">Web Sitesi (URL)</label> 1822 <input type="url" id="ai-add-url" required placeholder="https://artifyai.com" 1823 style="background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border); border-radius: 8px; padding: 10px; color: #fff; font-size: 13px; outline: none;"> 1824 </div> 1825 <div style="display: flex; flex-direction: column; gap: 6px;"> 1826 <label for="ai-add-category" style="font-size: 11px; font-weight: 800; color: #999; text-transform: uppercase;">Kategori Ãnerisi</label> 1827 <select id="ai-add-category" style="background: #18181b; border: 1px solid var(--glass-border); border-radius: 8px; padding: 10px; color: #fff; font-size: 13px; outline: none; cursor: pointer;"> 1828 <option value="gorsel">ð¨ Görsel Ãretimi & Tasarım</option> 1829 <option value="metin">âï¸ Metin Ãretimi & Yazarlık</option> 1830 <option value="video">ð¬ Video Ãretimi & Edit</option> 1831 <option value="ses">ðµ Ses & Müzik Ãretimi</option> 1832 <option value="yazilim">ð» Yazılım & Kodlama</option> 1833 <option value="is">ð¼ İŠ& Akıllı Asistanlar</option> 1834 </select> 1835 </div> 1836 <div style="display: flex; flex-direction: column; gap: 6px;"> 1837 <label for="ai-add-desc" style="font-size: 11px; font-weight: 800; color: #999; text-transform: uppercase;">Kısa Açıklama</label> 1838 <textarea id="ai-add-desc" required placeholder="Bu yapay zeka aracı ne iÅe yarıyor? (Ãrn: Saniyeler içinde sanatsal ve modern görseller üreten yapay zeka jeneratörü.)" rows="3" 1839 style="background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border); border-radius: 8px; padding: 10px; color: #fff; font-size: 13px; outline: none; resize: vertical;"></textarea> 1840 </div> 1841 <button type="submit" class="btn btn-primary" style="padding: 12px; font-weight: 700; width: 100%; margin-top: 5px;">ð BaÅvuruyu Gönder</button> 1842 </form> 1843 </div> 1844 </div> 1845 </div> 1846 1847 <!-- SUPABASE VE HAYALET MOD JS KODU --> 1848
1848<script> 1849 // Verileri Ãek ve Ekrana Bas 1850 async function loadAiTools() { 1851 const grid = document.getElementById('ai-tools-grid'); 1852 if (!grid) return; 1853 1854 const now = new Date().toISOString(); // Åu anki zaman (Hayalet Mod için) 1855 1856 try { 1857 // Supabase client nesnesini global window objesinden alıyoruz 1858 const supabaseClient = window.supabase; 1859 if (!supabaseClient) { 1860 console.error("Supabase istemcisi henüz yüklenmedi veya baÅlatılmadı!"); 1861 grid.innerHTML = '<div class="loading-text" style="color:#ef4444;">Supabase baÄlantısı kurulamadı.</div>'; 1862 return; 1863 } 1864 1865 // Hayalet Mod Filtresi: publish_date'i Åu anki zamandan küçük veya eÅit olanları getir 1866 const { data: tools, error } = await supabaseClient 1867 .from('ai_tools') 1868 .select('*') 1869 .lte('publish_date', now) 1870 .order('publish_date', { ascending: false }); 1871 1872 if (error) throw error; 1873 1874 grid.innerHTML = ''; // Yükleniyor yazısını temizle 1875 1876 if (!tools || tools.length === 0) { 1877 grid.innerHTML = '<div class="loading-text">Henüz yayınlanmıŠbir araç yok.</div>'; 1878 return; 1879 } 1880 1881 // Verileri HTML kartlarına dönüÅtür 1882 tools.forEach(tool => { 1883 const card = document.createElement('div'); 1884 card.className = 'tool-card'; 1885 1886 // EÄer veritabanında ikon yoksa varsayılan ikon ata 1887 const icon = tool.icon || 'ð¤'; 1888 1889 card.innerHTML = ` 1890 <div class="tool-icon">${icon}</div> 1891 <h3 class="tool-title">${tool.name}</h3> 1892 <p class="tool-desc">${tool.description}</p> 1893 <a href="${tool.url}" target="_blank" class="tool-link">Aracı İncele â</a> 1894 `; 1895 grid.appendChild(card); 1896 }); 1897 1898 } catch (err) { 1899 console.error("Araçlar çekilirken hata oluÅtu: ", err); 1900 grid.innerHTML = '<div class="loading-text" style="color:#ef4444;">Veriler yüklenemedi. BaÄlantınızı kontrol edin.</div>'; 1901 } 1902 } 1903 1904 // Sayfa yüklendiÄinde fonksiyonu çalıÅtır 1905 document.addEventListener("DOMContentLoaded", () => { 1906 // Supabase client initialization'ının tamamlanmasını hafifçe beklemek için küçük bir timeout 1907 setTimeout(loadAiTools, 100); 1908 }); 1909 </script>
vendor: 1 bytes, line 1909
1909
1910<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"c05f598299d84bba8cd8cc804ca7993d","r":1,"spa":2}' crossorigin="anonymous"></script>
1910 1911</body> 1912 1913</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.