1<html lang="tr"> 2<head> 3 <base href="https://yunak.bel.tr/"> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 8 <title>Belediyemiz birim mail adresleri</title> 9 <meta name="description" content="" /> 10 <meta name="keywords" content="" /> 11 12 <!-- Facebook Metadata Start --> 13 <meta property="og:image:height" content="300" /> 14 <meta property="og:image:width" content="573" /> 15 <meta property="og:title" content="Belediyemiz birim mail adresleri" /> 16 <meta property="og:description" content="" /> 17 <meta property="og:url" content="https://yunak.bel.tr/birim/belediyemiz-birim-mail-adresleri" /> 18 <meta property="og:image" content="https://yunak.bel.tr/tema/genel/uploads/logo/Yunak-Belediyesi-Beyaz-Logo.png" /> 19 <meta name="google-site-verification" content="77AqeY3dAjxcbc8sDqaDE7lhn0D2e9Babqrzn6I6Bsk" /> <link rel="shortcut icon" href="tema/genel/uploads/favicon/logo.png"> 20 21 <link rel="stylesheet" type="text/css" href="tema/genel/assets/css/normalize.css"> 22 <link rel="stylesheet" href="tema/genel/assets/bower_components/bootstrap/dist/css/bootstrap.min.css"> 23 <link rel="stylesheet" href="tema/genel/assets/bower_components/owl.carousel/dist/assets/owl.carousel.min.css"> 24 <link rel="stylesheet" href="tema/genel/assets/bower_components/components-font-awesome/css/all.css"> 25 26 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800,900|Roboto:400,500,700,900&display=swap" rel="stylesheet"> 27 <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext" rel="stylesheet"> 28 <link rel="preconnect" href="https://fonts.googleapis.com"> 29<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 30<link href="https://fonts.googleapis.com/css2?family=Briem+Hand:[email protected]&display=swap" rel="stylesheet"> 31 32 <link rel="stylesheet" href="tema/genel/assets/css/style.php"> 33 <link rel="stylesheet" href="tema/genel/assets/css/iziModal.min.css" type="text/css"> 34 <link rel="stylesheet" href="https://yunak.bel.tr/yonetim/vendors/iconfonts/flag-icon-css/css/flag-icon.min.css" /> 35 <link rel="stylesheet" href="tema/genel/assets/css/search.css"> 36 <link rel="stylesheet" href="tema/genel/assets/bower_components/plyr-master/dist/plyr.css"> 37 <link rel="stylesheet" href="tema/genel/assets/css/loader.css"> 38 <link rel="stylesheet" href="tema/genel/assets/css/fancybox.css" /> 39 40 <!-- Font Awesome CSS --> 41 <link rel="stylesheet" href="tema/genel/assets/css/font-awesome5.min.css" /> 42 <link rel="stylesheet" href="tema/genel/assets/css/all.css" /> 43
43<script src="tema/genel/assets/bower_components/jquery/dist/jquery.min.js"></script>
43 44
44<script src="tema/genel/assets/js/sweetalert2.all.min.js"></script>
44 45
45<script src="tema/genel/assets/js/sweetalert2.min.js"></script>
45 46 <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 46-47
46 47<script async src="https://www.googletagmanager.com/gtag/js?id=
47UA-92815712-1
vendor: 13 bytes, line 47
47"></script>
48<script> 49
vendor: 138 bytes, lines 49-53
49window.dataLayer = window.dataLayer || []; 50 function gtag(){dataLayer.push(arguments);} 51 gtag('js', new Date()); 52 53 gtag('config', '
53UA-92815712-1
vendor: 5 bytes, line 53
53');
54</script>
54 55 56
56<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58b57282384b6d76"></script>
vendor: 66 bytes, lines 56-58
56 57 58<script src="https://www.google.com/recaptcha/api.js?render=
586LeNbuIpAAAAAGkD3bGzt6hteXB2Vh9JuNiwTmEx
vendor: 14 bytes, lines 58-59
58"></script> 59
59<script> 60 function onClick(e) { 61 e.preventDefault(); 62 grecaptcha.ready(function() { 63 grecaptcha.execute('6LeNbuIpAAAAAGkD3bGzt6hteXB2Vh9JuNiwTmEx', {action: 'submit'}).then(function(token) { 64 // Add your logic to submit to your backend server here. 65 }); 66 }); 67 } 68 </script>
68 69 70</head> 71<body> 72 <div class="telefon"> 73 <a href="tel:03328512441" title="Telefon" alt="Telefon"><i class="fa fa-phone"></i></a> 74 <span class="tooltiptext">Telefon</span> 75</div> 76<div class="whatsapp"> 77 <a href="https://api.whatsapp.com/send?phone=900000000000" target="_blank" title="WhatsApp" alt="WhatsApp"><i class="fab fa-whatsapp"></i></a> 78 <span class="tooltiptext">WhatsApp</span> 79</div> <!-- MAİN BAÅLANGIÃ--> 80 <main class="main-wrap"> 81 82 <!-- HEADER BAÅLANGIà --> 83 <section class="header"> 84 85 <!-- HEADER-TOP BAÅLANGIà --> 86 <div class="header-top"> 87 <div class="container"> 88 89 <div> 90 <ul class="navs"> 91 <li class="hover-bar"> <a href="anasayfa"> Anasayfa </a></li> 92 <li class="hover-bar"> <a href="duyurular"> Duyurular </a></li> 93 <li class="hover-bar"> <a href="etkinlikler"> Etkinlikler </a></li> 94 <li class="hover-bar"> <a target="_blank" href="https://ebelediye.yunak.bel.tr/"> E-BELEDİYE GİRİŠ</a></li> 95 <li class="hover-bar"> <a href="birim/belediyemiz-birim-mail-adresleri"> BİRİMLER MAİL ADRESLERİ </a></li> 96 <li class="hover-bar"> <a href="iletisim"> İletiÅim Formu </a></li> 97 <li class="hover-bar"> <a href="icerik/kvk-beyani"> KVK Beyanı </a></li> 98 </ul> 99 <span class="h-border"></span> 100 <ul class="social"> 101 <li><a title="facebook" href="https://www.facebook.com/yunak.belediyesi"><i class="fab fa-facebook-f"></i></a></li> <li><a title="telegram" href="https://twitter.com/yunakbelediyesi"><i class="fab fa-twitter"></i></a></li> <li><a title="instagram" href="https://instagram.com/yunakbelediyesi"><i class="fab fa-instagram"></i></a></li> <li><a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a></li> <li><a title="youtube" href="https://www.youtube.com/@YunakBelediyesi42"><i class="fab fa-youtube"></i></a></li> </ul> 102 </div> 103 104 105 </div> 106 </div> 107 <!-- HEADER-TOP BİTİŠ--> 108 109 <!-- HEADER-BOTTOM BAÅLANGIà --> 110 <div class="header-bottom"> 111 <div class="container"> 112 113 <div class="row"> 114 115 <div class="col-xl-2 col-lg-4 col-md-4 logo-box"> 116 <a href="anasayfa"><img class="logo z-index-9" src="tema/genel/uploads/logo/Yunak-Belediyesi-Beyaz-Logo.png" alt="Yunak Belediye BaÅkanlıÄı"></a> 117 </div> 118 <div class="col-xl-9 col-lg-7 col-md-4 p-0 position-static"> 119 <ul class="navs"> 120 <!-- alt menü yok BAÅLANGIà --> 121 <li class="header-item"> 122 <a class="hover-bar" href="icerik/baskan-ozgecmis">BAÅKAN</a> 123 </li> 124 <!-- alt menü yok BİTİŠ--> 125 126 <!-- MENà TİP 1 BAÅLANGIà --> 127 <li class="header-item"> 128 <a class="hover-bar" href=" #">KURUMSAL</a> 129 <div class="header-dropdown bg-red"> 130 <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image"> 131 <div class="container"> 132 <div class="row py-5"> 133 <div class="col-3 py-3"> 134 <div class="link-box"> 135 <a href="meclis-kararlari"> 136 Meclis Kararları </a> 137 </div> 138 </div> 139 <div class="col-3 py-3"> 140 <div class="link-box"> 141 <a href="faaliyet-raporlari"> 142 Faaliyet Raporları </a> 143 </div> 144 </div> 145 <div class="col-3 py-3"> 146 <div class="link-box"> 147 <a href="icerik/kesin-hesap"> 148 Kesin Hesap </a> 149 </div> 150 </div> 151 <div class="col-3 py-3"> 152 <div class="link-box"> 153 <a href="profil-kategori/meclis-uyeleri"> 154 Meclis Ãyeleri </a> 155 </div> 156 </div> 157 <div class="col-3 py-3"> 158 <div class="link-box"> 159 <a href="profil-kategori/buyuksehir-meclis-uyeleri"> 160 BüyükÅehir Meclis Ãyeleri </a> 161 </div> 162 </div> 163 <div class="col-3 py-3"> 164 <div class="link-box"> 165 <a href="profil-kategori/belediye-personeli"> 166 Belediye Personeli </a> 167 </div> 168 </div> 169 <div class="col-3 py-3"> 170 <div class="link-box"> 171 <a href="profil-kategori/muhtarlarimiz"> 172 Muhtarlarımız </a> 173 </div> 174 </div> 175 <div class="col-3 py-3"> 176 <div class="link-box"> 177 <a href="duyurular"> 178 Güncel Duyurular </a> 179 </div> 180 </div> 181 <div class="col-3 py-3"> 182 <div class="link-box"> 183 <a href="ilanlar"> 184 Güncel İlanlar </a> 185 </div> 186 </div> 187 </div> 188 </div> 189 </div> 190 191 </li> 192 <!-- MENà TİP 1 BİTİŠ--> 193 194 <!-- MENà TİP 1 BAÅLANGIà --> 195 <li class="header-item"> 196 <a class="hover-bar" href="hizmetler">HİZMETLERİMİZ</a> 197 <div class="header-dropdown bg-red"> 198 <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image"> 199 <div class="container"> 200 <div class="row py-5"> 201 <div class="col-3 py-3"> 202 <div class="link-box"> 203 <a href="hizmet/imar-isleri"> 204 İmar İÅleri </a> 205 </div> 206 </div> 207 <div class="col-3 py-3"> 208 <div class="link-box"> 209 <a href="hizmet/yapi-kullanim"> 210 Yapı Kullanım </a> 211 </div> 212 </div> 213 <div class="col-3 py-3"> 214 <div class="link-box"> 215 <a href="hizmet/insaat-ruhsati"> 216 İnÅaat Ruhsatı </a> 217 </div> 218 </div> 219 <div class="col-3 py-3"> 220 <div class="link-box"> 221 <a href="hizmet/vergi-islemleri"> 222 Vergi İÅlemleri </a> 223 </div> 224 </div> 225 <div class="col-3 py-3"> 226 <div class="link-box"> 227 <a href="hizmet/isyeri-acma-ruhsati"> 228 İÅyeri Açma Ruhsatı </a> 229 </div> 230 </div> 231 <div class="col-3 py-3"> 232 <div class="link-box"> 233 <a href="hizmet/evlilik-hizmetleri"> 234 Evlilik Hizmetleri </a> 235 </div> 236 </div> 237 <div class="col-3 py-3"> 238 <div class="link-box tumunu-gor"> 239 <a href="hizmetler"> 240 Tümünü Gör <i class="far fa-arrow-right ml-2"></i> 241 </a> 242 </div> 243 </div> 244 </div> 245 </div> 246 </div> 247 248 </li> 249 <!-- MENà TİP 1 BİTİŠ--> 250 251 <!-- MENà TİP 1 BAÅLANGIà --> 252 <li class="header-item"> 253 <a class="hover-bar" href="birimler">BİRİMLER</a> 254 <div class="header-dropdown bg-red"> 255 <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image"> 256 <div class="container"> 257 <div class="row py-5"> 258 <div class="col-3 py-3"> 259 <div class="link-box"> 260 <a href="birim/yazi-isleri-mudurlugu"> 261 Yazı İÅler
261i MüdürlüÄü </a> 262 </div> 263 </div> 264 <div class="col-3 py-3"> 265 <div class="link-box"> 266 <a href="birim/mali-hizmetler-mudurlugu"> 267 Mali Hizmetler MüdürlüÄü </a> 268 </div> 269 </div> 270 <div class="col-3 py-3"> 271 <div class="link-box"> 272 <a href="birim/insan-kaynaklari-ve-egit-mudurlugu"> 273 İnsan Kaynakları Ve EÄit.MüdürlüÄü </a> 274 </div> 275 </div> 276 <div class="col-3 py-3"> 277 <div class="link-box"> 278 <a href="birim/fen-isleri-imar-mudurlugu"> 279 Fen İÅleri İmar MüdürlüÄü </a> 280 </div> 281 </div> 282 <div class="col-3 py-3"> 283 <div class="link-box"> 284 <a href="birim/zabita-amirligi"> 285 Zabıta AmirliÄi </a> 286 </div> 287 </div> 288 <div class="col-3 py-3"> 289 <div class="link-box"> 290 <a href="https://www.yunak.bel.tr/anasayfa"> 291 Kültür ve Sosyal İÅler MüdürlüÄü </a> 292 </div> 293 </div> 294 <div class="col-3 py-3"> 295 <div class="link-box"> 296 <a href="birim/bilgi-islem-birimi"> 297 Bilgi İÅlem </a> 298 </div> 299 </div> 300 <div class="col-3 py-3"> 301 <div class="link-box"> 302 <a href="birim/evrak-kayit-birimi"> 303 Evrak Kayıt-Kabul Birimi </a> 304 </div> 305 </div> 306 <div class="col-3 py-3"> 307 <div class="link-box tumunu-gor"> 308 <a href="birimler.html"> 309 Tümünü Gör <i class="far fa-arrow-right ml-2"></i> 310 </a> 311 </div> 312 </div> 313 </div> 314 </div> 315 </div> 316 317 </li> 318 <!-- MENà TİP 1 BİTİŠ--> 319 320 321 <!-- MENà TİP 2 BAÅLANGIà --> 322 <li class="header-item"> 323 <a class="hover-bar" href="projeler">PROJELER</a> 324 <!-- MENà TİP 2 haber ve haber k
324ategorisi açık isteniyorsa BAÅLANGIÃ--> 325 <!-- MENà TİP 2 PROJELER ve PROJE kategorisi açık isteniyorsa BAÅLANGIÃ--> 326 <div class="header-dropdown bg-white"> 327 <div class="container-fluid"> 328 <div class="row"> 329 <div class="col-4 py-5 pr-0 right-shadow"> 330 <ul class="header-tabs"> 331 <li class="active mb-2 tab-link" datatarget="#tamamlanan-projeler"> 332 <i class="fal fa-chevron-right mr-2"></i> TAMAMLANAN PROJELER </li> 333 <li class=" mb-2 tab-link" datatarget="#planlanan-projeler"> 334 <i class="fal fa-chevron-right mr-2"></i> PLANLANAN PROJELER </li> 335 <li class=" mb-2 tab-link" datatarget="#devam-eden-projeler"> 336 <i class="fal fa-chevron-right mr-2"></i> DEVAM EDEN PROJELER </li> 337 </ul> 338 </div> 339 <div class="col-8 py-4"> 340 <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image"> 341 <div class="tab-panel active" id="tamamlanan-projeler"> 342 <div class="row"> 343 <div class="col-12"> 344 <h3 class="g-title"> 345 TAMAMLANAN PROJELER <a class="drp-tumunu-gor hover-bar" href="proje-kategori/tamamlanan-projeler"> 346 Tümünü Gör </a> 347 </h3> 348 </div> 349 <div class="col-4 my-3"> 350 <div class="drp-haber-box"> 351 <a href="proje/esentepe-mahallesi-3-etap-ta-yapimina-baslanan-216-sosyal-konut-tamamlandi"> 352 <div class="row m-0"> 353 <div class="col-4 p-0"> 354 <img src="tema/genel/uploads/projeler/499ab735-4644-4f6b-9589-305958e84f43.jpg" onerror="imgError(this);"> 355 </div> 356 <div class="col-8 p-0 content"> 357 <div> 358 <h4> 359 Esentepe Mahallesi 3. Etap'ta yapımına baÅlanan 216 sosyal konut tamamlandı. </h4> 360 <p>10 Nisan 2026, 16:15</p> 361 </div> 362 </div> 363 </div> 364 </a> 365 </div> 366 </div> 367 <div class="col-4 my-3"> 368 <div class="drp-haber-box"> 369 <a href="proje/esentepe-mahallesi-3-etap-toki-216-konut-1-cami-ve-3-dukkanli-ticaret-merkezi"> 370 <div class="row m-0"> 371 <div class="col-4 p-0"> 372 <img src="tema/genel/uploads/projeler/510113eb-d47e-411a-bd4a-383be5f37132.jpeg" onerror="imgError(this);"> 373 </div> 374 <div class="col-8 p-0 content"> 375 <div> 376 <h4> 377 Esentepe Mahallesi 3. Etap Toki 216 Konut 1 Cami ve 3 Dükkanlı Ticaret Merkezi </h4> 378 <p>17 Ekim 2025, 16:07</p> 379 </div> 380 </div> 381 </div> 382 </a> 383 </div> 384 </div> 385 <div class="col-4 my-3"> 386 <div class="drp-haber-box"> 387 <a href="proje/millet-bahcemiz-yeni-hizmetleriyle-daha-konforlu-hale-geldi"> 388 <div class="row m-0"> 389 <div class="col-4 p-0"> 390 <img src="tema/genel/uploads/projeler/19af8912-2b69-437f-8e90-725d4851c292.jpeg" onerror="imgError(this);"> 391 </div> 392 <div class="col-8 p-0 content"> 393 <div> 394 <h4> 395 Millet Bahçemiz Yeni Hizmetleriyle Daha Konforlu Hale Geldi. </h4> 396 <p>17 Ekim 2025, 15:59</p> 397 </div> 398 </div> 399 </div> 400 </a> 401 </div> 402 </div> 403 <div class="col-4 my-3"> 404 <div class="drp-haber-box"> 405 <a href="proje/kardelen-cay-bahcesi-yeni-yuzuyle-tamamlandi"> 406 <div class="row m-0"> 407 <div class="col-4 p-0"> 408 <img src="tema/genel/uploads/projeler/5d3096c9-445e-44a1-bd86-8def550f9844.jpg" onerror="imgError(this);"> 409 </div> 410 <div class="col-8 p-0 content"> 411 <div> 412 <h4> 413 Kardelen Ãay Bahçesi Yeni Yüzü
413yle Tamamlandı. </h4> 414 <p>16 Eylül 2025, 14:06</p> 415 </div> 416 </div> 417 </div> 418 </a> 419 </div> 420 </div> 421 <div class="col-4 my-3"> 422 <div class="drp-haber-box"> 423 <a href="proje/esme-mahallesi-sel-riskine-karsi-dayanikli-alt-yapi"> 424 <div class="row m-0"> 425 <div class="col-4 p-0"> 426 <img src="tema/genel/uploads/projeler/EÅme-Mahallesi.jpg" onerror="imgError(this);"> 427 </div> 428 <div class="col-8 p-0 content"> 429 <div> 430 <h4> 431 EÅme Mahallesi Sel Riskine KarÅı Dayanıklı Alt Yapı </h4> 432 <p>13 Aralık 2024, 15:23</p> 433 </div> 434 </div> 435 </div> 436 </a> 437 </div> 438 </div> 439 <div class="col-4 my-3"> 440 <div class="drp-haber-box"> 441 <a href="proje/piribeyli-cay-bahcesi-yenilendi"> 442 <div class="row m-0"> 443 <div class="col-4 p-0"> 444 <img src="tema/genel/uploads/projeler/451482044_122125590746313256_4006730396364187799_n.jpg" onerror="imgError(this);"> 445 </div> 446 <div class="col-8 p-0 content"> 447 <div> 448 <h4> 449 Piribeyli Ãay Bahçesi Yenilendi </h4> 450 <p>19 Temmuz 2024, 14:19</p> 451 </div> 452 </div> 453 </div> 454 </a> 455 </div> 456 </div> 457 <div class="col-4 my-3"> 458 <div class="drp-haber-box"> 459 <a href="proje/yunak-camlik-alani"> 460 <div class="row m-0"> 461 <div class="col-4 p-0"> 462 <img src="tema/genel/uploads/projeler/WhatsApp-Image-2024-06-25-at-08.13.20.jpeg" onerror="imgError(this);"> 463 </div> 464 <div class="col-8 p-0 content"> 465 <div> 466 <h4> 467 Yunak Ãamlık Alanı </h4> 468 <p>27 Haziran 2024, 13:48</p> 469 </div> 470 </div> 471 </div> 472 </a> 473 </div> 474 </div> 475 <div class="col-4 my-3"> 476 <div class="drp-haber-box"> 477 <a href="proje/yunak-kent-parki"> 478 <div class="row m-0"> 479 <div class="col-4 p-0"> 480 <img src="tema/genel/uploads/projeler/ea1531b1-5d83-4750-847e-2f3feb269d2b-1.jpg" onerror="imgError(this);"> 481 </div> 482 <div class="col-8 p-0 content"> 483 <div> 484 <h4> 485 Yunak Kent Parkı </h4> 486 <p>18 Haziran 2024, 00:00</p> 487 </div> 488 </div> 489 </div> 490 </a> 491 </div> 492 </div> 493 <div class="col-4 my-3"> 494 <div class="drp-haber-box"> 495 <a href="proje/ilan-hoparlor-sisteminin-yenilenmesi"> 496 <div class="row m-0"> 497 <div class="col-4 p-0"> 498 <img src="tema/genel/uploads/projeler/417398292_122118327110313256_3245862110550660271_n.jpg" onerror="imgError(this);"> 499 </div> 500 <div class="col-8 p-0 content"> 501 <div> 502 <h4> 503 İlan Hoparlör Sisteminin Yenilenmesi </h4> 504 <p>18 Haziran 2024, 00:51</p> 505 </div> 506 </div> 507 </div> 508 </a> 509 </div> 510 </div>
511 </div> 512 </div> 513 <div class="tab-panel " id="planlanan-projeler"> 514 <div class="row"> 515 <div class="col-12"> 516 <h3 class="g-title"> 517 PLANLANAN PROJELER <a class="drp-tumunu-gor hover-bar" href="proje-kategori/planlanan-projeler"> 518 Tümünü Gör </a> 519 </h3> 520 </div> 521 <div class="col-4 my-3"> 522 <div class="drp-haber-box"> 523 <a href="proje/esentepe-mahallesi-kir-dugun-salonu-ve-aile-cay-bahcesi"> 524 <div class="row m-0"> 525 <div class="col-4 p-0"> 526 <img src="tema/genel/uploads/projeler/c86b543f-933e-4ef2-83be-cf6fd0407c46.jpeg" onerror="imgError(this);"> 527 </div> 528 <div class="col-8 p-0 content"> 529 <div> 530 <h4> 531 Esentepe Mahallesi Kır DüÄün Salonu ve Aile Ãay Bahçesi </h4> 532 <p>17 Ekim 2025, 16:04</p> 533 </div> 534 </div> 535 </div> 536 </a> 537 </div> 538 </div> 539 </div> 540 </div> 541 <div class="tab-panel " id="devam-eden-projeler"> 542 <div class="row"> 543 <div class="col-12"> 544 <h3 class="g-title"> 545 DEVAM EDEN PROJELER <a class="drp-tumunu-gor hover-bar" href="proje-kategori/devam-eden-projeler"> 546 Tümünü Gör </a> 547 </h3> 548 </div> 549 <div class="col-4 my-3"> 550 <div class="drp-haber-box"> 551 <a href="proje/yunak-otogar-projesi"> 552 <div class="row m-0"> 553 <div class="col-4 p-0"> 554 <img src="tema/genel/uploads/projeler/574060147_2714751842250483_7911859468019389835_n.jpg" onerror="imgError(this);"> 555 </div> 556 <div class="col-8 p-0 content"> 557 <div> 558 <h4> 559 Yunak Otogar Projesi </h4> 560 <p>03 Kasım 2025, 16:09</p> 561 </div> 562 </div> 563 </div> 564 </a> 565 </div> 566 </div> 567 <div class="col-4 my-3"> 568 <div class="drp-haber-box"> 569 <a href="proje/yunak-a-94-konutluk-toki-projesi"> 570 <div class="row m-0"> 571 <div class="col-4 p-0"> 572 <img src="tema/genel/uploads/projeler/573058962_2714614858930848_6401704039047371556_n.jpg" onerror="imgError(this);"> 573 </div> 574 <div class="col-8 p-0 content"> 575 <div> 576 <h4> 577 Yunakâa 94 Konutluk TOKİ Projesi </h4> 578 <p>03 Kasım 2025, 16:03</p> 579 </div> 580 </div> 581 </div> 582 </a> 583 </div> 584 </div> 585 <div class="col-4 my-3"> 586 <div class="drp-haber-box"> 587 <a href="proje/dogalgaz-alt-yapi-calismasi"> 588 <div class="row m-0"> 589 <div class="col-4 p-0"> 590 <img src="tema/genel/uploads/projeler/yeni7.jpg" onerror="imgError(this);"> 591 </div> 592 <div class="col-8 p-0 content"> 593 <div> 594 <h4> 595 DoÄalgaz Alt Yapı ÃalıÅması </h4> 596 <p>03 Mayıs 2024, 09:23</p> 597 </div> 598 </div> 599 </div> 600 </a> 601 </div> 602 </div>
603 </div> 604 </div> 605 </div> 606 </div> 607 </div> 608 </div> 609 <!-- MENà TİP 2 PROJELER ve PROJE kategorisi açık isteniyorsa BİTİÅ--> 610 <!-- MENà TİP 2 PROFİLLER ve PROFİL kategorisi açık isteniyorsa BİTİÅ--> 611 612 </li> 613 614 615 <!-- MENà TİP 2 BAÅLANGIà --> 616 <li class="header-item"> 617 <a class="hover-bar" href="haberler">HABERLER</a> 618 <!-- MENà TİP 2 haber ve haber kategorisi açık isteniyorsa BAÅLANGIÃ--> 619 <div class="header-dropdown bg-white"> 620 <div class="container-fluid"> 621 <div class="row"> 622 <div class="col-4 py-5 pr-0 right-shadow"> 623 <ul class="header-tabs"> 624 <li class="active mb-2 tab-link" datatarget="#genel-haberler"> 625 <i class="fal fa-chevron-right mr-2"></i> GENEL HABERLER </li> 626 <li class=" mb-2 tab-link" datatarget="#egitim"> 627 <i class="fal fa-chevron-right mr-2"></i> EÄİTİM </li> 628 <li class=" mb-2 tab-link" datatarget="#spor"> 629 <i class="fal fa-chevron-right mr-2"></i> SPOR </li> 630 <li class=" mb-2 tab-link" datatarget="#ulasim"> 631 <i class="fal fa-chevron-right mr-2"></i> ULAÅIM </li> 632 </ul> 633 </div> 634 <div class="col-8 py-4"> 635 <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image"> 636 <div class="tab-panel active" id="genel-haberler"> 637 <div class="row"> 638 <div class="col-12"> 639 <h3 class="g-title"> 640 GENEL HABERLER <a class="drp-tumunu-gor hover-bar" href="haber-kategori/genel-haberler"> 641 Tümünü Gör </a> 642 </h3> 643 </div> 644 <div class="col-4 my-3"> 645 <div class="drp-haber-box"> 646 <a href="haber/milletvekilimiz-orhan-erdem-ve-bakan-yardimcimiz-musa-heybet-ilcemizi-ziyaret-etti"> 647 <div class="row m-0"> 648 <div class="col-4 p-0"> 649 <img src="tema/genel/uploads/haberler/802674590_3023281504730847_2827320461885066560_n.jpg" onerror="imgError(this);"> 650 </div> 651 <div class="col-8 p-0 content"> 652 <div> 653 <h4> 654 Milletvekilimiz Orhan Erdem ve Bakan Yardımcımız Musa Heybet İlçemizi Ziyaret Etti. </h4> 655 <p>24 Eylül 2026, 16:09</p> 656 </div> 657 </div> 658 </div> 659 </a> 660 </div> 661 </div> 662 <div class="col-4 my-3"> 663 <div class="drp-haber-box"> 664 <a href="haber/ilcemizde-yks-ve-lgs-basarisi-gosteren-ogrenciler-odullendirildi"> 665 <div class="row m-0"> 666 <div class="col-4 p-0"> 667 <img src="tema/genel/uploads/haberler/800781208_3011227542602910_4785652161886831719_n.jpg" onerror="imgError(this);"> 668 </div> 669 <div class="col-8 p-0 content"> 670 <div> 671 <h4> 672 İlçemizde YKS ve LGS BaÅarısı Gösteren ÃÄrenciler Ãdüllendirildi. </h4> 673 <p>11 Eylül 2026, 14:28</p> 674 </div> 675 </div> 676 </div> 677 </a> 678 </div> 679 </div> 680 <div class="col-4 my-3"> 681 <div class="drp-haber-box"> 682 <a href="haber/yunak-ta-30-agustos-zafer-bayrami-nin-104-yil-donumu-kutlandi"> 683 <div class="row m-0"> 684 <div class="col-4 p-0"> 685 <img src="tema/genel/uploads/haberler/789216602_1345317957684512_566259512240693683_n.jpg" onerror="imgError(this);"> 686 </div> 687 <div class="col-8 p-0 content"> 688 <div> 689 <h4> 690 Yunakâta 30 AÄustos Zafer Bayramıânın 104. Yıl Dönümü Kutlandı. </h4> 691 <p>30 AÄustos 2026, 14:18</p> 692 </div> 693 </div> 694 </div> 695 </a> 696 </div> 697 </div> 698 <div class="col-4 my-3"> 699 <div class="drp-haber-box"> 700 <a href="haber/gule-oynaya-camiye-gel-projesiyle-cocuklarimiz-bisikletlerine-kavustu"> 701 <div class="row m-0"> 702 <div class="col-4 p-0"> 703 <img src="tema/genel/uploads/haberler/785759124_1051460687287500_5548836907355527557_n.jpg" onerror="imgError(this);"> 704 </div> 705 <div class="col-8 p-0 content"> 706 <div> 707 <h4> 708 Güle Oynaya Camiye Gel Projesiyle Ãocuklarımız Bisikletlerine KavuÅtu. </h4> 709 <p>25 AÄustos 2026, 12:24</p> 710 </div> 711 </div> 712 </div> 713 </a> 714 </div> 715 </div> 716 <div class="col-4 my-3"> 717 <div class="drp-haber-box"> 718 <a href="haber/mevlid-kandili-miz-mubarek-olsun"> 719 <div class="row m-0"> 720 <div class="col-4 p-0"> 721 <img src="tema/genel/uploads/haberler/ChatGPT-Image-25-AÄu-2026-10_26_24.png" onerror="imgError(this);"> 722 </div> 723 <div class="col-8 p-0 content"> 724 <div> 725 <h4> 726 Mevlid Kandili'miz Mübarek Olsun... </h4> 727 <p>25 AÄustos 2026, 10:26</p> 728 </div> 729 </div> 730 </div> 731 </a> 732 </div> 733 </div> 734 <div class="col-4 my-3"> 735 <div class="drp-haber-box"> 736 <a href="haber/belediyemiz-arac-filosuna-2-yeni-cop-toplama-araci-kazandirildi"> 737 <div class="row m-0"> 738 <div class="col-4 p-0"> 739 <img src="tema/genel/uploads/haberler/ChatGPT-Image-25-AÄu-2026-10_22_43.png" onerror="imgError(this);"> 740 </div> 741 <div class="col-8 p-0 content"> 742 <div> 743 <h4> 744 Belediyemiz Araç Filosuna 2 Yeni Ãöp Toplama Aracı Kazandırıldı </h4> 745 <p>25 AÄustos 2026, 10:18</p> 746 </div> 747 </div> 748 </div> 749 </a> 750 </div> 751 </div> 752 <div class="col-4 my-3"> 753 <div class="drp-haber-box"> 754 <a href="haber/konya-kultur-gunleri-yunak-ta-coskuyla-gerceklestirildi"> 755 <div class="row m-0"> 756 <div class="col-4 p-0"> 757 <img src="tema/genel/uploads/haberler/765777146_2978621112530220_4830609116134454636_n.jpg" onerror="imgError(this);"> 758 </div> 759 <div class="col-8 p-0 content"> 760 <div> 761 <h4> 762 Konya Kültür Günleri Yunakâta CoÅkuyla GerçekleÅtirildi.
762 </h4> 763 <p>10 AÄustos 2026, 12:35</p> 764 </div> 765 </div> 766 </div> 767 </a> 768 </div> 769 </div> 770 <div class="col-4 my-3"> 771 <div class="drp-haber-box"> 772 <a href="haber/personel-istisare-toplantisi-gerceklestirildi"> 773 <div class="row m-0"> 774 <div class="col-4 p-0"> 775 <img src="tema/genel/uploads/haberler/765898191_2976431349415863_3015547172593218626_n.jpg" onerror="imgError(this);"> 776 </div> 777 <div class="col-8 p-0 content"> 778 <div> 779 <h4> 780 Personel İstiÅare Toplantısı GerçekleÅtirildi </h4> 781 <p>07 AÄustos 2026, 12:24</p> 782 </div> 783 </div> 784 </div> 785 </a> 786 </div> 787 </div> 788 <div class="col-4 my-3"> 789 <div class="drp-haber-box"> 790 <a href="haber/saray-mahallesi-icme-suyu-kuyu-acma-calismalari-yerinde-incelendi"> 791 <div class="row m-0"> 792 <div class="col-4 p-0"> 793 <img src="tema/genel/uploads/haberler/1af1e332-1e20-458f-bc57-59c2282f44d5.jpg" onerror="imgError(this);"> 794 </div> 795 <div class="col-8 p-0 content"> 796 <div> 797 <h4> 798 Saray Mahallesi İçme Suyu Kuyu Açma ÃalıÅmaları Yerinde İncelendi. </h4> 799 <p>02 AÄustos 2026, 12:15</p> 800 </div> 801 </div> 802 </div> 803 </a> 804 </div> 805 </div> 806 <div class="col-4 my-3"> 807 <div class="drp-haber-box"> 808 <a href="haber/yunak-heyetinden-ankara-da-onemli-ziyaretler"> 809 <div class="row m-0"> 810 <div class="col-4 p-0"> 811 <img src="tema/genel/uploads/haberler/52de3e9a-5f00-4c19-8b1c-7d9cdb5a1c95.jpg" onerror="imgError(this);"> 812 </div> 813 <div class="col-8 p-0 content"> 814 <div> 815 <h4> 816 Yunak Heyetinden Ankaraâda Ãnemli Ziyaretler </h4> 817 <p>30 Temmuz 2026, 12:10</p> 818 </div> 819 </div> 820 </div> 821 </a> 822 </div> 823 </div> 824 <div class="col-4 my-3"> 825 <div class="drp-haber-box"> 826 <a href="haber/milletin-yazdigi-destan-yunak-ta-bir-kez-daha-yasandi"> 827 <div class="row m-0"> 828 <div class="col-4 p-0"> 829 <img src="tema/genel/uploads/haberler/749403325_2955484201510578_4768570878667368184_n.jpg" onerror="imgError(this);"> 830 </div> 831 <div class="col-8 p-0 content"> 832 <div> 833 <h4> 834 Milletin YazdıÄı Destan Yunakâta Bir Kez Daha YaÅandı. </h4> 835 <p>16 Temmuz 2026, 13:38</p> 836 </div> 837 </div> 838 </div> 839 </a> 840 </div> 841 </div> 842 <div class="col-4 my-3"> 843 <div class="drp-haber-box"> 844 <a href="haber/yunak-ta-15-temmuz-demokrasi-ve-milli-birlik-gunu-anma-programi-gerceklestirildi"> 845 <div class="row m-0"> 846 <div class="col-4 p-0"> 847 <img src="tema/genel/uploads/haberler/747889207_29550
84771578218507_5627780304220683193_n.jpg" onerror="imgError(this);"> 848 </div> 849 <div class="col-8 p-0 content"> 850 <div> 851 <h4> 852 Yunak'ta 15 Temmuz Demokrasi ve Millî Birlik Günü Anma Programı GerçekleÅtirildi. </h4> 853 <p>16 Temmuz 2026, 12:33</p> 854 </div> 855 </div> 856 </div> 857 </a> 858 </div> 859 </div> 860 </div> 861 </div> 862 <div class="tab-panel " id="egitim"> 863 <div class="row"> 864 <div class="col-12"> 865 <h3 class="g-title"> 866 EÄİTİM <a class="drp-tumunu-gor hover-bar" href="haber-kategori/egitim"> 867 Tümünü Gör </a> 868 </h3> 869 </div> 870 </div> 871 </div> 872 <div class="tab-panel " id="spor"> 873 <div class="row"> 874 <div class="col-12"> 875 <h3 class="g-title"> 876 SPOR <a class="drp-tumunu-gor hover-bar" href="haber-kategori/spor"> 877 Tümünü Gör </a> 878 </h3> 879 </div> 880 </div> 881 </div> 882 <div class="tab-panel " id="ulasim"> 883 <div class="row"> 884 <div class="col-12"> 885 <h3 class="g-title"> 886 ULAÅIM <a class="drp-tumunu-gor hover-bar" href="haber-kategori/ulasim"> 887 Tümünü Gör </a> 888 </h3> 889 </div> 890 </div> 891 </div> 892 </div> 893 </div> 894 </div> 895 </div>
896 <!-- MENà TİP 2 haber ve haber kategorisi açık isteniyorsa BİTİÅ--> 897 <!-- MENà TİP 2 PROFİLLER ve PROFİL kategorisi açık isteniyorsa BİTİÅ--> 898 899 </li> 900 901 <!-- MENà TİP 1 BAÅLANGIà --> 902 <li class="header-item"> 903 <a class="hover-bar" href=" #">KENT REHBERİ</a> 904 <div class="header-dropdown bg-red"> 905 <img src="tema/genel/uploads/arkaplan/arkaplan21/1_1.jpg" class="bg-image"> 906 <div class="container"> 907 <div class="row py-5"> 908 <div class="col-3 py-3"> 909 <div class="link-box"> 910 <a href="icerik/tarihce"> 911 Tarihçe </a> 912 </div> 913 </div> 914 <div class="col-3 py-3"> 915 <div class="link-box"> 916 <a href="icerik/turizm"> 917 İlçe Turizmi </a> 918 </div> 919 </div> 920 </div> 921 </div> 922 </div> 923 924 </li> 925 <!-- MENà TİP 1 BİTİŠ--> 926 927 <!-- alt menü yok BAÅLANGIà --> 928 <li class="header-item"> 929 <a class="hover-bar" href="iletisim">İLETİÅİM</a> 930 </li> 931 <!-- alt menü yok BİTİŠ--> 932 933 </ul> 934 </div> 935 <div class="col-md-1"> 936 <div class="search-box"> 937 <a href="javascript:void(0)" id="btn-search"> 938 <i class="fas fa-search"></i> 939 </a> 940 </div> 941 </div> 942 943 </div> 944 945 946 </div> 947 </div> 948 <!-- HEADER-BOTTOM BİTİŠ--> 949 950 <!-- HEADER-MOBİLE BAÅLANGIà --> 951 <div class="header-mobile"> 952 <div class="container"> 953 954 <div class="row"> 955 956 <div class="col-4 hamburger-box"> 957 <div id="sidebarCollapse" class="icon"> 958 <div class="hamburger"> 959 </div> 960 </div> 961 </div> 962 <div class="col-4 logo-box"> 963 <a href="anasayfa"><img class="logo" src="tema/genel/uploads/logo/Yunak-Belediyesi-Beyaz-Logo.png" alt="Yunak Belediye BaÅkanlıÄı"></a> 964 </div> 965 <div class="col-4"> 966 <div class="search-box"> 967 <a href="javascript:void(0)" id="btn-search2"> 968 <i class="fas fa-search"></i> 969 </a> 970 </div> 971 </div> 972 </div> 973 </div> 974 </div> 975 <!-- HEADER-MOBİLE BİTİŠ--> 976 977 </section> 978 <!-- HEADER BİTİŠ--> 979 980 <!-- MOBİLE MENU BAÅLANGIà --> 981 <nav id="mobile-menu"> 982 <div id="dismiss"> 983 <i class="fas fa-arrow-left"></i> 984 </div> 985 986 <div class="sidebar-header"> 987 <h3>Yunak Belediye BaÅkanlıÄı</h3> 988 </div> 989 990 <ul class="list-unstyled components"> 991 <li> 992 <a href="icerik/baskan-ozgecmis">
992BAÅKAN </a> 993 </li> 994 <li> 995 <a href="#kurumsal" class="drp-mobile-link">KURUMSAL <i class="fa fa-chevron-right float-right"></i></a> 996 <ul class="drp-mobile list-unstyled" id="kurumsal"> 997 <li><a href="meclis-kararlari">Meclis Kararları</a></li> 998 <li><a href="faaliyet-raporlari">Faaliyet Raporları</a></li> 999 <li><a href="icerik/kesin-hesap">Kesin Hesap</a></li> 1000 <li><a href="profil-kategori/meclis-uyeleri">Meclis Ãyeleri</a></li> 1001 <li><a href="profil-kategori/buyuksehir-meclis-uyeleri">BüyükÅehir Meclis Ãyeleri</a></li> 1002 <li><a href="profil-kategori/belediye-personeli">Belediye Personeli</a></li> 1003 <li><a href="profil-kategori/muhtarlarimiz">Muhtarlarımız</a></li> 1004 <li><a href="duyurular">Güncel Duyurular</a></li> 1005 <li><a href="ilanlar">Güncel İlanlar</a></li> 1006 </ul> 1007 </li> 1008 <li> 1009 <a href="#hizmetlerimiz" class="drp-mobile-link">HİZMETLERİMİZ <i class="fa fa-chevron-right float-right"></i></a> 1010 <ul class="drp-mobile list-unstyled" id="hizmetlerimiz"> 1011 <li><a href="hizmet/imar-isleri">İmar İÅleri</a></li> 1012 <li><a href="hizmet/yapi-kullanim">Yapı Kullanım</a></li> 1013 <li><a href="hizmet/insaat-ruhsati">İnÅaat Ruhsatı</a></li> 1014 <li><a href="hizmet/vergi-islemleri">Vergi İÅlemleri</a></li> 1015 <li><a href="hizmet/isyeri-acma-ruhsati">İÅyeri Açma Ruhsatı</a></li> 1016 <li><a href="hizmet/evlilik-hizmetleri">Evlilik Hizmetleri</a></li> 1017 </ul> 1018 </li> 1019 <li> 1020 <a href="#birimler" class="drp-mobile-link">BİRİMLER <i class="fa fa-chevron-right float-right"></i></a> 1021 <ul class="drp-mobile list-unstyled" id="birimler"> 1022 <li><a href="birim/yazi-isleri-mudurlugu">Yazı İÅleri MüdürlüÄü</a></li> 1023 <li><a href="birim/mali-hizmetler-mudurlugu">Mali Hizmetler MüdürlüÄü</a></li> 1024 <li><a href="birim/insan-kaynaklari-ve-egit-mudurlugu">İnsan Kaynakları Ve EÄit.MüdürlüÄü</a></li> 1025 <li><a href="birim/fen-isleri-imar-mudurlugu">
1025Fen İÅleri İmar MüdürlüÄü</a></li> 1026 <li><a href="birim/zabita-amirligi">Zabıta AmirliÄi</a></li> 1027 <li><a href="https://www.yunak.bel.tr/anasayfa">Kültür ve Sosyal İÅler MüdürlüÄü</a></li> 1028 <li><a href="birim/bilgi-islem-birimi">Bilgi İÅlem</a></li> 1029 <li><a href="birim/evrak-kayit-birimi">Evrak Kayıt-Kabul Birimi</a></li> 1030 </ul> 1031 </li> 1032 <li> 1033 <a href="projeler">PROJELER </a> 1034 </li> 1035 <li> 1036 <a href="haberler">HABERLER </a> 1037 </li> 1038 <li> 1039 <a href="#kent-rehberi" class="drp-mobile-link">KENT REHBERİ <i class="fa fa-chevron-right float-right"></i></a> 1040 <ul class="drp-mobile list-unstyled" id="kent-rehberi"> 1041 <li><a href="icerik/tarihce">Tarihçe</a></li> 1042 <li><a href="icerik/turizm">İlçe Turizmi</a></li> 1043 </ul> 1044 </li> 1045 <li> 1046 <a href="iletisim">İLETİÅİM </a> 1047 </li> 1048 1049 </ul> 1050 </nav> 1051 <!-- MOBİLE MENU BİTİŠ--> 1052 <!-- PAGE SECTİON BAÅLANGIà --> 1053<section class="page-section"> 1054 <div class="bg-white"> 1055 <div class="col-12 p-0 banner"> 1056 <img src="tema/genel/uploads/arkaplan/arkaplan17/birimler.jpg" alt="Belediyemiz Birim Mail Adresleri"> 1057 <div class="slide-overlay"></div> 1058 </div> 1059 <div class="container banner-fix"> 1060 <div class="row"> 1061 <div class="col-lg-9 offset-lg-3 col-md-7 offset-md-5 z-index-9"> 1062 <ol class="breadcrumb z-index-9"> 1063 <li><a href="anasayfa"> <i class="fa fa-home"></i> </a></li> 1064 <li>Belediyemiz Birim Mail Adresleri</li> 1065 </ol> 1066 <a href="javascript:history.back();" class="sayfa-geri"><span class="icon"><i class="fas fa-arrow-left"></i></span>Geri</a> 1067 </div> 1068 <div class="col-lg-3 col-md-5 z-index-9"> 1069 <div class="kolay-menu"> 1070 <h4>KOLAY MENU <button class="col-kolaymenu"><span class="icon"><i class="fas fa-bars"></i></span></button></h4> 1071 <ul> 1072 <li class="hover-bar"> <a href="haberler"> Haberler </a></li> 1073 <li class="hover-bar"> <a href="duyurular"> Güncel Duyurular </a></li> 1074 <li class="hover-bar"> <a href="ihaleler"> Güncel İhaleler </a></li> 1075 <li class="hover-bar"> <a href="ilanlar"> Güncel İlanlar </a></li> 1076 <li class="hover-bar"> <a href="etkinlikler"> Etkinlikler </a></li> 1077 <li class="hover-bar"> <a href="foto-galeri"> FotoÄraf Galerisi </a></li> 1078 <li class="hover-bar"> <a href="video-galeri"> Video Galeri </a></li> 1079 <li class="hover-bar"> <a href="iletisim"> İletiÅim Formu </a></li> 1080 <li class="hover-bar"> <a target="_blank" href="https://www.komek.org.tr/"> Komek </a></li> 1081 <li class="hover-bar"> <a target="_blank" href="https://www.koski.gov.tr/"> Koski </a></li> 1082 <li class="hover-bar"> <a target="_blank" href="https://www.konya.bel.tr/"> Konya BüyükÅehir Belediyesi </a></li> 1083 </ul> 1084 <div class="social"> 1085 <h4>SOSYAL MEDYA</h4> 1086 <a title="facebook" href="https://www.facebook.com/yunak.belediyesi"><i class="fab fa-facebook-f"></i></a> <a title="telegram" href="https://twitter.com/yunakbelediyesi"><i class="fab fa-twitter"></i></a> <a title="instagram" href="https://instagram.com/yunakbelediyesi"><i class="fab fa-instagram"></i></a> <a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a title="youtube" href="https://www.youtube.com/@YunakBelediyesi42"><i class="fab fa-youtube"></i></a> </div> 1087 </div> 1088 1089 <div class="bize-ulasin-sidebar mt-3 mb-4 d-inline-block"> 1090 <h6>BIZE ULAÅIN</h6> 1091 <h5>YUNAK BELEDİYESİ</h5> 1092 <h5></h5> 1093 <p>0332 851 24 41</p> 1094 <div class="mt-4"> 1095 <a href="iletisim">İletiÅim</a> 1096 </div> 1097 </div> 1098 1099 <div class="baskan-kosesi mt-4"> 1100 <h5>BAÅKAN KÃÅESİ</h5> 1101 <div class="inner-box"> 1102 <div class="image-box"> 1103 <img src="tema/genel/uploads/baskan/baskan2.jpg" alt="baskan"> 1104 <ul> 1105 <li><a title="facebook" href="https://www.facebook.com/profile.php?id=100011470814367"><i class="fab fa-facebook-f"></i></a></i> <li><a title="telegram" href="https://twitter.com/?lang=tr"><i class="fab fa-twitter"></i></a></i> <li><a title="instagram" href="https://instagram.com/"><i class="fab fa-instagram"></i></a></i> <li><a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a></i> <li><a title="youtube" href="https://www.youtube.com/?hl=tr&gl=TR"><i class="fab fa-youtube"></i></a></i> </ul> 1106 </div> 1107 <div class="link-box"> 1108 <ul> 1109 <li> 1110 <a href="icerik/baskan-ozgecmis"> 1111 <span>BaÅkan ÃzgeçmiÅ</span> 1112 <span><i class="far fa-chevron-right"></i></span> 1113 </a> 1114 </li> 1115 <li> 1116 <a href="foto/baskanla-fotograflarimiz"> 1117 <span>BaÅkanla FotoÄraflarınız</span> 1118 <span><i class="far fa-chevron-right"></i></span> 1119 </a> 1120 </li> 1121 <li> 1122 <a href="icerik/baskan-gorev-ve-yetkileri"> 1123 <span>BaÅkan Görev ve Yetkileri</span> 1124 <span><i class="far fa-chevron-right"></i></span> 1125 </a> 1126 </li> 1127 <li> 1128 <a href="iletisim"> 1129 <span>BaÅkana Sor</span> 1130 <span><i class="far fa-chevron-right"></i></span> 1131 </a> 1132 </li> 1133 1134 </ul> 1135 </div> 1136 </div> 1137 </div> 1138 </div> 1139 <div class="col-lg-9 col-md-7 z-index-9"> 1140 <div class="page-content"> 1141 <h2 class="page-title"> 1142 Belediyemiz Birim Mail Adresleri <span class="tarih"> 1143 <i class="fa fa-calendar"></i> 1144 12 Mart 2025, 14:51 </span> 1145 </h2> 1146 <div class="row haber-detay-box"> 1147 <div class="col-lg-12"> 1148 <div class="detay"> 1149 <p style="text-align: center;"><strong>BELEDİYEMİZ BÜNYESİNDE BİRİMLERİN MAİL ADRES BİLGİLERİ</strong></p> 1150<p> </p> 1151<ul> 1152<li>FEN İÅLERİ MÜDÜRLÜÄÜ ------------------------------------------ <a href="mailto:[email protected]">[email protected]</a></li> 1153<li>GELİR SERVİSİ ------------------------------------------------------ <a href="mailto:[email protected]">[email protected]</a> </li> 1154<li>İMAR BİRİMİ-------------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li> 1155<li>İNSAN KAYNAKLARI ----------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li> 1156<li>KÜLTÜR VE SOSYAL İÅLER------------------------------------------ <a href="mailto:[email protected]">[email protected]</a></li> 1157<li>MALİ HİZMETLER--------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li> 1158<li>YAZI İÅLERİ MÜDÜRLÜÄÜ------------------------------------------ <a href="mailto:[email protected]">[email protected]</a></li> 1159<li>ZABITA AMİRLİÄİ--------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li> 1160<li>BİLGİ İÅLEM BİRİMİ------------------------------------------------- <a href="mailto:[email protected]">[email protected]</a></li> 1161</ul> 1162<p> </p> 1163<p style="text-align: center;">Yeni Mahalle Hükümet cad. No 70 YUNAK-KONYA<br />Telefon: 3328512441<br />Kep:
1163[email protected]</p> </div> 1164 </div> 1165 </div> 1166 </div> 1167 </div> 1168 </div> 1169 </div> 1170 </div> 1171</section> 1172<!-- PAGE SECTİON BİTİŠ--> 1173<!-- HIZLI MENà BAÅLANGIà --> 1174<section class="hizli-menu my-5"> 1175 <div class="container-fluid"> 1176 <div class="row"> 1177 <div class="col-12"> 1178 <div class="custom-owl-nav hizlimenu-nav"></div> 1179 <div class="owl-carousel owl-carousel-hizlimenu"> 1180 1181 <div class="item"> 1182 <div class="hizli-menu-box"> 1183 <a href="video-galeri" style="background:#83bfd3"> 1184 <div class="hizli-icon"> 1185 <i class="fas fa-video"></i> 1186 </div> 1187 <p>VİDEO GALERİ</p> 1188 <p>Yunak Belediyesi Video Galerisi</p> 1189 </a> 1190 <a href="video-galeri" class="hizli-back" style="background:#83bfd3e8"> 1191 <span> İncele</span> 1192 </a> 1193 </div> 1194 </div> 1195 1196 <div class="item"> 1197 <div class="hizli-menu-box"> 1198 <a href="etkinlikler" style="background:#e9bb71"> 1199 <div class="hizli-icon"> 1200 <i class="far fa-calendar-alt"></i> 1201 </div> 1202 <p>ETKİNLİKLER</p> 1203 <p>Yunak Belediyesi Etkinlikler Bölümü</p> 1204 </a> 1205 <a href="etkinlikler" class="hizli-back" style="background:#e9bb71e8"> 1206 <span> İncele</span> 1207 </a> 1208 </div> 1209 </div> 1210 1211 <div class="item"> 1212 <div class="hizli-menu-box"> 1213 <a href="duyurular" style="background:#da8472"> 1214 <div class="hizli-icon"> 1215 <i class="far fa-bullhorn"></i> 1216 </div> 1217 <p>GÃNCEL DUYURULAR</p> 1218 <p>Güncel Duyurular</p> 1219 </a> 1220 <a href="duyurular" class="hizli-back" style="background:#da8472e8"> 1221 <span> İncele</span> 1222 </a> 1223 </div> 1224 </div> 1225 1226 <div class="item"> 1227 <div class="hizli-menu-box"> 1228 <a href="ihaleler" style="background:#bfa0c4"> 1229 <div class="hizli-icon"> 1230 <i class="far fa-book"></i> 1231 </div> 1232 <p>GÃNCEL İHALELER</p> 1233 <p>Yunak Belediyesi İhale Yönetimi</p> 1234 </a> 1235 <a href="ihaleler" class="hizli-back" style="background:#bfa0c4e8"> 1236 <span> İncele</span> 1237 </a> 1238 </div> 1239 </div> 1240 1241 <div class="item"> 1242 <div class="hizli-menu-box"> 1243 <a href="ilanlar" style="background:#92cbdc"> 1244 <div class="hizli-icon"> 1245 <i class="far fa-bell"></i> 1246 </div> 1247 <p>GÃNCEL İLANLAR</p> 1248 <p>Yunak Belediyesi İlan Yönetimi</p> 1249 </a> 1250 <a href="ilanlar" class="hizli-back" style="background:#92cbdce8"> 1251 <span> İncele</span> 1252 </a> 1253 </div> 1254 </div> 1255 1256 <div class="item"> 1257 <div class="hizli-menu-box"> 1258 <a href="foto-galeri" style="background:#5d90c7"> 1259 <div class="hizli-icon"> 1260 <i class="fas fa-images"></i> 1261 </div> 1262 <p>FOTO GALERİ</p> 1263 <p>Yunak Belediyesi FotoÄraf Galerisi</p> 1264 </a> 1265 <a href="foto-galeri" class="hizli-back" style="background:#5d90c7e8"> 1266 <span> İncele</span> 1267 </a> 1268 </div> 1269 </div> 1270 1271 <div class="item"> 1272 <div class="hizli-menu-box"> 1273 <a href="proje-kategori/tamamlanan-projeler" style="background:#9883a9"> 1274 <div class="hizli-icon"> 1275 <i class="fas fa-tasks"></i> 1276 </div> 1277 <p>TAMAMLANAN PROJELER</p> 1278 <p>Tamamlanan Projeleri İnceleyin</p> 1279 </a> 1280 <a href="proje-kategori/tamamlanan-projeler" class="hizli-back" style="background:#9883a9e8"> 1281 <span> İncele</span> 1282 </a> 1283 </div> 1284 </div> 1285 1286 <div class="item"> 1287 <div class="hizli-menu-box"> 1288 <a href="proje-kategori/devam-eden-projeler" style="background:#dfc2b7"> 1289 <div class="hizli-icon"> 1290 <i class="fas fa-tasks"></i> 1291 </div> 1292 <p>DEVAM EDEN PROJELER</p> 1293 <p>Devam Eden Projeleri İnceleyin</p> 1294 </a> 1295 <a href="proje-kategori/devam-eden-projeler" class="hizli-back" style="background:#dfc2b7e8"> 1296 <span> İncele</span> 1297 </a> 1298 </div> 1299 </div> 1300 1301 <div class="item"> 1302 <div class="hizli-menu-box"> 1303 <a href="haber-kategori/genel-haberler" style="background:#c2adcd"> 1304 <div class="hizli-icon"> 1305 <i class="far fa-newspaper"></i> 1306 </div> 1307 <p>GENEL HABERLER</p> 1308 <p>Genel Haberleri İnceleyin</p> 1309 </a> 1310 <a href="haber-kategori/genel-haberler" class="hizli-back" style="background:#c2adcde8"> 1311 <span> İncele</span> 1312 </a> 1313 </div> 1314 </div> 1315 </div> 1316 </div> 1317 </div> 1318 1319 </div> 1320</section> 1321<!-- HIZLI MENà BİTİŠ--> <!-- FOOTER SECTİON BAÅLANGIà --> 1322 <footer class="footer"> 1323 <div class="footer-ust"> 1324 <div class="container"> 1325 <div class="footer-row row"> 1326 <div class="footer-col col-lg-9"> 1327 <div class="row"> 1328 <div class="footer-dbv7"> 1329 <div class="footer-baslik">KURUMSAL</div> 1330 <ul> 1331 <li> 1332 <a href="meclis-kararlari">Meclis Kararları</a> 1333 </li> 1334 <li> 1335 <a href="faaliyet-raporlari">Faaliyet Raporları</a> 1336 </li> 1337 <li> 1338 <a href="profil-kategori/meclis-uyeleri">Meclis Ãyeleri</a> 1339 </li> 1340 <li> 1341 <a href="profil-kategori/belediye-personeli">Belediye Personeli</a> 1342 </li> 1343 <li> 1344 <a href="duyurular">Güncel Duyurular</a> 1345 </li> 1346 <li> 1347 <a href="ihaleler">Güncel İhaleler</a> 1348 </li> 1349 <li> 1350 <a href="ilanlar">Güncel İlanlar</a> 1351 </li> 1352 <li> 1353 <a href="etkinlikler">Etkinlikler</a> 1354 </li> 1355 <li> 1356 <a href="foto-galeri">Foto Galeri</a> 1357 </li> 1358 <li> 1359 <a href="video-galeri">Video Galeri</a> 1360 </li> 1361 </ul> 1362 </div> 1363 <div class="footer-dbv7"> 1364 <div class="footer-baslik">HİZMETLERİMİZ</div> 1365 <ul> 1366 <li> 1367 <a href="hizmet/imar-isleri">İmar İÅleri</a> 1368 </li> 1369 <li> 1370 <a href="hizmet/yapi-kullanim">Yapı Kullanım</a> 1371 </li> 1372 <li> 1373 <a href="hizmet/insaat-ruhsati">İnÅaat Ruhsatı</a> 1374 </li> 1375 <li> 1376 <a href="hizmet/vergi-islemleri">Vergi İÅlemleri</a> 1377 </li> 1378 <li> 1379 <a href="hizmet/isyeri-acma-ruhsati">İÅyeri Açma Ruhsatı</a> 1380 </li> 1381 <li> 1382 <a href="hizmet/evlilik-hizmetleri">Evlilik Hizmetleri</a> 1383 </li> 1384 </ul> 1385 </div> 1386 <div class="footer-dbv7"> 1387 <div class="footer-baslik">BİRİMLER</div> 1388 <ul> 1389 <li> 1390 <a href="birim/zabita-amirligi">Zabıta AmirliÄi</a> 1391 </li> 1392 <li> 1393 <a href="birim/yazi-isleri-mudurlugu">
1393Yazı İÅleri MüdürlüÄü</a> 1394 </li> 1395 <li> 1396 <a href="birim/mali-hizmetler-mudurlugu">Mali Hizmetler MüdürlüÄü</a> 1397 </li> 1398 <li> 1399 <a href="birim/insan-kaynaklari-ve-egit-mudurlugu">İnsan Kaynakları Ve EÄit.MüdürlüÄü</a> 1400 </li> 1401 <li> 1402 <a href="birim/fen-isleri-imar-mudurlugu">Fen İÅleri İmar MüdürlüÄü</a> 1403 </li> 1404 </ul> 1405 </div> 1406 <div class="footer-dbv7"> 1407 <div class="footer-baslik">KENT REHBERİ</div> 1408 <ul> 1409 <li> 1410 <a href="icerik/tarihce">Tarihçe</a> 1411 </li> 1412 </ul> 1413 </div> 1414 </div> 1415 </div> 1416 <div class="footer-col footer-son col-lg-3"> 1417 <div class="footer-logo"><a href="anasayfa"><img src="tema/genel/uploads/logo/footer/logo.png" alt="Logo"></a></div> 1418 <div class="footer-alan"> 1419 <div class="footerkutu align-center"> 1420 <div class="description"> 1421 <div class="text">Bize UlaÅın</div> 1422 <div class="title">03328512441</div> 1423 </div> 1424 </div> 1425 </div> 1426 <div class="footer-social"> 1427 <a title="facebook" href="https://www.facebook.com/yunak.belediyesi"><i class="fab fa-facebook-f"></i></a> <a title="telegram" href="https://twitter.com/yunakbelediyesi"><i class="fab fa-twitter"></i></a> <a title="instagram" href="https://instagram.com/yunakbelediyesi"><i class="fab fa-instagram"></i></a> <a title="linkedin" href="https://tr.linkedin.com/"><i class="fab fa-linkedin-in"></i></a> <a title="youtube" href="https://www.youtube.com/@YunakBelediyesi42"><i class="fab fa-youtube"></i></a> </div> 1428 1429 <div class="footer_mobile_col-right"> 1430 <ul style="display: flex;list-style: none;"> 1431 1432 <li> 1433 <a target="_blank" href="https://www.komek.org.tr/"> 1434 <img style="max-width: 135px !important;width: 135px;" src="tema/genel/uploads/kolaymenu/images.png"> 1435 </a> 1436 </li> 1437 <li> 1438 <a target="_blank" href="https://www.koski.gov.tr/"> 1439 <img style="max-width: 135px !important;width: 135px;" src="tema/genel/uploads/kolaymenu/kurumsalYapi-12-g5A.jpg"> 1440 </a> 1441 </li> 1442 <li> 1443 <a target="_blank" href="https://www.konya.bel.tr/"> 1444 <img style="max-width: 135px !important;width: 135px;" src="tema/genel/uploads/kolaymenu/Konya_BuyukÅehir_Belediyesi_logosu.png"> 1445 </a> 1446 </li> 1447 </ul> 1448 </div> 1449 1450 </div> 1451 </div> 1452 </div> 1453 </div> 1454 1455 <div class="footer-bottom"> 1456 <div class="container footerkutu align-center justify-between"> 1457 <div class="text copyright">Copyright © 2026. Her Hakkı Saklıdır. kopyalanması, çoÄaltılması ve daÄıtılması halinde yasal haklarımız iÅletilecektir. (Bilgi İÅlem Birimi) - [email protected]</div> 1458 <a class="text design" href="" target="_blank"></a> 1459 </div> 1460 </div> 1461 </footer> 1462 <!-- FOOTER SECTİON BİTİŠ--> 1463 1464 </main> 1465 <!-- MAİN BİTİŠ--> 1466 1467 <!-- SEARCH MODAL BAÅLANGIà --> 1468 <div class="search"> 1469 <button id="btn-search-close" class="btn btn--search-close" aria-label="Close search form"><svg class="icon icon--cross"> 1470 <use xlink:href="#icon-cross"></use> 1471 </svg> 1472 </button> 1473 <form class="search__form" action="ara"> 1474 <input class="search__input" name="kelime" type="search" placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
1475 <span class="search__info">Yazdıktan sonra aramak için Enter'a, çıkmak için Esc'ye basın</span> 1476 </form> 1477 </div> 1478 <!-- SEARCH MODAL BİTİŠ--> 1479 1480 <!-- UP BUTON BAÅLANGIà --> 1481 1482 <button id="page-up"> <i class="fa fa-chevron-up"></i> </button> 1483 1484 <!-- UP BUTON BİTİŠ--> 1485 1486 <!-- PAGE LOADER BAÅLANGIà --> 1487 <div class="loader"> 1488 <div class="la-square-loader"> 1489 <div></div> 1490 </div> 1491 </div> 1492 <!-- PAGE LOADER BİTİŠ--> 1493 1494 1495 <!-- SEARCH MODAL SVG BAÅLANGIà --> 1496 <!-- bu svg kodları arama kısmındaki icon vs için kullanıldı silmeyin --> 1497 <svg class="hidden"> 1498 <defs> 1499 <symbol id="icon-arrow" viewBox="0 0 24 24"> 1500 <title>arrow</title> 1501 <polygon points="6.3,12.8 20.9,12.8 20.9,11.2 6.3,11.2 10.2,7.2 9,6 3.1,12 9,18 10.2,16.8 " /> 1502 </symbol> 1503 <symbol id="icon-drop" viewBox="0 0 24 24"> 1504 <title>drop</title> 1505 <path d="M12,21c-3.6,0-6.6-3-6.6-6.6C5.4,11,10.8,4,11.4,3.2C11.6,3.1,11.8,3,12,3s0.4,0.1,0.6,0.3c0.6,0.8,6.1,7.8,6.1,11.2C18.6,18.1,15.6,21,12,21zM12,4.8c-1.8,2.4-5.2,7.4-5.2,9.6c0,2.9,2.3,5.2,5.2,5.2s5.2-2.3,5.2-5.2C17.2,12.2,13.8,7.3,12,4.8z" /> 1506 <path d="M12,18.2c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7c1.3,0,2.4-1.1,2.4-2.4c0-0.4,0.3-0.7,0.7-0.7c0.4,0,0.7,0.3,0.7,0.7C15.8,16.5,14.1,18.2,12,18.2z" /> 1507 </symbol> 1508 <symbol id="icon-search" viewBox="0 0 24 24"> 1509 <title>search</title> 1510 <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" /> 1511 </symbol> 1512 <symbol id="icon-cross" viewBox="0 0 24 24"> 1513 <title>cross</title> 1514 <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> 1515 </symbol> 1516 </defs> 1517 </svg> 1518 <!-- SEARCH MODAL SVG BİTİŠ--> 1519 <div class="overlay"></div> 1520
1520<script src="tema/genel/assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
1520 1521
1521<script src="tema/genel/assets/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
1521 1522
1522<script src="tema/genel/assets/js/jquery.mCustomScrollbar.concat.min.js"></script>
1522 1523
1523<script src="tema/genel/assets/bower_components/jquery.nicescroll/dist/jquery.nicescroll.min.js"></script>
1523 1524
1524<script src="tema/genel/assets/bower_components/plyr-master/dist/plyr.js"></script>
1524 1525
1525<script src="tema/genel/assets/js/fancybox.js"></script>
1525 1526
1526<script src="tema/genel/assets/js/iziModal.min.js"></script>
1526 1527
1527<script src="tema/genel/assets/js/main.js"></script>
1527 1528
1528<script> 1529 $(document).on('click', '.dildegis', function () { 1530 var dilID = $(this).data("id"); 1531 $.ajax({ 1532 url: 'dildegis.php', 1533 dataType: 'JSON', 1534 data: {id: dilID}, 1535 }) 1536 .done(function(msg) { 1537 if(msg.hata){ 1538 alert("Bir hata oluÅtu"); 1539 }else{ 1540 window.location = "index.html"; 1541 } 1542 }) 1543 .fail(function(err) { 1544 console.log(err); 1545 }); 1546 }); 1547 </script>
1547 1548 1549
1549<script type="text/javascript"> 1550 $("#modal-demo").iziModal({ 1551 title: "", 1552 subtitle: "", 1553 iconClass: '', 1554 background:null, 1555 theme:'light', 1556 closeButton:true, 1557 overlay:true, 1558 overlayClose:true, 1559 transitionInOverlay:'fadeIn', 1560 transitionOutOverlay:'fadeOut', 1561 overlayColor: 'rgba(0, 0, 0, 0.85)', 1562 width: 500, 1563 padding: 20 1564 }); 1565 $(document).on('click', '.trigger-link', function (event) { 1566 event.preventDefault(); 1567 $('#modal-demo').iziModal('open'); 1568 }); 1569 </script>
1569 1570
1570<script> 1571 $(document).ready(function(){ 1572 $(".col-kolaymenu").click(function(){ 1573 $(".kolay-menu > ul").toggle(); 1574 }); 1575 }); 1576 function addBasket(itemID = 0){ 1577 if(isNaN(itemID) || itemID <= 0){ 1578 swal({ 1579 type: 'warning', 1580 title: 'Uyarı', 1581 text: 'Lütfen baÄıŠtürünü seçin', 1582 confirmButtonText: 'Tamam', 1583 timer: 5000 1584 }) 1585 return 1586 } 1587 var priceDom = $("input[data-id='"+itemID+"']"); 1588 if($(priceDom).length == 0){ 1589 swal({ 1590 type: 'warning', 1591 title: 'Uyarı', 1592 text: 'Lütfen baÄıŠtürünü seçin', 1593 confirmButtonText: 'Tamam', 1594 timer: 5000 1595 }) 1596 return 1597 } 1598 var price = parseFloat(($(priceDom).val()).replace(",",".")); 1599 if(isNaN(price)){ 1600 swal({ 1601 type: 'warning', 1602 title: 'Uyarı', 1603 text: 'Lütfen baÄıÅı rakamsal deÄer giriniz.', 1604 confirmButtonText: 'Tamam', 1605 timer: 5000 1606 }) 1607 return 1608 } 1609 if(price <= 0.99){ 1610 swal({ 1611 type: 'warning', 1612 title: 'Uyarı', 1613 text: 'Lütfen en az 1 TL baÄıŠyapınız.', 1614 confirmButtonText: 'Tamam', 1615 timer: 5000 1616 }) 1617 return 1618 } 1619 $.ajax({ 1620 url: 'sepete-ekle.php', 1621 type: 'POST', 1622 dataType: 'json', 1623 data: {id: itemID,price: price}, 1624 }) 1625 .done(function(msg) { 1626 basketReload(); 1627 }) 1628 .fail(function(err) { 1629 basketReload(); 1630 swal({ 1631 type: 'success', 1632 title: 'BaÅarılı', 1633 text: 'BaÄıÅınız sepete eklenmiÅtir.', 1634 confirmButtonText: 'Tamam', 1635 timer: 5000 1636 }) 1637 }); 1638 } 1639 1640 function basketReload(){ 1641 var domCheck = $("div[name='sepetdiv']"); 1642 if($(domCheck).length == 0) return 1643 $.ajax({ 1644 url: 'sepete-ekle.php', 1645 dataType: 'html', 1646 }) 1647 .done(function(html) { 1648 $(domCheck).html(html); 1649 }) 1650 .fail(function() { 1651 console.log("error"); 1652 }); 1653 } 1654 1655 $(document).on('click', '[data-sil]', function(event) { 1656 event.preventDefault(); 1657 var sesID = $(this).data('sil'); 1658 $.ajax({ 1659 url: 'sepete-ekle.php', 1660 type: 'POST', 1661 dataType: 'json', 1662 data: {sil: sesID}, 1663 }) 1664 .always(function() { 1665 var domCheck = $("div[name='sepetdiv']"); 1666 if($(domCheck).length == 0){ 1667 window.location.reload() 1668 }else{ 1669 basketReload(); 1670 } 1671 }); 1672 1673 }); 1674 1675 $(document).ready(function() { 1676 basketReload(); 1677 }); 1678 1679 function imgError(image) { 1680 image.onerror = ""; 1681 image.src = "tema/genel/assets/images/no-image.png"; 1682 return true; 1683 } 1684 $(document).ready(function() { 1685 $(window).scroll(function() { 1686 $('.lazy').each(function() { 1687 if ($(this).offset().top < ($(window).scrollTop() + $(window).height() + 100)) { 1688 $(this).attr('src', $(this).attr('data-src')); 1689 } 1690 }); 1691 }); 1692 }); 1693 </script>
1693 1694 <link rel="preconnect" href="https://fonts.googleapis.com"> 1695<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 1696<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> 1697
1698<script type="module"> 1699 import Accessibility from 'https://cdn.jsdelivr.net/npm/[email protected]/+esm'; 1700 1701 window.addEventListener('load', function () { 1702 try { 1703 new Accessibility({ 1704 labels: { 1705 resetTitle: 'Ayarları sıfırla', 1706 closeTitle: 'Kapat', 1707 menuTitle: 'EriÅilebilirlik', 1708 increaseText: 'Metin boyutunu büyüt', 1709 decreaseText: 'Metin boyutunu küçült', 1710 increaseTextSpacing: 'Metin aralıÄını artır', 1711 decreaseTextSpacing: 'Metin aralıÄını azalt', 1712 increaseLineHeight: 'Satır yüksekliÄini artır', 1713 decreaseLineHeight: 'Satır yüksekliÄini azalt', 1714 invertColors: 'Renkleri ters çevir', 1715 grayHues: 'Gri tonlama', 1716 underlineLinks: 'BaÄlantıların altını çiz', 1717 bigCursor: 'Büyük imleç', 1718 readingGuide: 'Okuma rehberi', 1719 textToSpeech: 'Sesli okuma', 1720 speechToText: 'Sesle yazma', 1721 disableAnimations: 'Animasyonları durdur' 1722 }, 1723 language: { 1724 textToSpeechLang: 'tr-TR', 1725 speechToTextLang: 'tr-TR' 1726 }, 1727 animations: {
1728 buttons: false 1729 } 1730 }); 1731 } catch (e) {} 1732 }); 1733</script>
1733 1734 1735<style> 1736 :root{ 1737 --ax-panel-bg: rgba(8,12,20,.96); 1738 --ax-panel-bg-2: rgba(15,23,42,.92); 1739 --ax-border: rgba(255,255,255,.10); 1740 --ax-text: #ffffff; 1741 --ax-soft: rgba(255,255,255,.70); 1742 --ax-muted: rgba(255,255,255,.50); 1743 --ax-surface: rgba(255,255,255,.05); 1744 --ax-surface-2: rgba(255,255,255,.08); 1745 --ax-primary: #0ea5e9; 1746 --ax-primary-2: #2563eb; 1747 --ax-success: #16a34a; 1748 --ax-danger: #dc2626; 1749 --ax-warning: #f59e0b; 1750 --ax-shadow: 0 24px 80px rgba(0,0,0,.45); 1751 --ax-transition: 240ms cubic-bezier(.2,.8,.2,1); 1752 --ax-reading-dim: rgba(0,0,0,.42); 1753 --ax-reading-band-height: 112px; 1754 } 1755 1756 html.ax-disable-animations *, 1757 html.ax-disable-animations *::before, 1758 html.ax-disable-animations *::after{ 1759 animation: none !important; 1760 transition: none !important; 1761 scroll-behavior: auto !important; 1762 } 1763 1764 html.ax-links-underline a{ 1765 text-decoration: underline !important; 1766 text-underline-offset: 4px !important; 1767 text-decoration-thickness: 2px !important; 1768 } 1769 1770 html.ax-big-cursor, 1771 html.ax-big-cursor *{ 1772 cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><path fill='white' stroke='black' stroke-width='2.5' d='M7 4l22 20-10 1 5 11-4 2-5-11-7 7z'/></svg>") 4 2, auto !important; 1773 } 1774 1775 html.ax-grayscale{ 1776 filter: grayscale(1) !important; 1777 } 1778 1779 html.ax-invert{ 1780 filter: invert(1) hue-rotate(180deg) !important; 1781 } 1782 1783 html.ax-high-contrast{ 1784 filter: contrast(1.28) saturate(1.08) !important; 1785 } 1786 1787 html.ax-brightness-up{ 1788 filter: brightness(1.1) contrast(1.04) !important; 1789 } 1790 1791 html.ax-highlight-focus *:focus, 1792 html.ax-highlight-focus *:focus-visible{ 1793 outline: 3px solid #facc15 !important; 1794 outline-offset: 3px !important; 1795 box-shadow: 0 0 0 6px rgba(250,204,21,.22) !important; 1796 } 1797 1798 html.ax-hide-images img, 1799 html.ax-hide-images svg, 1800 html.ax-hide-images video, 1801 html.ax-hide-images picture, 1802 html.ax-hide-images canvas, 1803 html.ax-hide-images iframe{ 1804 visibility: hidden !important; 1805 } 1806 1807 html.ax-readable-font body, 1808 html.ax-readable-font body *:not(i):not(svg):not(path):not(.fa):not([class*="icon"]){ 1809 font-family: Arial, Helvetica, sans-serif !important; 1810 } 1811 1812 html.ax-dyslexia-friendly body, 1813 html.ax-dyslexia-friendly body *:not(i):not(svg):not(path){ 1814 font-family: Verdana, Arial, sans-serif !important; 1815 } 1816 1817 html.ax-soft-background body{ 1818 background: #f8fafc !important; 1819 color: #111827 !important; 1820 } 1821 1822 html.ax-mark-headings h1, 1823 html.ax-mark-headings h2, 1824 html.ax-mark-headings h3, 1825 html.ax-mark-headings h4, 1826 html.ax-mark-headings h5, 1827 html.ax-mark-headings h6, 1828 html.ax-mark-headings [class*="title"], 1829 html.ax-mark-headings [class*="heading"]{ 1830 background: linear-gradient(transparent 58%, rgba(14,165,233,.22) 58%) !important; 1831 border-radius: 6px !important; 1832 } 1833 1834 html.ax-highlight-links a{ 1835 background: rgba(14,165,233,.14) !important; 1836 box-shadow: inset 0 0 0 1px rgba(14,165,233,.28) !important; 1837 border-radius: 6px !important; 1838 padding-left: 4px !important; 1839 padding-right: 4px !important; 1840 } 1841 1842 body.ax-text-align-left p, 1843 body.ax-text-align-left li, 1844 body.ax-text-align-left blockquote, 1845 body.ax-text-align-left article, 1846 body.ax-text-align-left section, 1847 body.ax-text-align-left .text, 1848 body.ax-text-align-left [class*="content"], 1849 body.ax-text-align-left [class*="desc"]{ 1850 text-align: left !important; 1851 } 1852 1853 body.ax-text-align-center p, 1854 body.ax-text-align-center li, 1855 body.ax-text-align-center blockquote, 1856 body.ax-text-align-center article, 1857 body.ax-text-align-center section, 1858 body.ax-text-align-center .text, 1859 body.ax-text-align-center [class*="content"], 1860 body.ax-text-align-center [class*="desc"]{ 1861 text-align: center !important; 1862 } 1863 1864 body.ax-text-align-justify p, 1865 body.ax-text-align-justify li, 1866 body.ax-text-align-justify blockquote, 1867 body.ax-text-align-justify article, 1868 body.ax-text-align-justify section, 1869 body.ax-text-align-justify .text, 1870 body.ax-text-align-justify [class*="content"], 1871 body.ax-text-align-justify [class*="desc"]{ 1872 text-align: justify !important; 1873 } 1874 1875 .ax-reading-overlay{ 1876 position: fixed; 1877 inset: 0; 1878 z-index: 999997; 1879 display: none; 1880 pointer-events: none; 1881 } 1882 1883 .ax-reading-overlay.active{ 1884 display: block; 1885 } 1886 1887 .ax-reading-hole{ 1888 position: absolute; 1889 left: 0; 1890 width: 100%; 1891 height: var(--ax-reading-band-height); 1892 border-radius: 18px;
1893 background: transparent; 1894 box-shadow: 0 0 0 9999px var(--ax-reading-dim); 1895 } 1896 1897 .ax-root{ 1898 position: fixed; 1899 left: 10px; 1900 bottom: 160px; 1901 z-index: 999999; 1902 display: flex; 1903 flex-direction: column; 1904 align-items: flex-start; 1905 gap: 12px; 1906 } 1907 1908 .ax-mini-hint{ 1909 position: relative; 1910 display: inline-flex; 1911 align-items: center; 1912 gap: 8px; 1913 padding: 10px 14px; 1914 border-radius: 999px; 1915 background: rgba(8,12,20,.82); 1916 color: #fff; 1917 border: 1px solid rgba(255,255,255,.08); 1918 box-shadow: 0 16px 40px rgba(0,0,0,.26); 1919 backdrop-filter: blur(14px); 1920 font-family: 'Inter', Arial, sans-serif; 1921 font-size: 12px; 1922 font-weight: 700; 1923 letter-spacing: .01em; 1924 white-space: nowrap; 1925 opacity: 0; 1926 transform: translateY(8px); 1927 animation: axHintLoop 9s ease-in-out infinite; 1928 pointer-events: none; 1929 } 1930 1931 @keyframes axHintLoop{ 1932 0%, 14%{opacity:0; transform:translateY(8px)} 1933 18%, 54%{opacity:1; transform:translateY(0)} 1934 62%, 100%{opacity:0; transform:translateY(8px)} 1935 } 1936 1937 .ax-trigger{ 1938 position: relative; 1939 width: 68px; 1940 height: 68px; 1941 border: 0; 1942 border-radius: 999px; 1943 background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 48%, #7c3aed 100%); 1944 color: #fff; 1945 display: inline-flex;
1946 align-items: center; 1947 justify-content: center; 1948 box-shadow: 0 18px 38px rgba(0,0,0,.32); 1949 transition: transform var(--ax-transition), box-shadow var(--ax-transition), opacity var(--ax-transition); 1950 overflow: visible; 1951 flex-shrink: 0; 1952 } 1953 1954 .ax-trigger:hover{ 1955 transform: translateY(-2px) scale(1.03); 1956 box-shadow: 0 22px 50px rgba(0,0,0,.38); 1957 } 1958 1959 .ax-trigger:focus-visible{ 1960 outline: 3px solid #fff; 1961 outline-offset: 3px; 1962 } 1963 1964 .ax-trigger::before{ 1965 content: ''; 1966 position: absolute; 1967 inset: -6px; 1968 border-radius: 999px; 1969 border: 2px solid rgba(14,165,233,.30); 1970 animation: axPulse 2.1s ease-out infinite; 1971 } 1972 1973 .ax-trigger::after{ 1974 content: ''; 1975 position: absolute; 1976 inset: -14px; 1977 border-radius: 999px; 1978 border: 1px solid rgba(14,165,233,.14); 1979 animation: axPulse 2.1s ease-out infinite .9s; 1980 } 1981 1982 @keyframes axPulse{ 1983 0%{transform:scale(.92); opacity:.9} 1984 70%{transform:scale(1.18); opacity:0} 1985 100%{transform:scale(1.18); opacity:0} 1986 } 1987 1988 .ax-trigger svg{ 1989 width: 44px; 1990 height: 44px; 1991 z-index: 2; 1992 animation: axIconFloat 3s ease-in-out infinite; 1993 } 1994 1995 @keyframes axIconFloat{ 1996 0%,100%{transform:translateY(0)} 1997 50%{transform:translateY(-2px)} 1998 } 1999 2000 .ax-panel{ 2001 position: fixed; 2002 left: 18px; 2003 bottom: 104px; 2004 z-index: 999999; 2005 width: min(460px, calc(100vw - 24px)); 2006 max-height: calc(100vh - 132px); 2007 overflow: hidden; 2008 border-radius: 28px; 2009 border: 1px solid var(--ax-border); 2010 background: 2011 radial-gradient(circle at top left, rgba(14,165,233,.10), transparent 28%), 2012 radial-gradient(circle at top right, rgba(124,58,237,.10), transparent 26%), 2013 linear-gradient(180deg, var(--ax-panel-bg-2), var(--ax-panel-bg)); 2014 box-shadow: var(--ax-shadow); 2015 color: var(--ax-text); 2016 opacity: 0; 2017 transform: translateY(12px) scale(.985); 2018 pointer-events: none; 2019 transition: opacity var(--ax-transition), transform var(--ax-transition); 2020 backdrop-filter: blur(18px); 2021 } 2022 2023 .ax-panel.active{ 2024 opacity: 1; 2025 transform: translateY(0) scale(1); 2026 pointer-events: auto; 2027 } 2028 2029 .ax-panel-header{ 2030 display: flex;
2031 align-items: flex-start; 2032 justify-content: space-between; 2033 gap: 14px; 2034 padding: 20px 20px 16px; 2035 border-bottom: 1px solid rgba(255,255,255,.08); 2036 background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); 2037 } 2038 2039 .ax-panel-title{ 2040 display: flex; 2041 align-items: center; 2042 gap: 14px; 2043 min-width: 0; 2044 } 2045 2046 .ax-panel-title-icon{ 2047 width: 48px; 2048 height: 48px; 2049 border-radius: 16px; 2050 background: linear-gradient(135deg, rgba(14,165,233,.22), rgba(124,58,237,.24)); 2051 border: 1px solid rgba(255,255,255,.08); 2052 display: flex; 2053 align-items: center; 2054 justify-content: center; 2055 box-shadow: inset 0 1px 0 rgba(255,255,255,.06); 2056 flex-shrink: 0; 2057 } 2058 2059 .ax-panel-title h3{ 2060 margin: 0; 2061 font-family: 'Inter', Arial, sans-serif; 2062 font-size: 20px; 2063 line-height: 1.15; 2064 font-weight: 900; 2065 letter-spacing: -.03em; 2066 } 2067 2068 .ax-panel-title p{ 2069 margin: 6px 0 0; 2070 color: var(--ax-soft); 2071 font-size: 13px; 2072 line-height: 1.45; 2073 } 2074 2075.ax-panel-close { 2076 width: 44px; 2077 height: 44px; 2078 border-radius: 14px; 2079 border: 1px solid rgb(255 255 255); 2080 background: rgb(255 0 0); 2081 color: #fff; 2082 font-size: 44px; 2083 font-weight: bold; 2084 display: flex;
2085 align-items: center; 2086 justify-content: center; 2087 cursor: pointer; 2088 flex-shrink: 0; 2089 transition: background var(--ax-transition), transform var(--ax-transition); 2090} 2091 2092 .ax-panel-close:hover{ 2093 background: rgba(255,255,255,.10); 2094 transform: scale(1.03); 2095 } 2096 2097 .ax-panel-body{ 2098 padding: 18px; 2099 max-height: calc(100vh - 232px); 2100 overflow: auto; 2101 } 2102 2103 .ax-section{ 2104 margin-bottom: 16px; 2105 } 2106 2107 .ax-section-head{ 2108 display: flex; 2109 align-items: center; 2110 justify-content: space-between; 2111 gap: 12px; 2112 margin-bottom: 10px; 2113 } 2114 2115 .ax-section-head h4{ 2116 margin: 0; 2117 font-size: 13px; 2118 font-weight: 800; 2119 text-transform: uppercase; 2120 letter-spacing: .08em; 2121 color: rgba(255,255,255,.86); 2122 } 2123 2124 .ax-section-head span{ 2125 color: var(--ax-muted); 2126 font-size: 12px; 2127 font-weight: 700; 2128 } 2129 2130 .ax-grid{ 2131 display: grid; 2132 grid-template-columns: repeat(2, minmax(0, 1fr)); 2133 gap: 12px; 2134 } 2135 2136 .ax-card{ 2137 position: relative; 2138 background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04)); 2139 border: 1px solid rgba(255,255,255,.08); 2140 border-radius: 20px; 2141 padding: 14px; 2142 transition: transform var(--ax-transition), background var(--ax-transition), border-color var(--ax-transition), box-shadow var(--ax-transition); 2143 } 2144 2145 .ax-card:hover{ 2146 transform: translateY(-2px); 2147 background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05)); 2148 box-shadow: inset 0 1px 0 rgba(255,255,255,.04); 2149 } 2150 2151 .ax-card.ax-active{ 2152 border-color: rgba(34,197,94,.55); 2153 box-shadow: 0 0 0 1px rgba(34,197,94,.16) inset; 2154 } 2155 2156 .ax-card button{ 2157 all: unset; 2158 display: block; 2159 width: 100%; 2160 cursor: pointer; 2161 } 2162 2163 .ax-card-top{ 2164 display: flex;
2165 align-items: center; 2166 justify-content: space-between; 2167 gap: 10px; 2168 margin-bottom: 10px; 2169 } 2170 2171 .ax-card-icon{ 2172 width: 40px; 2173 height: 40px; 2174 border-radius: 14px; 2175 background: rgba(255,255,255,.07); 2176 display: flex; 2177 align-items: center; 2178 justify-content: center; 2179 flex-shrink: 0; 2180 font-size: 18px; 2181 font-weight: 800; 2182 color: #fff; 2183 } 2184 2185 .ax-badge{ 2186 min-width: 68px; 2187 text-align: center; 2188 font-size: 11px; 2189 font-weight: 800; 2190 letter-spacing: .02em; 2191 padding: 6px 10px; 2192 border-radius: 999px; 2193 color: #fff; 2194 border: 1px solid transparent; 2195 } 2196 2197 .ax-badge.on{ 2198 background: rgba(22,163,74,.18); 2199 border-color: rgba(22,163,74,.45); 2200 color: #86efac; 2201 } 2202 2203 .ax-badge.off{ 2204 background: rgba(220,38,38,.14); 2205 border-color: rgba(220,38,38,.38); 2206 color: #fca5a5; 2207 } 2208 2209 .ax-badge.action{ 2210 background: rgba(14,165,233,.14); 2211 border-color: rgba(14,165,233,.32); 2212 color: #7dd3fc; 2213 } 2214 2215 .ax-card h5{ 2216 margin: 0; 2217 font-size: 14px; 2218 line-height: 1.35; 2219 font-weight: 800; 2220 color: #fff; 2221 } 2222 2223 .ax-card p{ 2224 margin: 6px 0 0; 2225 color: var(--ax-soft); 2226 font-size: 12px; 2227 line-height: 1.5; 2228 } 2229 2230 .ax-range-box{ 2231 padding: 16px; 2232 border-radius: 20px; 2233 background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.04)); 2234 border: 1px solid rgba(255,255,255,.08); 2235 margin-bottom: 12px; 2236 } 2237 2238 .ax-range-head{ 2239 display: flex;
2240 align-items: center; 2241 justify-content: space-between; 2242 gap: 10px; 2243 margin-bottom: 10px; 2244 } 2245 2246 .ax-range-head h5{ 2247 margin: 0; 2248 font-size: 14px; 2249 font-weight: 800; 2250 } 2251 2252 .ax-range-head span{ 2253 font-size: 12px; 2254 font-weight: 800; 2255 color: var(--ax-soft); 2256 } 2257 2258 .ax-range-box label{ 2259 display: block; 2260 margin-bottom: 8px; 2261 font-size: 12px; 2262 color: var(--ax-soft); 2263 line-height: 1.45; 2264 } 2265 2266 .ax-range-box input[type="range"]{ 2267 width: 100%; 2268 accent-color: #0ea5e9; 2269 } 2270 2271 .ax-align-group{ 2272 display: grid; 2273 grid-template-columns: repeat(3, minmax(0,1fr)); 2274 gap: 10px; 2275 margin-top: 10px; 2276 } 2277 2278 .ax-align-btn{ 2279 appearance: none; 2280 border: 1px solid rgba(255,255,255,.10); 2281 background: rgba(255,255,255,.05); 2282 color: #fff; 2283 border-radius: 14px; 2284 padding: 12px 10px; 2285 cursor: pointer; 2286 font-size: 12px; 2287 font-weight: 800; 2288 transition: transform var(--ax-transition), background var(--ax-transition), border-color var(--ax-transition); 2289 } 2290 2291 .ax-align-btn.active{ 2292 background: rgba(14,165,233,.16); 2293 border-color: rgba(14,165,233,.42); 2294 color: #7dd3fc; 2295 } 2296 2297 .ax-speech-box{ 2298 padding: 16px; 2299 border-radius: 20px; 2300 background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.04)); 2301 border: 1px solid rgba(255,255,255,.08); 2302 margin-top: 12px; 2303 } 2304 2305 .ax-speech-box textarea{ 2306 width: 100%; 2307 min-height: 100px; 2308 resize: vertical; 2309 border-radius: 16px; 2310 border: 1px solid rgba(255,255,255,.10); 2311 background: rgba(255,255,255,.04); 2312 color: #fff; 2313 padding: 13px 14px; 2314 font-family: 'Inter', Arial, sans-serif; 2315 font-size: 14px; 2316 outline: none; 2317 } 2318 2319 .ax-speech-box textarea::placeholder{ 2320 color: rgba(255,255,255,.40); 2321 } 2322 2323 .ax-actions{ 2324 display: flex; 2325 gap: 10px; 2326 flex-wrap: wrap; 2327 margin-top: 12px; 2328 } 2329 2330 .ax-btn{ 2331 appearance: none; 2332 border: 0; 2333 border-radius: 14px; 2334 padding: 12px 15px; 2335 font-size: 13px; 2336 font-weight: 800; 2337 letter-spacing: .01em; 2338 cursor: pointer; 2339 color: #fff; 2340 background: linear-gradient(135deg, #0ea5e9, #2563eb); 2341 box-shadow: 0 10px 26px rgba(14,165,233,.22); 2342 transition: transform var(--ax-transition), opacity var(--ax-transition), background var(--ax-transition); 2343 } 2344 2345 .ax-btn:hover{ 2346 transform: translateY(-1px); 2347 } 2348 2349 .ax-btn.secondary{ 2350 background: rgba(255,255,255,.08); 2351 box-shadow: none; 2352 border: 1px solid rgba(255,255,255,.08); 2353 } 2354 2355 .ax-btn.success{ 2356 background: linear-gradient(135deg, #16a34a, #15803d); 2357 box-shadow: 0 10px 26px rgba(22,163,74,.22); 2358 } 2359 2360 .ax-btn.danger{ 2361 background: linear-gradient(135deg, #ef4444, #dc2626); 2362 box-shadow: 0 10px 26px rgba(239,68,68,.22); 2363 } 2364 2365 .ax-note{ 2366 margin-top: 14px; 2367 font-size: 12px; 2368 line-height: 1.6; 2369 color: var(--ax-soft); 2370 } 2371 2372 .ax-live{ 2373 position: absolute; 2374 left: -9999px; 2375 width: 1px; 2376 height: 1px; 2377 overflow: hidden; 2378 } 2379 2380 @media (max-width: 640px){ 2381.ax-root { 2382 left: 14px; 2383 bottom: 138px; 2384} 2385 2386.ax-trigger { 2387 width: 52px; 2388 height: 51px; 2389} 2390 2391 .ax-trigger svg{ 2392 width: 38px; 2393 height: 38px; 2394 } 2395 2396 .ax-panel{ 2397 left: 12px; 2398 right: 12px; 2399 width: auto; 2400 bottom: 84px; 2401 max-height: calc(100vh - 106px); 2402 } 2403 2404 .ax-grid{ 2405 grid-template-columns: 1fr; 2406 } 2407 2408 .ax-mini-hint{ 2409 font-size: 11px; 2410 padding: 9px 12px; 2411 } 2412 2413 .ax-align-group{ 2414 grid-template-columns: 1fr; 2415 } 2416 } 2417</style> 2418 2419<div id="axReadingOverlay" class="ax-reading-overlay" aria-hidden="true"> 2420 <div id="axReadingHole" class="ax-reading-hole"></div> 2421</div> 2422 2423<div class="ax-root"> 2424 <div class="ax-mini-hint">EriÅilebilirlik ayarları</div> 2425 2426 <button 2427 id="axTrigger" 2428 class="ax-trigger" 2429 type="button" 2430 aria-label="EriÅilebilirlik panelini aç" 2431 aria-controls="axPanel" 2432 aria-expanded="false" 2433 > 2434 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor" aria-hidden="true">
2435 <path d="M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM225.5 233.9C213.3 228.7 199.2 234.3 194 246.5C188.8 258.7 194.4 272.8 206.6 278L218.5 283.1C235.8 290.5 253.7 296 272.1 299.4L272.1 349.5C272.1 353.8 271.4 358.1 270 362.1L241.3 448.2C237.1 460.8 243.9 474.4 256.5 478.6C269.1 482.8 282.7 476 286.9 463.4L311.3 390.2C312.6 386.4 316.1 383.8 320.1 383.8C324.1 383.8 327.7 386.4 328.9 390.2L353.3 463.4C357.5 476 371.1 482.8 383.7 478.6C396.3 474.4 403 461 398.8 448.4L370.1 362.3C368.7 358.2 368 354 368 349.7L368 299.6C386.4 296.1 404.3 290.7 421.6 283.3L433.5 278.2C445.7 273 451.3 258.9 446.1 246.7C440.9 234.5 426.8 228.9 414.6 234.1L402.7 239C376.6 250.2 348.5 256 320 256C291.5 256 263.5 250.2 237.3 239L225.4 233.9zM320 224C342.1 224 360 206.1 360 184C360 161.9 342.1 144 320 144C297.9 144 280 161.9 280 184C280 206.1 297.9 224 320 224z"/> 2436 </svg> 2437 </button> 2438</div> 2439 2440<aside 2441 id="axPanel" 2442 class="ax-panel" 2443 role="dialog" 2444 aria-modal="false" 2445 aria-labelledby="axPanelTitle" 2446 hidden 2447> 2448 <div class="ax-panel-header"> 2449 <div class="ax-panel-title"> 2450 <div class="ax-panel-title-icon"> 2451 <svg viewBox="0 0 24 24" width="24" height="24" fill="none" aria-hidden="true"> 2452 <path d="M12 3a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm0 5.5c-3 0-5.5 2.5-5.5 5.5v6h2.2v-5.2h1.9V20h2.2v-5.2h1.9V20h2.2v-6c0-3-2.5-5.5-5.5-5.5Z" fill="white"/> 2453 </svg> 2454 </div> 2455 <div> 2456 <h3 id="axPanelTitle">EriÅilebilirlik merkezi</h3> 2457 <p>Okuma, görünüm, ses ve odak araçları</p> 2458 </div> 2459 </div> 2460 <button id="axClose" class="ax-panel-close" type="button" aria-label="Paneli kapat">
2460Ã</button> 2461 </div> 2462 2463 <div class="ax-panel-body"> 2464 <div class="ax-section"> 2465 <div class="ax-section-head"> 2466 <h4>Hızlı ayarlar</h4> 2467 <span>Tek tıkla aç / kapat</span> 2468 </div> 2469 <div class="ax-grid" id="axCards"></div> 2470 </div> 2471 2472 <div class="ax-section"> 2473 <div class="ax-section-head"> 2474 <h4>Hızlı iÅlemler</h4> 2475 <span>Anında uygula</span> 2476 </div> 2477 <div class="ax-grid" id="axActionCards"></div> 2478 </div> 2479 2480 <div class="ax-section"> 2481 <div class="ax-section-head"> 2482 <h4>Metin ve okuma</h4> 2483 <span>Dengeli uygulama</span> 2484 </div> 2485 2486 <div class="ax-range-box"> 2487 <div class="ax-range-head"> 2488 <h5>Metin boyutu</h5> 2489 <span id="axFontValue">%100</span> 2490 </div> 2491 <label for="axFontRange">Sayfadaki gerçek yazı boyutlarını oranlı büyütür veya küçültür</label> 2492 <input id="axFontRange" type="range" min="85" max="160" step="5" value="100"> 2493 </div> 2494 2495 <div class="ax-range-box"> 2496 <div class="ax-range-head"> 2497 <h5>Satır yüksekliÄi</h5> 2498 <span id="axLineValue">1.6</span> 2499 </div> 2500 <label for="axLineRange">Uzun metinleri daha rahat takip etmek için satır boÅluÄunu ayarlar</label> 2501 <input id="axLineRange" type="range" min="1.2" max="2.4" step="0.1" value="1.6"> 2502 </div> 2503 2504 <div class="ax-range-box"> 2505 <div class="ax-range-head"> 2506 <h5>Harf aralıÄı</h5> 2507 <span id="axLetterValue">0px</span> 2508 </div> 2509 <label for="axLetterRange">Harf sıkıÅmasını azaltır</label> 2510 <input id="axLetterRange" type="range" min="0" max="5" step="0.2" value="0"> 2511 </div> 2512 2513 <div class="ax-range-box"> 2514 <div class="ax-range-head"> 2515 <h5>Kelime aralıÄı</h5> 2516 <span id="axWordValue">0px</span> 2517 </div> 2518 <label for="axWordRange">Kelime boÅluklarını artırır</label> 2519 <input id="axWordRange" type="range" min="0" max="8" step="0.5" value="0"> 2520 </div> 2521 2522 <div class="ax-range-box"> 2523 <div class="ax-range-head"> 2524 <h5>Okuma geniÅliÄi</h5> 2525 <span id="axWidthValue">100%</span> 2526 </div> 2527 <label for="axWidthRange">İçerik alanını daraltarak göz takibini kolaylaÅtırır</label> 2528 <input id="axWidthRange" type="range" min="60" max="100" step="5" value="100"> 2529 </div> 2530 2531 <div class="ax-range-box"> 2532 <div class="ax-range-head"> 2533 <h5>Yazı hizalama</h5> 2534 <span id="axAlignValue">Varsayılan</span> 2535 </div> 2536 <label>Metin bloklarının hizasını seç</label> 2537 <div class="ax-align-group"> 2538 <button class="ax-align-btn active" type="button" data-align="default">Varsayılan</button> 2539 <button class="ax-align-btn" type="button" data-align="left">Sola hizala</button> 2540 <button class="ax-align-btn" type="button" data-align="center">Ortala</button> 2541 <button class="ax-align-btn" type="button" data-align="justify">İki yana yasla</button> 2542 </div> 2543 </div> 2544 </div> 2545 2546 <div class="ax-speech-box"> 2547 <div class="ax-range-head"> 2548 <h5>Sesli araçlar</h5> 2549 <span>tr-TR</span> 2550 </div> 2551 <textarea id="axSpeechArea" placeholder="Metin yazabilir veya mikrofondan dönüÅtürebilirsin..."></textarea> 2552 <div class="ax-actions"> 2553 <button class="ax-btn" type="button" id="axSpeakBtn">Metni oku</button> 2554 <button class="ax-btn secondary" type="button" id="axStopSpeakBtn">Okumayı durdur</button> 2555 <button class="ax-btn secondary" type="button" id="axMicBtn">Mikrofonu baÅlat</button> 2556 </div> 2557 </div> 2558 2559 <div class="ax-actions"> 2560 <button class="ax-btn success" type="button" id="axSaveBtn">Ayarları kaydet</button> 2561 <button class="ax-btn secondary" type="button" id="axDefaultBtn">Varsayılan yap</button> 2562 <button class="ax-btn danger" type="button" id="axResetBtn">Tam sıfırla</button> 2563 </div> 2564 2565 <div class="ax-note"> 2566 Panel seçimlerden sonra açık kalır. Birden fazla ayarı arka arkaya seçebilirsin. 2567 </div> 2568 </div> 2569</aside> 2570 2571<div id="axLive" class="ax-live" aria-live="polite"></div> 2572
2573<script> 2574(function () { 2575 const storageKey = 'site_accessibility_preferences_v5'; 2576 2577 const html = document.documentElement; 2578 const body = document.body; 2579 const panel = document.getElementById('axPanel'); 2580 const trigger = document.getElementById('axTrigger'); 2581 const closeBtn = document.getElementById('axClose'); 2582 const readingOverlay = document.getElementById('axReadingOverlay'); 2583 const readingHole = document.getElementById('axReadingHole'); 2584 const live = document.getElementById('axLive'); 2585 const cardsRoot = document.getElementById('axCards'); 2586 const actionCardsRoot = document.getElementById('axActionCards'); 2587 2588 const fontRange = document.getElementById('axFontRange'); 2589 const lineRange = document.getElementById('axLineRange'); 2590 const letterRange = document.getElementById('axLetterRange'); 2591 const wordRange = document.getElementById('axWordRange'); 2592 const widthRange = document.getElementById('axWidthRange'); 2593 2594 const fontValue = document.getElementById('axFontValue'); 2595 const lineValue = document.getElementById('axLineValue'); 2596 const letterValue = document.getElementById('axLetterValue'); 2597 const wordValue = document.getElementById('axWordValue'); 2598 const widthValue = document.getElementById('axWidthValue'); 2599 const alignValue = document.getElementById('axAlignValue'); 2600 2601 const speechArea = document.getElementById('axSpeechArea'); 2602 const speakBtn = document.getElementById('axSpeakBtn'); 2603 const stopSpeakBtn = document.getElementById('axStopSpeakBtn'); 2604 const micBtn = document.getElementById('axMicBtn'); 2605 2606 const saveBtn = document.getElementById('axSaveBtn'); 2607 const defaultBtn = document.getElementById('axDefaultBtn'); 2608 const resetBtn = document.getElementById('axResetBtn'); 2609 2610 const defaults = { 2611 highContrast: false, 2612 invert: false, 2613 grayscale: false, 2614 underlineLinks: false, 2615 bigCursor: false, 2616 readingMask: false, 2617 disableAnimations: false, 2618 readableFont: false, 2619 highlightFocus: false, 2620 hideImages: false, 2621 markHeadings: false, 2622 highlightLinks: false, 2623 dyslexiaFriendly: false, 2624 softBackground: false, 2625 brightnessUp: false, 2626 hoverSpeech: false, 2627fontScale: null, 2628lineHeight: null, 2629letterSpacing: null, 2630wordSpacing: null, 2631readingWidth: null, 2632 textAlign: 'default' 2633 }; 2634 2635 const cardDefs = [ 2636 { key: 'highContrast', title: 'Yüksek kontrast', desc: 'Arayüz ve metin farkını artırır', icon: 'â' }, 2637 { key: 'invert', title: 'Renkleri ters çevir', desc: 'Koyu-açık görünümü ters çevirir', icon: '⤾' }, 2638 { key: 'grayscale', title: 'Gri tonlama', desc: 'Renk yoÄunluÄunu azaltır', icon: 'â¼' }, 2639 { key: 'underlineLinks', title: 'Link altını çiz', desc: 'BaÄlantıları daha görünür yapar', icon: 'â' }, 2640 { key: 'highlightLinks', title: 'Linkleri vurgula', desc: 'Tıklanabilir alanları öne çıkarır', icon: 'â¢' }, 2641 { key: 'bigCursor', title: 'Büyük imleç', desc: 'Fare iÅaretçisini büyütür', icon: 'â' }, 2642 { key: 'readingMask', title: 'Okuma maskesi', desc: 'Fare satırını aydınlatır', icon: 'â' }, 2643 { key: 'disableAnimations', title: 'Animasyonları durdur', desc: 'Hareket hassasiyeti için uygundur', icon: 'â¸' }, 2644 { key: 'readableFont', title: 'Okunabilir yazı', desc: 'Daha sade yazı tipi uygular', icon: 'Aa' }, 2645 { key: 'dyslexiaFriendly', title: 'Kolay okuma modu', desc: 'Ek boÅluklarla okumayı rahatlatır', icon: 'A+' }, 2646 { key: 'highlightFocus', title: 'Odak vurgusu', desc: 'Klavye gezintisini belirginleÅtirir', icon: 'â£' }, 2647 { key: 'hideImages', title: 'Görselleri gizle', desc: 'Dikkat daÄıtan görselleri kaldırır', icon: 'â«' }, 2648 { key: 'markHeadings', title: 'BaÅlıkları vurgula', desc: 'BaÅlık metinlerini öne çıkarır', icon: 'H' }, 2649 { key: 'softBackground', title: 'YumuÅak arka plan', desc: 'Daha sakin görünüm sunar', icon: 'â¼' }, 2650 { key: 'brightnessUp', title: 'ParlaklıÄı artır', desc: 'Genel görünümü biraz açar', icon: 'â¦' } 2651 ]; 2652 2653 const actionDefs = [ 2654 { action: 'toggleHoverSpeech', title: 'Hover sesli okuma', desc: 'Açıkken mouse üzerindeki metni anlık okur', icon: 'ð', toggle: true }, 2655 { action: 'stopSpeak', title: 'Okumayı durdur', desc: 'Aktif sesli okumayı hemen kapatır', icon: 'ð' }, 2656 { action: 'scrollTop', title: 'Yukarı çık', desc: 'Sayfanın üst kısmına g
2656ider', icon: 'â' }, 2657 { action: 'scrollBottom', title: 'AÅaÄı in', desc: 'Sayfanın alt kısmına gider', icon: 'â' } 2658 ]; 2659 2660 let state = loadState(); 2661 let recognition = null; 2662 let textNodesCache = []; 2663 let hoveredReadableElement = null; 2664 let lastPointerX = window.innerWidth / 2; 2665 let lastPointerY = window.innerHeight / 2; 2666 let hoverSpeakTimer = null; 2667 let lastSpokenText = ''; 2668 let lastSpokenAt = 0; 2669 2670 function announce(text) { 2671 live.textContent = ''; 2672 setTimeout(() => { 2673 live.textContent = text; 2674 }, 30); 2675 } 2676 2677 function loadState() { 2678 try { 2679 const saved = JSON.parse(localStorage.getItem(storageKey)); 2680 return { ...defaults, ...(saved || {}) }; 2681 } catch (e) { 2682 return { ...defaults }; 2683 } 2684 } 2685 2686 function saveState() { 2687 localStorage.setItem(storageKey, JSON.stringify(state)); 2688 announce('Ayarlar kaydedildi'); 2689 } 2690 2691 function isSkippableElement(el) { 2692 if (!el || !el.tagName) return true; 2693 const tag = el.tagName.toLowerCase(); 2694 2695 if (['script','style','noscript','svg','path','canvas','img','video','audio','iframe','br','hr','meta','link','source'].includes(tag)) return true; 2696 2697 if ( 2698 el.closest('#axPanel') || 2699 el.closest('.ax-root') || 2700 el.closest('#accessibility-widget') || 2701 el.closest('.accessibility') || 2702 el.closest('[aria-hidden="true"]') 2703 ) return true; 2704 2705 if (el.isContentEditable) return true; 2706 if (el.classList.contains('fa')) return true; 2707 if ((el.className || '').toString().match(/icon|avatar|thumb|logo/i)) return true; 2708 2709 return false; 2710 } 2711 2712 function hasMeaningfulText(el) { 2713 if (!el) return false; 2714 if (isSkippableElement(el)) return false; 2715 2716 const text = (el.textContent || '').replace(/\s+/g, ' ').trim(); 2717 if (text.length < 2) return false; 2718 2719 const rect = el.getBoundingClientRect(); 2720 if (rect.width < 4 || rect.height < 4) return false; 2721 2722 return true; 2723 } 2724 2725 function collectTextTargets() { 2726 textNodesCache = []; 2727 const elements = document.body.querySelectorAll('*'); 2728 2729 elements.forEach(el => { 2730 if (!hasMeaningfulText(el)) return; 2731 2732 const cs = window.getComputedStyle(el); 2733 const fontSize = parseFloat(cs.fontSize); 2734 if (!fontSize || fontSize < 9) return; 2735 2736 const lineHeightRaw = cs.lineHeight; 2737 let lineHeightPx = parseFloat(lineHeightRaw); 2738 if (!lineHeightPx || lineHeightRaw === 'normal') { 2739 lineHeightPx = fontSize * 1.35; 2740 } 2741 2742 const letterSpacingRaw = cs.letterSpacing; 2743 let letterSpacingPx = parseFloat(letterSpacingRaw); 2744 if (Number.isNaN(letterSpacingPx)) letterSpacingPx = 0; 2745 2746 const wordSpacingRaw = cs.wordSpacing; 2747 let wordSpacingPx = parseFloat(wordSpacingRaw); 2748 if (Number.isNaN(wordSpacingPx)) wordSpacingPx = 0; 2749 2750 textNodesCache.push({ 2751 el, 2752 fontSize, 2753 lineHeightPx, 2754 letterSpacingPx, 2755 wordSpacingPx 2756 }); 2757 }); 2758 } 2759 2760 function applyTypography() { 2761 if (!textNodesCache.length) collectTextTargets(); 2762 2763const scale = state.fontScale == null ? 1 : state.fontScale / 100; 2764const extraLetter = state.letterSpacing == null ? 0 : Number(state.letterSpacing); 2765const extraWord = state.wordSpacing == null ? 0 : Number(state.wordSpacing); 2766const lineRatio = state.lineHeight == null ? null : Number(state.lineHeight); 2767 2768 textNodesCache.forEach(item => { 2769 const el = item.el; 2770 if (!document.body.contains(el)) return; 2771 2772 const newFont = Math.max(10, item.fontSize * scale); 2773 const baseRatio = item.lineHeightPx / item.fontSize; 2774const appliedLineRatio = lineRatio == null ? baseRatio : Math.max(baseRatio, lineRatio); 2775const newLine = newFont * appliedLineRatio; 2776 2777 el.style.setProperty('font-size', newFont.toFixed(2) + 'px', 'important'); 2778 el.style.setProperty('line-height', newLine.toFixed(2) + 'px', 'important'); 2779 el.style.setProperty('letter-spacing', (item.letterSpacingPx + extraLetter).toFixed(2) + 'px', 'important'); 2780 el.style.setProperty('word-spacing', (item.wordSpacingPx + extraWord).toFixed(2) + 'px', 'important'); 2781 });
2782 } 2783 2784 function clearTypography() { 2785 textNodesCache.forEach(item => { 2786 const el = item.el; 2787 if (!document.body.contains(el)) return; 2788 el.style.removeProperty('font-size'); 2789 el.style.removeProperty('line-height'); 2790 el.style.removeProperty('letter-spacing'); 2791 el.style.removeProperty('word-spacing'); 2792 }); 2793 } 2794 2795 function refreshTypographyCache() { 2796 clearTypography(); 2797 collectTextTargets(); 2798 applyTypography(); 2799 } 2800 2801 function renderCards() { 2802 cardsRoot.innerHTML = cardDefs.map(item => { 2803 const active = !!state[item.key]; 2804 return ` 2805 <div class="ax-card ${active ? 'ax-active' : ''}"> 2806 <button type="button" data-key="${item.key}" aria-pressed="${active}"> 2807 <div class="ax-card-top"> 2808 <div class="ax-card-icon">${item.icon}</div> 2809 <div class="ax-badge ${active ? 'on' : 'off'}">${active ? 'Açık' : 'Kapalı'}</div> 2810 </div> 2811 <h5>${item.title}</h5> 2812 <p>${item.desc}</p> 2813 </button> 2814 </div> 2815 `; 2816 }).join(''); 2817 } 2818 2819 function renderActionCards() { 2820 actionCardsRoot.innerHTML = actionDefs.map(item => { 2821 let badgeClass = 'action'; 2822 let badgeText = 'ÃalıÅtır'; 2823 2824 if (item.toggle) { 2825 const active = !!state.hoverSpeech; 2826 badgeClass = active ? 'on' : 'off'; 2827 badgeText = active ? 'Açık' : 'Kapalı'; 2828 } 2829 2830 return ` 2831 <div class="ax-card ${item.toggle && state.hoverSpeech ? 'ax-active' : ''}"> 2832 <button type="button" data-action="${item.action}"> 2833 <div class="ax-card-top"> 2834 <div class="ax-card-icon">${item.icon}</div> 2835 <div class="ax-badge ${badgeClass}">${badgeText}</div> 2836 </div> 2837 <h5>${item.title}</h5> 2838 <p>${item.desc}</p> 2839 </button> 2840 </div> 2841 `; 2842 }).join(''); 2843 } 2844 2845 function updateAlignButtons() { 2846 document.querySelectorAll('.ax-align-btn').forEach(btn => { 2847 btn.classList.toggle('active', btn.getAttribute('data-align') === state.textAlign); 2848 }); 2849 2850 const labels = { 2851 default: 'Varsayılan', 2852 left: 'Sola hizala', 2853 center: 'Ortala', 2854 justify: 'İki yana yasla' 2855 }; 2856 alignValue.textContent = labels[state.textAlign] || 'Varsayılan'; 2857 } 2858 2859 function applyTextAlignment() { 2860 body.classList.remove('ax-text-align-left', 'ax-text-align-center', 'ax-text-align-justify'); 2861 2862 if (state.textAlign === 'left') body.classList.add('ax-text-align-left'); 2863 if (state.textAlign === 'center') body.classList.add('ax-text-align-center'); 2864 if (state.textAlign === 'justify') body.classList.add('ax-text-align-justify'); 2865 2866 updateAlignButtons(); 2867 } 2868 2869 function updateReadingMaskPosition(y) { 2870 const bandHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--ax-reading-band-height')) || 112; 2871 const top = Math.max(0, Math.min(window.innerHeight - bandHeight, y - bandHeight / 2)); 2872 readingHole.style.top = top + 'px'; 2873 } 2874 2875 function isReadableForHover(el) { 2876 if (!el || !el.tagName) return false; 2877 if (isSkippableElement(el)) return false; 2878 2879 const tag = el.tagName.toLowerCase(); 2880 const blockedTags = ['body', 'html', 'main', 'section', 'article', 'nav', 'header', 'footer', 'aside', 'ul', 'ol', 'table', 'tbody', 'thead', 'tr']; 2881 if (blockedTags.includes(tag)) return false; 2882 2883 const text = (el.innerText || el.textContent || '').replace(/\s+/g, ' ').trim(); 2884 if (text.length < 2) return false; 2885 2886 const rect = el.getBoundingClientRect(); 2887 if (rect.width < 20 || rect.height < 10) return false; 2888 2889 return true; 2890 } 2891 2892 function normalizeText(text) { 2893 return (text || '').replace(/\s+/g, ' ').trim(); 2894 } 2895 2896 function getBestReadableElementFromPoint(x, y) { 2897 let el = document.elementFromPoint(x, y); 2898 if (!el) return null; 2899 2900 if (el.nodeType !== 1 && el.parentElement) { 2901 el = el.parentElement; 2902 } 2903 2904 let current = el; 2905 while (current && current !== document.body) { 2906 if (isReadableForHover(current)) { 2907 const text = normalizeText(current.innerText || current.textContent); 2908 if (text.length >= 2 && text.length <= 1200) { 2909 return current; 2910 } 2911 } 2912 current = current.parentElement; 2913 } 2914 2915 const fallback = el.closest('p,span,a,button,label,li,h1,h2,h3,h4,h5,h6,strong,em,small,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]'); 2916 if (fallback && isReadableForHover(fallback)) { 2917 return fallback; 2918 } 2919 2920 return null; 2921 } 2922 2923 function getSelectedText() { 2924 const selection = window.getSelection ? window.getSelection().toString() : ''; 2925 return normalizeText(selection); 2926 } 2927 2928 function getReadableFromActiveElement() { 2929 const active = document.activeElement; 2930 if (!active || active === document.body) return null; 2931 if (isReadableForHover(active)) return active; 2932 2933 const closest = active.closest('p,span,a,button,label,li,h1,h2,h3,h4,h5,h6,strong,em,small,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]'); 2934 return closest && isReadableForHover(closest) ? closest : null; 2935 } 2936 2937 function getFirstReadableElement() { 2938 for (const item of textNodesCache) { 2939 if (!item || !item.el) continue; 2940 if (!document.body.contains(item.el)) continue; 2941 if (!isReadableForHover(item.el)) continue; 2942 2943 const text = normalizeText(item.el.innerText || item.el.textContent); 2944 if (text.length >= 2) return item.el; 2945 } 2946 2947 const fallbackElements = document.body.querySelectorAll('h1,h2,h3,h4,h5,h6,p,li,a,span,label,button,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]'); 2948 for (const el of fallbackElements) { 2949 if (!isReadableForHover(el)) continue; 2950 const text = normalizeText(el.innerText || el.textContent); 2951 if (text.length >= 2) return el; 2952 } 2953 2954 return null; 2955 } 2956 2957 function resolveReadableElement() {
2958 const fromPointer = getBestReadableElementFromPoint(lastPointerX, lastPointerY); 2959 if (fromPointer) return fromPointer; 2960 2961 if (hoveredReadableElement && document.body.contains(hoveredReadableElement) && isReadableForHover(hoveredReadableElement)) { 2962 return hoveredReadableElement; 2963 } 2964 2965 const fromActive = getReadableFromActiveElement(); 2966 if (fromActive) return fromActive; 2967 2968 const centerElement = getBestReadableElementFromPoint(window.innerWidth / 2, window.innerHeight / 2); 2969 if (centerElement) return centerElement; 2970 2971 return getFirstReadableElement(); 2972 } 2973 2974 function getHoveredReadableText() { 2975 const selectedText = getSelectedText(); 2976 if (selectedText.length >= 2) { 2977 return selectedText.length > 900 ? selectedText.slice(0, 900) : selectedText; 2978 } 2979 2980 const target = resolveReadableElement(); 2981 if (!target) return ''; 2982 2983 hoveredReadableElement = target; 2984 2985 let text = normalizeText(target.innerText || target.textContent); 2986 if (!text || text.length < 2) return ''; 2987 2988 if (text.length > 900) { 2989 text = text.slice(0, 900); 2990 } 2991 2992 return text; 2993 } 2994 2995 function applyState() { 2996 html.classList.toggle('ax-high-contrast', state.highContrast); 2997 html.classList.toggle('ax-invert', state.invert); 2998 html.classList.toggle('ax-grayscale', state.grayscale); 2999 html.classList.toggle('ax-links-underline', state.underlineLinks); 3000 html.classList.toggle('ax-big-cursor', state.bigCursor); 3001 html.classList.toggle('ax-disable-animations', state.disableAnimations); 3002 html.classList.toggle('ax-readable-font', state.readableFont); 3003 html.classList.toggle('ax-highlight-focus', state.highlightFocus); 3004 html.classList.toggle('ax-hide-images', state.hideImages); 3005 html.classList.toggle('ax-mark-headings', state.markHeadings); 3006 html.classList.toggle('ax-highlight-links', state.highlightLinks); 3007 html.classList.toggle('ax-dyslexia-friendly', state.dyslexiaFriendly); 3008 html.classList.toggle('ax-soft-background', state.softBackground); 3009 html.classList.toggle('ax-brightness-up', state.brightnessUp); 3010 3011 body.classList.toggle('ax-reading-width-active', state.readingWidth < 100); 3012 readingOverlay.classList.toggle('active', state.readingMask); 3013 3014fontRange.value = state.fontScale == null ? 100 : state.fontScale; 3015lineRange.value = state.lineHeight == null ? 1.6 : state.lineHeight; 3016letterRange.value = state.letterSpacing == null ? 0 : state.letterSpacing; 3017wordRange.value = state.wordSpacing == null ? 0 : state.wordSpacing; 3018widthRange.value = state.readingWidth == null ? 100 : state.readingWidth; 3019 3020fontValue.textContent = '%' + (state.fontScale == null ? 100 : state.fontScale); 3021lineValue.textContent = state.lineHeight == null ? 'Varsayılan' : state.lineHeight; 3022letterValue.textContent = (state.letterSpacing == null ? 0 : state.letterSpacing) + 'px'; 3023wordValue.textContent = (state.wordSpacing == null ? 0 : state.wordSpacing) + 'px'; 3024widthValue.textContent = (state.readingWidth == null ? 100 : state.readingWidth) + '%'; 3025 3026body.style.setProperty('--ax-reading-width', (state.readingWidth == null ? 100 : state.readingWidth) + '%', 'important'); 3027 3028 applyTypography(); 3029 applyTextAlignment(); 3030 renderCards(); 3031 renderActionCards(); 3032 } 3033 3034 function setDefaults(persist) { 3035 state = { ...defaults }; 3036 stopHoverSpeechMode(true); 3037 applyState(); 3038 if (persist) { 3039 localStorage.setItem(storageKey, JSON.stringify(state)); 3040 announce('Varsayılan ayarlar uygulandı'); 3041 } 3042 } 3043 3044 function resetAll() { 3045 state = { ...defaults }; 3046 localStorage.removeItem(storageKey); 3047 if ('speechSynthesis' in window) speechSynthesis.cancel(); 3048 if (recognition) { 3049 try { recognition.stop(); } catch (e) {} 3050 } 3051 stopHoverSpeechMode(true); 3052 clearTypography(); 3053 textNodesCache = []; 3054 applyState(); 3055 announce('Tüm ayarlar sıfırlandı'); 3056 } 3057 3058 function togglePanel(force) { 3059 const shouldOpen = typeof force === 'boolean' ? force : !panel.classList.contains('active'); 3060 panel.hidden = false; 3061 panel.classList.toggle('active', shouldOpen); 3062 trigger.setAttribute('aria-expanded', shouldOpen ? 'true' : 'false'); 3063 3064 if (!shouldOpen) { 3065 setTimeout(() => { 3066 if (!panel.classList.contains('active')) { 3067 panel.hidden = true; 3068 } 3069 }, 240); 3070 } 3071 } 3072 3073 function speakText(text, modeLabel) { 3074 const normalized = normalizeText(text); 3075 if (!normalized) return; 3076 3077 if (!('speechSynthesis' in window)) { 3078 alert('Bu tarayıcı sesli okumayı desteklemiyor.'); 3079 return; 3080 } 3081 3082 const now = Date.now(); 3083 if (normalized === lastSpokenText && now - lastSpokenAt < 2500) { 3084 return; 3085 } 3086 3087 speechSynthesis.cancel(); 3088 3089 const utterance = new SpeechSynthesisUtterance(normalized); 3090 utterance.lang = 'tr-TR'; 3091 utterance.rate = 1; 3092 utterance.pitch = 1; 3093 3094 lastSpokenText = normalized; 3095 lastSpokenAt = now; 3096 3097 speechSynthesis.speak(utterance); 3098 3099 if (modeLabel) { 3100 announce(modeLabel); 3101 } 3102 } 3103 3104 function startSpeech(customText) { 3105 const autoText = getHoveredReadableText(); 3106 const text = normalizeText(customText || speechArea.value.trim() || autoText); 3107 3108 if (!text) { 3109 announce('Okunabilir metin bulunamadı'); 3110 return; 3111 } 3112 3113 speakText(text, !speechArea.value.trim() ? 'En yakın metin okunuyor' : 'Sesli okuma baÅlatıldı'); 3114 } 3115 3116 function stopSpeech() { 3117 if ('speechSynthesis' in window) { 3118 speechSynthesis.cancel(); 3119 } 3120 lastSpokenText = ''; 3121 lastSpokenAt = 0; 3122 announce('Sesli okuma durduruldu'); 3123 } 3124 3125 function processHoverSpeech() { 3126 if (!state.hoverSpeech) return; 3127 3128 const manualText = normalizeText(speechArea.value.trim()); 3129 if (manualText) { 3130 speakText(manualText, 'Yazılan metin okunuyor'); 3131 return; 3132 } 3133 3134 const hoverText = getHoveredReadableText(); 3135 if (!hoverText) return; 3136 3137 speakText(hoverText, 'Mouse üzerindeki metin okunuyor'); 3138 } 3139 3140 function scheduleHoverSpeech() { 3141 if (!state.hoverSpeech) return; 3142 clearTimeout(hoverSpeakTimer); 3143 hoverSpeakTimer = setTimeout(() => { 3144 processHoverSpeech(); 3145 }, 220); 3146 } 3147 3148 function startHoverSpeechMode() { 3149 state.hoverSpeech = true; 3150 saveState(); 3151 renderActionCards(); 3152 scheduleHoverSpeech(); 3153 announce('Hover sesli okuma açıldı'); 3154 } 3155 3156 function stopHoverSpeechMode(silent) { 3157 state.hoverSpeech = false; 3158 clearTimeout(hoverSpeakTimer); 3159 stopSpeech(); 3160 renderActionCards(); 3161 if (!silent) { 3162 saveState(); 3163 announce('Hover sesli okuma kapatıldı'); 3164 } 3165 } 3166 3167 function toggleHoverSpeechMode() { 3168 if (state.hoverSpeech) { 3169 stopHoverSpeechMode(false); 3170 } else { 3171 startHoverSpeechMode(); 3172 } 3173 } 3174 3175 cardsRoot.addEventListener('click', function (e) { 3176 e.stopPropagation(); 3177 const btn = e.target.closest('button[data-key]'); 3178 if (!btn) return; 3179
3180 const key = btn.getAttribute('data-key'); 3181 state[key] = !state[key]; 3182 applyState(); 3183 3184 const title = btn.querySelector('h5').textContent; 3185 announce(title + ' ' + (state[key] ? 'açıldı' : 'kapatıldı')); 3186 }); 3187 3188 actionCardsRoot.addEventListener('click', function (e) { 3189 e.stopPropagation(); 3190 const btn = e.target.closest('button[data-action]'); 3191 if (!btn) return; 3192 3193 const action = btn.getAttribute('data-action'); 3194 3195 if (action === 'toggleHoverSpeech') toggleHoverSpeechMode(); 3196 if (action === 'stopSpeak') stopSpeech(); 3197 if (action === 'scrollTop') window.scrollTo({ top: 0, behavior: 'smooth' }); 3198 if (action === 'scrollBottom') window.scrollTo({ top: document.documentElement.scrollHeight, behavior: 'smooth' }); 3199 }); 3200 3201 fontRange.addEventListener('input', function (e) { 3202 e.stopPropagation(); 3203 state.fontScale = Number(this.value); 3204 applyState(); 3205 }); 3206 3207 lineRange.addEventListener('input', function (e) { 3208 e.stopPropagation(); 3209 state.lineHeight = Number(this.value); 3210 applyState(); 3211 }); 3212 3213 letterRange.addEventListener('input', function (e) { 3214 e.stopPropagation(); 3215 state.letterSpacing = Number(this.value); 3216 applyState(); 3217 }); 3218 3219 wordRange.addEventListener('input', function (e) { 3220 e.stopPropagation(); 3221 state.wordSpacing = Number(this.value); 3222 applyState(); 3223 }); 3224 3225 widthRange.addEventListener('input', function (e) { 3226 e.stopPropagation(); 3227 state.readingWidth = Number(this.value); 3228 applyState(); 3229 }); 3230 3231 document.querySelectorAll('.ax-align-btn').forEach(btn => { 3232 btn.addEventListener('click', function (e) { 3233 e.stopPropagation(); 3234 state.textAlign = this.getAttribute('data-align'); 3235 applyTextAlignment(); 3236 saveState(); 3237 }); 3238 }); 3239 3240 trigger.addEventListener('click', function (e) { 3241 e.stopPropagation(); 3242 togglePanel(); 3243 }); 3244 3245 panel.addEventListener('click', function (e) { 3246 e.stopPropagation(); 3247 }); 3248 3249 closeBtn.addEventListener('click', function (e) { 3250 e.stopPropagation(); 3251 togglePanel(false); 3252 }); 3253 3254 document.addEventListener('keydown', function (e) { 3255 if (e.key === 'Escape' && panel.classList.contains('active')) { 3256 togglePanel(false); 3257 } 3258 }); 3259 3260 document.addEventListener('mousemove', function (e) { 3261 lastPointerX = e.clientX; 3262 lastPointerY = e.clientY; 3263 hoveredReadableElement = getBestReadableElementFromPoint(e.clientX, e.clientY) || hoveredReadableElement; 3264 3265 if (state.readingMask) { 3266 updateReadingMaskPosition(e.clientY); 3267 } 3268 3269 if (state.hoverSpeech) { 3270 scheduleHoverSpeech(); 3271 } 3272 }); 3273 3274 document.addEventListener('pointermove', function (e) { 3275 lastPointerX = e.clientX; 3276 lastPointerY = e.clientY; 3277 hoveredReadableElement = getBestReadableElementFromPoint(e.clientX, e.clientY) || hoveredReadableElement; 3278 3279 if (state.hoverSpeech) { 3280 scheduleHoverSpeech(); 3281 } 3282 }, { passive: true }); 3283 3284 document.addEventListener('touchmove', function (e) { 3285 const touch = e.touches && e.touches[0]; 3286 if (!touch) return; 3287 3288 lastPointerX = touch.clientX; 3289 lastPointerY = touch.clientY; 3290 hoveredReadableElement = getBestReadableElementFromPoint(touch.clientX, touch.clientY) || hoveredReadableElement; 3291 3292 if (state.readingMask) { 3293 updateReadingMaskPosition(touch.clientY); 3294 } 3295 3296 if (state.hoverSpeech) { 3297 scheduleHoverSpeech(); 3298 } 3299 }, { passive: true }); 3300 3301 document.addEventListener('mouseover', function (e) { 3302 const target = e.target; 3303 if (!target || !target.closest) return; 3304 const readable = target.closest('p,span,a,button,label,li,h1,h2,h3,h4,h5,h6,strong,em,small,td,th,[class*="title"],[class*="text"],[class*="desc"],[class*="caption"]'); 3305 if (readable && isReadableForHover(readable)) { 3306 hoveredReadableElement = readable; 3307 if (state.hoverSpeech) { 3308 scheduleHoverSpeech(); 3309 } 3310 } 3311 }, { passive: true }); 3312 3313 speakBtn.addEventListener('click', function () { 3314 startSpeech(); 3315 }); 3316 3317 stopSpeakBtn.addEventListener('click', function () { 3318 stopSpeech(); 3319 }); 3320 3321 micBtn.addEventListener('click', function () { 3322 const SR = window.SpeechRecognition || window.webkitSpeechRecognition; 3323 if (!SR) { 3324 alert('Bu tarayıcı sesle yazmayı desteklemiyor.'); 3325 return; 3326 } 3327 3328 if (recognition) {
3329 try { recognition.stop(); } catch (e) {} 3330 } 3331 3332 recognition = new SR(); 3333 recognition.lang = 'tr-TR'; 3334 recognition.interimResults = false; 3335 recognition.maxAlternatives = 1; 3336 3337 micBtn.disabled = true; 3338 micBtn.textContent = 'Dinleniyor...'; 3339 3340 recognition.start(); 3341 3342 recognition.onresult = function (event) { 3343 const transcript = event.results[0][0].transcript; 3344 speechArea.value = speechArea.value ? speechArea.value + ' ' + transcript : transcript; 3345 announce('Ses metne dönüÅtürüldü'); 3346 if (state.hoverSpeech) { 3347 scheduleHoverSpeech(); 3348 } 3349 }; 3350 3351 recognition.onerror = function () { 3352 alert('Ses algılama sırasında bir hata oluÅtu.'); 3353 }; 3354 3355 recognition.onend = function () { 3356 micBtn.disabled = false; 3357 micBtn.textContent = 'Mikrofonu baÅlat'; 3358 }; 3359 }); 3360 3361 saveBtn.addEventListener('click', function () { 3362 saveState(); 3363 }); 3364 3365 defaultBtn.addEventListener('click', function () { 3366 setDefaults(true); 3367 }); 3368 3369 resetBtn.addEventListener('click', function () { 3370 resetAll(); 3371 }); 3372 3373 let resizeTimer = null; 3374 window.addEventListener('resize', function () { 3375 clearTimeout(resizeTimer); 3376 resizeTimer = setTimeout(function () { 3377 refreshTypographyCache(); 3378 hoveredReadableElement = resolveReadableElement(); 3379 if (state.hoverSpeech) { 3380 scheduleHoverSpeech(); 3381 } 3382 }, 180); 3383 }); 3384 3385 window.addEventListener('load', function () { 3386 setTimeout(function () { 3387 collectTextTargets(); 3388 applyState(); 3389 updateReadingMaskPosition(window.innerHeight / 2); 3390 hoveredReadableElement = resolveReadableElement(); 3391 if (state.hoverSpeech) { 3392 scheduleHoverSpeech(); 3393 } 3394 }, 80); 3395 }); 3396 3397 collectTextTargets(); 3398 renderCards(); 3399 renderActionCards(); 3400 applyState(); 3401})(); 3402</script>
3402 3403</body> 3404 3405</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.