{"id":2816,"date":"2023-07-13T14:09:00","date_gmt":"2023-07-13T11:09:00","guid":{"rendered":"https:\/\/yillik.kizilayakademi.org.tr\/?p=2816"},"modified":"2025-10-30T09:05:34","modified_gmt":"2025-10-30T06:05:34","slug":"turkiye-insani-calismalar-kronolojisi-2022","status":"publish","type":"post","link":"https:\/\/kizilayakademi.org.tr\/yillik\/turkiye-insani-calismalar-kronolojisi-2022\/","title":{"rendered":"T\u00fcrkiye \u0130nsani \u00c7al\u0131\u015fmalar Kronolojisi 2022"},"content":{"rendered":"\n<script>\n    \/\/ Timeline verileri buraya yaz\u0131lacak\n    const timelineData = [\n  {\n    \"date\": \"27 Ocak 2022\",\n    \"title\": \"Afganistan\u2019a \u0130nsani Yard\u0131m Malzemesi G\u00f6t\u00fcren I. \u0130yilik Treni Yola \u00c7\u0131kt\u0131\"\n  },\n  {\n    \"date\": \"3 \u015eubat 2022\",\n    \"title\": \"COVID-19 Tedbirleri Kapsam\u0131nda Maske Kullan\u0131m\u0131 Zorunlulu\u011fu Kald\u0131r\u0131ld\u0131\"\n  },\n  {\n    \"date\": \"27 \u015eubat 2022\",\n    \"title\": \"\u0130klim \u015euras\u0131 Ba\u015flad\u0131\"\n  },\n  {\n    \"date\": \"8 Mart 2022\",\n    \"title\": \"\u0130stanbul\u2019da Kar Ya\u011f\u0131\u015f\u0131 Nedeniyle Yollar Ula\u015f\u0131ma Kapand\u0131\"\n  },\n  {\n    \"date\": \"9 Mart 2022\",\n    \"title\": \"A\u011fr\u0131, Do\u011fubayaz\u0131t, Tend\u00fcrek Da\u011f\u0131 Ge\u00e7idi Tipi Nedeniyle Ula\u015f\u0131ma Kapand\u0131\"\n  },\n  {\n    \"date\": \"18 Mart 2022\",\n    \"title\": \"T\u00fcrkiye\u2019den L\u00fcbnan\u2019a \u0130nsani Yard\u0131m Malzemesi G\u00f6t\u00fcren \u0130yilik Gemisi Yola \u00c7\u0131kt\u0131\"\n  },\n  {\n    \"date\": \"21 Mart 2022\",\n    \"title\": \"Bitlis, \u00c7\u0131\u011f Afeti\"\n  },\n  {\n    \"date\": \"1 Nisan 2022\",\n    \"title\": \"- \u0130zmir, \u00c7e\u015fme, Orman Yang\u0131n\u0131<br>- Bilecik, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"5 Nisan 2022\",\n    \"title\": \"Kars, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"9 Nisan 2022\",\n    \"title\": \"Malatya, P\u00fct\u00fcrge Depremi, 5,2\"\n  },\n  {\n    \"date\": \"29 Nisan 2022\",\n    \"title\": \"\u015eanl\u0131urfa, Hilvan, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"4 May\u0131s 2022\",\n    \"title\": \"Elaz\u0131\u011f, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"5 May\u0131s 2022\",\n    \"title\": \"Antakya, Defne, Reyhanl\u0131, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"31 May\u0131s 2022\",\n    \"title\": \"Samsun, \u0130lkad\u0131m, Toprak Kaymas\u0131\"\n  },\n  {\n    \"date\": \"4 Haziran 2022\",\n    \"title\": \"Burdur, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"7 Haziran 2022\",\n    \"title\": \"Sivas, Gemerek, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"8 Haziran 2022\",\n    \"title\": \"Ni\u011fde, Bor, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"12 Haziran 2022\",\n    \"title\": \"Ankara, Sel ve Su Bask\u0131n\u0131<br>Kayseri, Kocasinan, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"13 Haziran 2022\",\n    \"title\": \"Adana, Yakap\u0131nar, Sel ve Su Bask\u0131n\u0131<br>Ni\u011fde, D\u00fcndarl\u0131, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"14 Haziran 2022\",\n    \"title\": \"Osmaniye, Sel ve Su Bask\u0131n\u0131<br>Konya, \u00c7umra, Sel ve Su Bask\u0131n\u0131<br>Aksaray, Ta\u015fp\u0131nar, Sel ve Su Bask\u0131n\u0131<br>Konya, Ere\u011fli, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"16 Haziran 2022\",\n    \"title\": \"K\u00fctahya, Alt\u0131nta\u015f, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"17 Haziran 2022\",\n    \"title\": \"Kayseri, K\u0131z\u0131l\u0131rmak, Arama Kurtarma\"\n  },\n  {\n    \"date\": \"21 Haziran 2022\",\n    \"title\": \"Kayseri, Felahiye, Sel ve Su Bask\u0131n\u0131<br>Mu\u011fla, Marmaris Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"26 Haziran 2022\",\n    \"title\": \"Bart\u0131n, Sel ve Su Bask\u0131n\u0131<br>Kastamonu, Sel ve Su Bask\u0131n\u0131<br>Sinop, Sel ve Su Bask\u0131n\u0131<br>Karab\u00fck, Sel ve Su Bask\u0131n\u0131<br>Zonguldak, Sel ve Su Bask\u0131n\u0131<br><br>\"\n  },\n  {\n    \"date\": \"27 Haziran 2022\",\n    \"title\": \"D\u00fczce, Sel ve Su Bask\u0131n\u0131<br>A\u011fr\u0131, Do\u011fubayaz\u0131t, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"29 Haziran 2022\",\n    \"title\": \"Bolu, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"1 Temmuz 2022\",\n    \"title\": \"Artvin, Hopa, Heyelan\"\n  },\n  {\n    \"date\": \"7 Temmuz 2022\",\n    \"title\": \"TARAP Resm\u00ee Gazete\u2019de Yay\u0131mland\u0131\"\n  },\n  {\n    \"date\": \"10 Temmuz 2022\",\n    \"title\": \"\u0130stanbul, Esenyurt, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"13 Temmuz 2022\",\n    \"title\": \"Mu\u011fla, Dat\u00e7a, Orman Yang\u0131n\u0131<br>\u0130zmir, \u00c7e\u015fme, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"17 Temmuz 2022\",\n    \"title\": \"Ayd\u0131n, Nazilli, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"18 Temmuz 2022\",\n    \"title\": \"Gaziantep, Orman Yang\u0131n\u0131<br>\u0130zmir, \u00c7e\u015fme, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"19 Temmuz 2022\",\n    \"title\": \"K\u0131rklareli, P\u0131narhisar, Orman Yang\u0131n\u0131<br>Manisa, G\u00f6rdes, Orman Yang\u0131n\u0131<br>Mu\u011fla, Milas, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"22 Temmuz 2022\",\n    \"title\": \"\u0130zmir, Seferihisar, Orman Yang\u0131n\u0131<br>Ukrayna-Rusya Tah\u0131l Koridoru Anla\u015fmas\u0131 \u0130mzaland\u0131\"\n  },\n  {\n    \"date\": \"23 Temmuz 2022\",\n    \"title\": \"K\u0131rklareli, Demircihalil, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"24 Temmuz 2022\",\n    \"title\": \"Manisa, Akhisar, Orman Yang\u0131n\u0131<br>K\u00fctahya, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"25 Temmuz 2022\",\n    \"title\": \"Ayd\u0131n, S\u00f6ke, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"28 Temmuz 2022\",\n    \"title\": \"Mu\u011fla, Marmaris, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"31 Temmuz 2022\",\n    \"title\": \"Burdur, Bucak, Orman Yang\u0131n\u0131<br>Hatay, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"6 A\u011fustos 2022\",\n    \"title\": \"Manisa, Soma, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"15 A\u011fustos 2022\",\n    \"title\": \"Bursa, Mudanya, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"20 A\u011fustos 2022\",\n    \"title\": \"Gaziantep, Zincirleme Trafik Kazas\u0131\"\n  },\n  {\n    \"date\": \"25 A\u011fustos 2022\",\n    \"title\": \"Bursa, Yeni\u015fehir, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"31 A\u011fustos 2022\",\n    \"title\": \"Bursa, Mudanya Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"2 Eyl\u00fcl 2022\",\n    \"title\": \"Erzincan, Refahiye, Orman Yang\u0131n\u0131<br>Edirne, Kap\u0131kule S\u0131n\u0131r Kap\u0131s\u0131, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"3 Eyl\u00fcl 2022\",\n    \"title\": \"Bart\u0131n, Abdipa\u015fa, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"6 Eyl\u00fcl 2022\",\n    \"title\": \"\u015e\u0131rnak, Merkez, Arama Kurtarma Faaliyeti\"\n  },\n  {\n    \"date\": \"7 Eyl\u00fcl 2022\",\n    \"title\": \"Mersin, B\u00fcy\u00fckeceli, Orman Yang\u0131n\u0131<br>Manisa, Soma, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"9 Eyl\u00fcl 2022\",\n    \"title\": \"Denizli, Kale, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"12 Eyl\u00fcl 2022\",\n    \"title\": \"Artvin, \u015eav\u015fat, Dutlu K\u00f6y Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"14 Eyl\u00fcl 2022\",\n    \"title\": \"Mu\u011fla, Ula, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"17 Eyl\u00fcl 2022\",\n    \"title\": \"Eski\u015fehir, Orman Yang\u0131n\u0131<br>Afyonkarahisar, K\u0131y\u0131r K\u00f6y\u00fc, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"18 Eyl\u00fcl 2022\",\n    \"title\": \"Tokat, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"19 Eyl\u00fcl 2022\",\n    \"title\": \"\u00c7orum, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"21 Eyl\u00fcl 2022\",\n    \"title\": \"Marmaris, Orman Yang\u0131n\u0131\"\n  },\n  {\n    \"date\": \"27 Eyl\u00fcl 2022\",\n    \"title\": \"Ardahan, G\u00f6le, Deprem, 5.0\"\n  },\n  {\n    \"date\": \"14 Ekim 2022\",\n    \"title\": \"Bart\u0131n, Amasra, Maden Oca\u011f\u0131 Patlamas\u0131\"\n  },\n  {\n    \"date\": \"4 Kas\u0131m 2022\",\n    \"title\": \"\u00a0 \u0130zmir, Buca, Deprem, 5.1\"\n  },\n  {\n    \"date\": \"12 Kas\u0131m 2022\",\n    \"title\": \"T\u00fcrkiye Genelinde Deprem Tatbikat\u0131 Yap\u0131ld\u0131\"\n  },\n  {\n    \"date\": \"13 Kas\u0131m 2022\",\n    \"title\": \"\u0130stanbul, Beyo\u011flu, Ter\u00f6r Sald\u0131r\u0131s\u0131\"\n  },\n  {\n    \"date\": \"23 Kas\u0131m 2022\",\n    \"title\": \"D\u00fczce, G\u00f6lyaka, Deprem, 5.9\"\n  },\n  {\n    \"date\": \"26 Kas\u0131m 2022\",\n    \"title\": \"\u015e\u0131rnak, Cizre, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"27 Kas\u0131m 2022\",\n    \"title\": \"\u00c7ank\u0131r\u0131, Ilgaz, Orman Yang\u0131n\u0131<br>Erzurum, K\u00f6pr\u00fck\u00f6y, Deprem, 4.8<br>Ayd\u0131n, \u0130ncirliova, Hortum\"\n  },\n  {\n    \"date\": \"12 Aral\u0131k 2022\",\n    \"title\": \"Antalya, Kumluca, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"12 Aral\u0131k 2022\",\n    \"title\": \"Mu\u011fla, Fethiye, Sel ve Su Bask\u0131n\u0131\"\n  },\n  {\n    \"date\": \"18 Aral\u0131k 2022\",\n    \"title\": \"Hatay, K\u0131r\u0131khan, Deprem, 4.8\"\n  }\n];\n<\/script>\n<style>\n\n    .timeline-container {\n        position: relative;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n  \n    \/* Yatay Timeline *\/\n    .timeline-horizontal {\n        position: relative;\n        height: 250px;\n        overflow: hidden;\n        padding: 50px 0;\n    }\n  \n    .timeline-horizontal .timeline-line {\n        position: absolute;\n        top: calc(50% - 100px);\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, #667eea, #764ba2);\n        transform: translateY(-50%);\n        border-radius: 2px;\n        z-index: 1;\n    }\n  \n    .timeline-horizontal .scroll-container {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        height: 100%;\n        cursor: grab;\n        position: relative;\n        z-index: 1;\n    }\n  \n    .timeline-horizontal .scroll-container::-webkit-scrollbar {\n        display: none;\n    }\n  \n    .timeline-horizontal .scroll-container:active {\n        cursor: grabbing;\n    }\n  \n    .timeline-horizontal .timeline-events {\n        display: flex;\n        gap: 80px;\n        padding: 0 40px;\n        height: 100%;\n        align-items: center;\n        position: relative;\n        z-index: 2;\n        min-width: max-content;\n    }\n  \n    .timeline-horizontal .event {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        min-width: 200px;\n        flex-shrink: 0;\n        justify-content: flex-start;\n    }\n  \n    .timeline-horizontal .event-node {\n        width: 24px;\n        height: 24px;\n        background: linear-gradient(135deg, #667eea, #764ba2);\n        border: 4px solid white;\n        border-radius: 50%;\n        position: absolute;\n        top: calc(50% - 100px);\n        left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 3;\n        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\n        transition: all 0.3s ease;\n    }\n  \n    .timeline-horizontal .event-node:hover {\n        transform: translate(-50%, -50%) scale(1.2);\n        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);\n    }\n  \n    .timeline-horizontal .event-content {\n        background: white;\n        padding: 20px;\n        border-radius: 15px;\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n        position: relative;\n        max-width: 250px;\n        text-align: center;\n        transition: all 0.3s ease;\n        height: 140px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        margin-top: 60px;\n    }\n  \n    .timeline-horizontal .event-content:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n    }\n  \n    .timeline-horizontal .event-content::before {\n        content: '';\n        position: absolute;\n        top: -10px;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 0;\n        height: 0;\n        border-left: 10px solid transparent;\n        border-right: 10px solid transparent;\n        border-bottom: 10px solid white;\n    }\n  \n    .timeline-horizontal .nav-arrow {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 40px;\n        height: 40px;\n        background: rgba(102, 126, 234, 0.9);\n        border: none;\n        border-radius: 50%;\n        color: white;\n        font-size: 18px;\n        cursor: pointer;\n        z-index: 2;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n  \n    .timeline-horizontal .nav-arrow:hover {\n        background: rgba(102, 126, 234, 1);\n        transform: translateY(-50%) scale(1.1);\n        box-shadow: 0 6px 16px rgba(0,0,0,0.3);\n    }\n  \n    .timeline-horizontal .nav-arrow.left {\n        left: 10px;\n    }\n  \n    .timeline-horizontal .nav-arrow.right {\n        right: 10px;\n    }\n  \n    .timeline-horizontal .nav-arrow:disabled {\n        background: rgba(102, 126, 234, 0.3);\n        cursor: not-allowed;\n        transform: translateY(-50%);\n    }\n  \n    .timeline-horizontal .event-date {\n        font-weight: 600;\n        color: #667eea;\n        margin-bottom: 8px;\n        font-size: 14px;\n    }\n  \n    .timeline-horizontal .event-title {\n        font-size: 16px;\n        color: #333;\n        line-height: 1.4;\n    }\n  \n    \/* Dikey Timeline *\/\n    .timeline-vertical {\n        position: relative;\n        padding: 20px 0;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n  \n    .timeline-vertical .timeline-line {\n        position: absolute;\n        left: 50%;\n        top: 0;\n        bottom: 0;\n        width: 4px;\n        background: linear-gradient(180deg, #667eea, #764ba2);\n        border-radius: 2px;\n        transform: translateX(-50%);\n        z-index: 1;\n    }\n  \n    .timeline-vertical .timeline-events {\n        position: relative;\n        z-index: 2;\n    }\n  \n    .timeline-vertical .event {\n        position: relative;\n        margin-bottom: 60px;\n        display: flex;\n        align-items: flex-start;\n        width: 100%;\n    }\n  \n    .timeline-vertical .event:nth-child(even) {\n        flex-direction: row-reverse;\n    }\n  \n    .timeline-vertical .event:nth-child(even) .event-content {\n        margin-right: 60px;\n        margin-left: 0;\n        margin-top: -18px;\n    }\n  \n    .timeline-vertical .event:nth-child(odd) .event-content {\n        margin-left: 60px;\n        margin-right: 0;\n        margin-top: -18px;\n    }\n  \n    .timeline-vertical .event-node {\n        width: 24px;\n        height: 24px;\n        background: linear-gradient(135deg, #667eea, #764ba2);\n        border: 4px solid white;\n        border-radius: 50%;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 3;\n        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\n        transition: all 0.3s ease;\n    }\n  \n    .timeline-vertical .event-node:hover {\n        transform: translateX(-50%) scale(1.2);\n        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);\n    }\n  \n    .timeline-vertical .event-content {\n        background: white;\n        padding: 25px;\n        border-radius: 15px;\n        box-shadow: 0 8px 25px rgba(0,0,0,0.1);\n        flex: 1;\n        max-width: 400px;\n        position: relative;\n        transition: all 0.3s ease;\n    }\n  \n    .timeline-vertical .event-content:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 35px rgba(0,0,0,0.15);\n    }\n  \n    .timeline-vertical .event:nth-child(odd) .event-content::before {\n        right: -10px;\n        left: auto;\n        border-left: 10px solid white;\n        border-right: none;\n    }\n  \n    .timeline-vertical .event:nth-child(even) .event-content::before {\n        left: -10px;\n        right: auto;\n        border-right: 10px solid white;\n        border-left: none;\n    }\n  \n    .timeline-vertical .event-content::before {\n        content: '';\n        position: absolute;\n        top: 20px;\n        width: 0;\n        height: 0;\n        border-top: 10px solid transparent;\n        border-bottom: 10px solid transparent;\n    }\n  \n    .timeline-vertical .event-date {\n        font-weight: 600;\n        color: #667eea;\n        margin-bottom: 10px;\n        font-size: 16px;\n    }\n  \n    .timeline-vertical .event-title {\n        font-size: 18px;\n        color: #333;\n        line-height: 1.5;\n    }\n  \n    \/* Responsive *\/\n    @media (max-width: 768px) {\n        .timeline-horizontal .timeline-events {\n            gap: 30px;\n            padding: 0 20px;\n        }\n  \n        .timeline-horizontal .event {\n            min-width: 140px;\n        }\n  \n        .timeline-horizontal .event-content {\n            padding: 15px;\n            max-width: 200px;\n        }\n  \n        .timeline-vertical .event {\n            flex-direction: column !important;\n            align-items: center;\n            margin-bottom: 40px;\n        }\n  \n        .timeline-vertical .event:nth-child(even) .event-content,\n        .timeline-vertical .event:nth-child(odd) .event-content {\n            margin-right: 0;\n            margin-left: 0;\n            margin-top: 20px;\n            text-align: center;\n            max-width: 90%;\n        }\n  \n        .timeline-vertical .event-content::before {\n            display: none;\n        }\n  \n        .timeline-vertical .timeline-line {\n            left: 20px;\n            transform: none;\n        }\n  \n        .timeline-vertical .event-node {\n            left: 8px;\n            transform: none;\n        }\n  \n        .timeline-vertical .event-node:hover {\n            transform: scale(1.2);\n        }\n    }\n  \n    .hidden {\n        display: none;\n    }\n  \n    .fade-in {\n        animation: fadeIn 0.6s ease-in;\n    }\n  \n    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(20px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n  <\/style>\n  \n  <div class=\"timeline-container\" style=\"padding: 20px;\">\n    <!-- Yatay Timeline -->\n    <div id=\"timeline-horizontal\" class=\"timeline-horizontal\">\n        <div class=\"timeline-line\"><\/div>\n        <button class=\"nav-arrow left\" id=\"scroll-left\">\u2039<\/button>\n        <button class=\"nav-arrow right\" id=\"scroll-right\">\u203a<\/button>\n        <div class=\"scroll-container\" id=\"scroll-container\">\n            <div class=\"timeline-events\" id=\"horizontal-events\"><\/div>\n        <\/div>\n    <\/div>\n  \n    <!-- Dikey Timeline -->\n    <div id=\"timeline-vertical\" class=\"timeline-vertical hidden\">\n        <div class=\"timeline-line\"><\/div>\n        <div class=\"timeline-events\" id=\"vertical-events\"><\/div>\n    <\/div>\n  <\/div>\n  \n  <script>\n    \/\/ Timeline y\u00f6n\u00fc ayar\u0131 - Bu de\u011fi\u015fkeni de\u011fi\u015ftirerek timeline y\u00f6n\u00fcn\u00fc ayarlayabilirsiniz\n    const TIMELINE_DIRECTION = 'vertical'; \/\/ 'horizontal' veya 'vertical'\n  \n    \/\/ Timeline render fonksiyonu\n    function renderTimeline(containerId, isHorizontal = true) {\n        const container = document.getElementById(containerId);\n        container.innerHTML = '';\n  \n        timelineData.forEach((event, index) => {\n            const eventElement = document.createElement('div');\n            eventElement.className = 'event fade-in';\n            eventElement.style.animationDelay = `${index * 0.1}s`;\n  \n            eventElement.innerHTML = `\n                <div class=\"event-node\"><\/div>\n                <div class=\"event-content\">\n                    <div class=\"event-date\">${event.date}<\/div>\n                    <div class=\"event-title\">${event.title}<\/div>\n                <\/div>\n            `;\n  \n            container.appendChild(eventElement);\n        });\n  \n        \/\/ Yatay timeline i\u00e7in \u00e7izgiyi dinamik olarak geni\u015flet\n        if (isHorizontal) {\n            setTimeout(() => {\n                const eventsContainer = container;\n                const timelineContainer = eventsContainer.closest('.timeline-horizontal');\n                const timelineLine = timelineContainer.querySelector('.timeline-line');\n                \n                if (eventsContainer.scrollWidth > timelineContainer.clientWidth) {\n                    const extraWidth = eventsContainer.scrollWidth - timelineContainer.clientWidth;\n                    timelineLine.style.width = `calc(100% + ${extraWidth}px)`;\n                }\n            }, 100);\n        }\n    }\n  \n    \/\/ Timeline y\u00f6n\u00fcn\u00fc ayarlama\n    function setTimelineDirection(direction) {\n        const horizontalTimeline = document.getElementById('timeline-horizontal');\n        const verticalTimeline = document.getElementById('timeline-vertical');\n  \n        if (direction === 'horizontal') {\n            horizontalTimeline.classList.remove('hidden');\n            verticalTimeline.classList.add('hidden');\n            renderTimeline('horizontal-events', true);\n        } else {\n            horizontalTimeline.classList.add('hidden');\n            verticalTimeline.classList.remove('hidden');\n            renderTimeline('vertical-events', false);\n        }\n    }\n  \n    \/\/ Scroll fonksiyonlar\u0131\n    function initScrollControls() {\n        const scrollContainer = document.getElementById('scroll-container');\n        const leftArrow = document.getElementById('scroll-left');\n        const rightArrow = document.getElementById('scroll-right');\n  \n        if (!scrollContainer || !leftArrow || !rightArrow) return;\n  \n        \/\/ Scroll miktar\u0131\n        const scrollAmount = 200;\n  \n        \/\/ Sol ok\n        leftArrow.addEventListener('click', () => {\n            scrollContainer.scrollBy({\n                left: -scrollAmount,\n                behavior: 'smooth'\n            });\n        });\n  \n        \/\/ Sa\u011f ok\n        rightArrow.addEventListener('click', () => {\n            scrollContainer.scrollBy({\n                left: scrollAmount,\n                behavior: 'smooth'\n            });\n        });\n  \n        \/\/ Scroll pozisyonuna g\u00f6re oklar\u0131 g\u00fcncelle\n        function updateArrows() {\n            const isAtStart = scrollContainer.scrollLeft <= 0;\n            const isAtEnd = scrollContainer.scrollLeft >= \n                (scrollContainer.scrollWidth - scrollContainer.clientWidth);\n  \n            leftArrow.disabled = isAtStart;\n            rightArrow.disabled = isAtEnd;\n        }\n  \n        \/\/ Scroll olay\u0131n\u0131 dinle\n        scrollContainer.addEventListener('scroll', updateArrows);\n        \n        \/\/ \u0130lk durumu kontrol et\n        updateArrows();\n    }\n  \n    \/\/ Drag to scroll fonksiyonu\n    function initDragScroll() {\n        const scrollContainer = document.getElementById('scroll-container');\n        if (!scrollContainer) return;\n  \n        let isDown = false;\n        let startX;\n        let scrollLeft;\n  \n        scrollContainer.addEventListener('mousedown', (e) => {\n            isDown = true;\n            scrollContainer.style.cursor = 'grabbing';\n            startX = e.pageX - scrollContainer.offsetLeft;\n            scrollLeft = scrollContainer.scrollLeft;\n        });\n  \n        scrollContainer.addEventListener('mouseleave', () => {\n            isDown = false;\n            scrollContainer.style.cursor = 'grab';\n        });\n  \n        scrollContainer.addEventListener('mouseup', () => {\n            isDown = false;\n            scrollContainer.style.cursor = 'grab';\n        });\n  \n        scrollContainer.addEventListener('mousemove', (e) => {\n            if (!isDown) return;\n            e.preventDefault();\n            const x = e.pageX - scrollContainer.offsetLeft;\n            const walk = (x - startX) * 2;\n            scrollContainer.scrollLeft = scrollLeft - walk;\n        });\n    }\n  \n    \/\/ Sayfa y\u00fcklendi\u011finde timeline'\u0131 ba\u015flat\n    document.addEventListener('DOMContentLoaded', function() {\n        setTimelineDirection(TIMELINE_DIRECTION);\n        initScrollControls();\n        initDragScroll();\n    });\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u2039 \u203a&#8230;<\/p>\n<p><a class=\"moretag\" href=\"https:\/\/kizilayakademi.org.tr\/yillik\/turkiye-insani-calismalar-kronolojisi-2022\/\">Devam\u0131 \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-fullwidth.php","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[4],"tags":[],"class_list":["post-2816","post","type-post","status-publish","format-standard","hentry","category-veriler","years-60"],"acf":[],"_links":{"self":[{"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/posts\/2816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/comments?post=2816"}],"version-history":[{"count":0,"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/posts\/2816\/revisions"}],"wp:attachment":[{"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/media?parent=2816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/categories?post=2816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kizilayakademi.org.tr\/yillik\/wp-json\/wp\/v2\/tags?post=2816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}