Yumu\u015fak Zeminlerde Dolgu M\u00fchendisli\u011fi<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\/dist\/chart.umd.min.js\"><\/script>\n \n \n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n \n \/* GENEL SIFIRLAMA VE FONT *\/\n body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; color: #333; padding-top: 0; }\n \n \/* GRAF\u0130K VE KAPSAYICI ST\u0130LLER\u0130 *\/\n .chart-container { position: relative; width: 100%; min-height: 350px; margin: 0 auto; }\n \/* WordPress temalar\u0131n\u0131n CSS'ini ezmek i\u00e7in !important kullan\u0131ld\u0131 *\/\n canvas { width: 100% !important; height: 100% !important; }\n \n \/* KART ETK\u0130LE\u015e\u0130M\u0130 *\/\n .card-hover { transition: all 0.3s ease; }\n .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }\n .tab-btn { border-bottom: 2px solid transparent; transition: all 0.2s ease; }\n .tab-btn.active-tab { border-bottom: 3px solid #0ea5e9; color: #0284c7; font-weight: 600; background-color: #f0f9ff; }\n \n \/* SCROLLBAR (Opsiyonel) *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n\n \/* HESAPLAYICI G\u0130R\u0130\u015eLER\u0130 *\/\n .calc-input {\n width: 70px;\n padding: 2px 5px;\n text-align: right;\n border: 1px solid #cbd5e1;\n border-radius: 6px;\n font-weight: 700;\n transition: all 0.2s;\n }\n .calc-input:focus {\n outline: none;\n border-color: #0ea5e9;\n box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.2);\n }\n\n \/* WordPress Temas\u0131na Uyum \u0130\u00e7in Ana Kapsay\u0131c\u0131ya \u0130zolasyon Eklendi *\/\n .main-container-isolated {\n \/* Kendi i\u00e7 stilini korumak i\u00e7in max-width ayar\u0131 temaya b\u0131rak\u0131ld\u0131 *\/\n margin: 0 auto;\n padding: 0;\n box-sizing: border-box;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800\">\n\n \n <div class=\"main-container-isolated\">\n\n \n <header class=\"bg-white border-b border-slate-200 py-24 lg:py-32 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-5 bg-[radial-gradient(#0ea5e9_1px,transparent_1px)] [background-size:20px_20px]\"><\/div>\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-slate-900 mb-8 tracking-tight leading-tight\">\n Yumu\u015fak Zeminlerde<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-600 to-blue-800\">Dolgu \u0130n\u015faat\u0131<\/span>\n <\/h1>\n <div class=\"bg-slate-50\/80 backdrop-blur-sm p-10 rounded-3xl border border-slate-200 shadow-xl max-w-4xl mx-auto\">\n <p class=\"text-xl md:text-2xl text-slate-700 leading-relaxed font-medium mb-6\">\n Y\u00fcksek su muhtevas\u0131, d\u00fc\u015f\u00fck kayma mukavemeti ve a\u015f\u0131r\u0131 oturma riski ta\u015f\u0131yan zeminlerde g\u00fcvenli dolgu tasar\u0131m\u0131 i\u00e7in interaktif karar destek sistemi.\n <\/p>\n <div class=\"inline-flex items-center justify-center px-5 py-2.5 bg-white rounded-full border border-slate-200 shadow-sm text-slate-500 font-semibold text-sm\">\n <i class=\"fas fa-graduation-cap text-sky-600 mr-2\"><\/i>\n Tez verilerine dayal\u0131 pratik \u00e7\u00f6z\u00fcmler ve analizler.\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n \n \n <section id=\"zeminler\" class=\"py-16 bg-white border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Problem Zeminlerin Analizi<\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed max-w-3xl\">\n Dolgu in\u015fas\u0131nda kar\u015f\u0131la\u015f\u0131lan yumu\u015fak zeminler, fiziksel ve mekanik \u00f6zelliklerine g\u00f6re farkl\u0131 riskler bar\u0131nd\u0131r\u0131r. A\u015fa\u011f\u0131daki sekmelerden zemin profilini se\u00e7erek geoteknik davran\u0131\u015flar\u0131 inceleyebilirsiniz.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 bg-slate-50 p-6 rounded-2xl shadow-inner border border-slate-100\">\n \n <div class=\"col-span-1 flex flex-col space-y-3\">\n <button onclick=\"updateSoilView('yumusak_kil')\" id=\"tab-yumusak_kil\" class=\"tab-btn w-full text-left p-5 rounded-xl bg-white shadow-sm border border-slate-200 hover:border-sky-300 group\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-bold text-slate-700 group-hover:text-sky-700\"><i class=\"fas fa-mountain mr-3 text-red-500\"><\/i> Yumu\u015fak Kil<\/span>\n <i class=\"fas fa-chevron-right text-slate-300 group-hover:text-sky-500\"><\/i>\n <\/div>\n <\/button>\n <button onclick=\"updateSoilView('turba')\" id=\"tab-turba\" class=\"tab-btn w-full text-left p-5 rounded-xl bg-white shadow-sm border border-slate-200 hover:border-sky-300 group\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-bold text-slate-700 group-hover:text-sky-700\"><i class=\"fas fa-seedling mr-3 text-green-700\"><\/i> Turba (Organik)<\/span>\n <i class=\"fas fa-chevron-right text-slate-300 group-hover:text-sky-500\"><\/i>\n <\/div>\n <\/button>\n <button onclick=\"updateSoilView('silt')\" id=\"tab-silt\" class=\"tab-btn w-full text-left p-5 rounded-xl bg-white shadow-sm border border-slate-200 hover:border-sky-300 group\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-bold text-slate-700 group-hover:text-sky-700\"><i class=\"fas fa-layer-group mr-3 text-yellow-600\"><\/i> Hassas Silt<\/span>\n <i class=\"fas fa-chevron-right text-slate-300 group-hover:text-sky-500\"><\/i>\n <\/div>\n <\/button>\n <\/div>\n\n \n <div class=\"col-span-1 lg:col-span-2 bg-white p-8 rounded-2xl shadow-lg border border-slate-200 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n <i class=\"fas fa-chart-pie text-9xl text-slate-800\"><\/i>\n <\/div>\n <h3 id=\"soil-title\" class=\"text-2xl font-bold text-slate-800 mb-3 relative z-10\">Zemin T\u00fcr\u00fc Se\u00e7iniz<\/h3>\n <p id=\"soil-desc\" class=\"text-slate-600 mb-8 leading-relaxed relative z-10 text-justify\">…<\/p>\n \n <div class=\"chart-container relative z-10\">\n <canvas id=\"soilRadarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"deformasyonlar\" class=\"py-16 bg-slate-50 border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Dolgu Alt\u0131ndaki Deformasyonlar<\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed max-w-3xl\">\n Yumu\u015fak zeminler \u00fczerine in\u015fa edilen dolgularda, y\u00fck aktar\u0131m\u0131 ile birlikte zemin k\u00fctlesinde \u00fc\u00e7 temel deformasyon mekanizmas\u0131 tetiklenir.\n <\/p>\n <\/div>\n \n <div class=\"mb-12 rounded-2xl overflow-hidden shadow-lg border border-slate-200 max-w-5xl mx-auto\">\n <img decoding=\"async\" src=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/yumusak-zeminlerde-dolgu-alti-oturmalari-1-scaled.png\" alt=\"Dolgu Alt\u0131 Oturmalar\u0131\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <div class=\"p-8 bg-white rounded-2xl shadow-md border border-slate-100 card-hover group\">\n <div class=\"w-14 h-14 bg-sky-50 rounded-xl flex items-center justify-center mb-6 group-hover:bg-sky-100 transition\">\n <i class=\"fas fa-compress-alt text-3xl text-sky-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Hacimsel Oturma<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm text-justify\">\n Efektif gerilme art\u0131\u015f\u0131yla birlikte zemin iskeletinin s\u0131k\u0131\u015fmas\u0131d\u0131r. D\u00fc\u015f\u00fck permeabiliteli killerde suyun at\u0131lmas\u0131yla ger\u00e7ekle\u015fen <strong>primer konsolidasyon<\/strong> ve zemin iskeletinin viskoz davran\u0131\u015f\u0131ndan (s\u00fcnme) kaynaklanan <strong>sekonder s\u0131k\u0131\u015fma<\/strong> bile\u015fenlerinden olu\u015fur.\n <\/p>\n <\/div>\n <div class=\"p-8 bg-white rounded-2xl shadow-md border border-slate-100 card-hover group\">\n <div class=\"w-14 h-14 bg-amber-50 rounded-xl flex items-center justify-center mb-6 group-hover:bg-amber-100 transition\">\n <i class=\"fas fa-arrows-alt-h text-3xl text-amber-500\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Yanal Yay\u0131lma<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm text-justify\">\n Dolgu y\u00fck\u00fcn\u00fcn yaratt\u0131\u011f\u0131 d\u00fc\u015fey gerilme, zemin i\u00e7erisinde yatay gerilmelere d\u00f6n\u00fc\u015f\u00fcr. Zemin kayma mukavemetinin yetersiz oldu\u011fu durumlarda, zemin k\u00fctlesi dolgu alt\u0131ndan d\u0131\u015far\u0131ya do\u011fru plastik akma (squeeze out) e\u011filimi g\u00f6sterir. Bu durum dolgu eteklerinde kabarmalara yol a\u00e7ar.\n <\/p>\n <\/div>\n <div class=\"p-8 bg-white rounded-2xl shadow-md border border-slate-100 card-hover group\">\n <div class=\"w-14 h-14 bg-red-50 rounded-xl flex items-center justify-center mb-6 group-hover:bg-red-100 transition\">\n <i class=\"fas fa-times-circle text-3xl text-red-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\u015eev Kaymas\u0131<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm text-justify\">\n Dolgu \u015fevi boyunca olu\u015fan kayd\u0131r\u0131c\u0131 momentlerin, zemin kayma mukavemeti taraf\u0131ndan kar\u015f\u0131lanamamas\u0131 durumudur. Genellikle dairesel kayma y\u00fczeyleri boyunca, drenajs\u0131z ko\u015fullarda (in\u015faat s\u0131ras\u0131nda veya hemen sonras\u0131nda) ani g\u00f6\u00e7me \u015feklinde geli\u015fir.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"temel_problemler\" class=\"py-16 bg-white border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Problemler ve Mekanizmalar<\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed max-w-3xl\">\n \u0130nteraktif grafiklerle Stabilite Kayb\u0131 ve A\u015f\u0131r\u0131 Oturma mekanizmalar\u0131n\u0131 inceleyin.\n <\/p>\n <div class=\"mt-8 mb-8 rounded-2xl overflow-hidden shadow-lg border border-slate-200 max-w-5xl\">\n <img decoding=\"async\" src=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/zayif-zeminlerde-stabilite-ve-oturma-1536x838.png\" alt=\"Stabilite ve Oturma Problemleri\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"col-span-1 space-y-4\">\n <button onclick=\"updateProblemView('stabilite')\" class=\"w-full text-left p-6 bg-white rounded-2xl shadow-sm border border-slate-200 card-hover group focus:outline-none focus:ring-2 focus:ring-sky-500 hover:border-sky-300\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"text-xl font-bold text-slate-800 group-hover:text-sky-600\">Stabilite Kayb\u0131<\/h3>\n <i class=\"fas fa-exclamation-triangle text-amber-500 text-xl\"><\/i>\n <\/div>\n <p class=\"text-sm text-slate-500\">\u015eev kaymas\u0131 ve ta\u015f\u0131ma g\u00fcc\u00fc g\u00f6\u00e7mesi.<\/p>\n <\/button>\n <button onclick=\"updateProblemView('oturma')\" class=\"w-full text-left p-6 bg-white rounded-2xl shadow-sm border border-slate-200 card-hover group focus:outline-none focus:ring-2 focus:ring-sky-500 hover:border-sky-300\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"text-xl font-bold text-slate-800 group-hover:text-sky-600\">A\u015f\u0131r\u0131 Oturma<\/h3>\n <i class=\"fas fa-arrow-down text-sky-500 text-xl\"><\/i>\n <\/div>\n <p class=\"text-sm text-slate-500\">Konsolidasyon ve s\u00fcnme etkileri.<\/p>\n <\/button>\n <\/div>\n <div class=\"col-span-1 lg:col-span-2 bg-slate-50 p-8 rounded-2xl shadow-inner border border-slate-200\">\n <div id=\"problem-content-text\" class=\"mb-6\">\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">Problem Analizi<\/h3>\n <p class=\"text-slate-600\">Soldaki panelden bir problem t\u00fcr\u00fc se\u00e7iniz.<\/p>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"problemChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analiz\" class=\"py-16 bg-slate-50 border-b border-slate-200\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Y\u00fck Analizi Sim\u00fclat\u00f6r\u00fc<\/h2>\n <p class=\"text-slate-600 text-lg\">\n Geleneksel toprak dolgu ile hafif dolgu (EPS) aras\u0131ndaki y\u00fck fark\u0131n\u0131 hesaplay\u0131n.\n <\/p>\n <\/div>\n \n \n <div class=\"bg-white p-8 md:p-10 rounded-3xl border border-slate-200 shadow-xl mb-10\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 items-center\">\n <div class=\"space-y-8\">\n <div>\n <label class=\"block text-sm font-bold text-slate-700 mb-3\">Dolgu Y\u00fcksekli\u011fi (H)<\/label>\n <input type=\"range\" id=\"fillHeight\" min=\"1\" max=\"15\" value=\"5\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-sky-600\">\n <div class=\"flex justify-between text-xs text-slate-500 mt-2 font-medium\">\n <span>1m<\/span>\n <span id=\"heightDisplay\" class=\"font-bold text-sky-600 text-xl\">5m<\/span>\n <span>15m<\/span>\n <\/div>\n <\/div>\n <div class=\"p-5 bg-slate-50 rounded-xl border border-slate-100\">\n <h4 class=\"font-bold text-slate-800 mb-3 text-sm uppercase\">Birim Hacim A\u011f\u0131rl\u0131klar\u0131<\/h4>\n <ul class=\"text-sm text-slate-600 space-y-2\">\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\n <span>Standart Dolgu:<\/span> \n <div class=\"flex items-center gap-1\">\n <input type=\"number\" id=\"stdUnitWeight\" value=\"20\" step=\"0.5\" class=\"calc-input text-slate-800\"> kN\/m\u00b3\n <\/div>\n <\/li>\n <li class=\"flex justify-between items-center pt-2\">\n <span>Hafif Dolgu (EPS):<\/span> \n <div class=\"flex items-center gap-1\">\n <input type=\"number\" id=\"epsUnitWeight\" value=\"0.2\" step=\"0.1\" class=\"calc-input text-sky-600\"> kN\/m\u00b3\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"space-y-5\">\n <div class=\"flex justify-between items-center p-5 bg-red-50 rounded-xl border border-red-100\">\n <span class=\"text-red-800 font-bold\">Standart Y\u00fck:<\/span>\n <span id=\"loadStandard\" class=\"text-2xl font-extrabold text-red-700\">100 kN\/m\u00b2<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-5 bg-emerald-50 rounded-xl border border-emerald-100\">\n <span class=\"text-emerald-800 font-bold\">Hafif Dolgu Y\u00fck\u00fc:<\/span>\n <span id=\"loadLight\" class=\"text-2xl font-extrabold text-emerald-700\">1 kN\/m\u00b2<\/span>\n <\/div>\n <div class=\"text-center pt-4\">\n <div class=\"inline-block px-6 py-2 bg-sky-600 text-white rounded-full text-sm font-bold shadow-md\">\n %<span id=\"reductionPercent\" class=\"text-lg\">99<\/span> Y\u00fck Azalmas\u0131\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200 bg-white p-2\">\n <img decoding=\"async\" src=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Toprak-dolgu-ve-EPS-arasindaki-fark-scaled.png\" alt=\"Toprak Dolgu ve EPS Fark\u0131\" class=\"w-full h-auto object-cover rounded-xl\">\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"cozumler\" class=\"py-16 bg-white border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10 text-center md:text-left\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">\u0130yile\u015ftirme Y\u00f6ntemleri Matrisi<\/h2>\n <p class=\"text-slate-600 text-lg max-w-3xl\">\n Projeniz i\u00e7in en uygun zemin iyile\u015ftirme y\u00f6ntemini belirlemek i\u00e7in a\u015fa\u011f\u0131daki se\u00e7eneklere t\u0131klay\u0131n.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n \n <div class=\"lg:col-span-4 space-y-3\">\n <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-4 pl-2\">Y\u00f6ntem Se\u00e7in<\/h3>\n \n <button onclick=\"selectSolution('eps', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group active-default\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-feather-alt\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Hafif Dolgu (EPS)<\/span>\n <\/button>\n <button onclick=\"selectSolution('pvd', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-grip-lines-vertical\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">D\u00fc\u015fey Dren + \u00d6n Y\u00fckleme<\/span>\n <\/button>\n <button onclick=\"selectSolution('geosentetik', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-border-all\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Geosentetik Donat\u0131<\/span>\n <\/button>\n <button onclick=\"selectSolution('tas_kolon', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-shapes\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Ta\u015f Kolonlar<\/span>\n <\/button>\n <button onclick=\"selectSolution('dsm', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-blender\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Derin Kar\u0131\u015ft\u0131rma (DSM)<\/span>\n <\/button>\n <button onclick=\"selectSolution('kazik', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-hammer\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Kaz\u0131kl\u0131 Dolgu<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"lg:col-span-8 bg-white rounded-2xl shadow-lg border border-slate-200 overflow-hidden flex flex-col md:flex-row min-h-[600px]\">\n <div class=\"p-8 md:w-1\/2 flex flex-col justify-center border-r border-slate-100 relative z-10 bg-white\/90\">\n <div id=\"content-wrapper\" class=\"fade-in\">\n <h3 id=\"sol-title\" class=\"text-2xl font-bold text-slate-800 mb-3\">…<\/h3>\n <p id=\"sol-desc\" class=\"text-slate-600 mb-6 leading-relaxed text-sm text-justify\">…<\/p>\n <div id=\"sol-tags\" class=\"flex flex-wrap gap-2 mb-6\"><\/div>\n <div class=\"bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg\">\n <p id=\"sol-pro\" class=\"text-sm text-blue-800 font-medium flex items-start\"><i class=\"fas fa-info-circle mr-2 mt-1\"><\/i> <span>\u00d6neri: Uygun y\u00f6ntem se\u00e7imi zemin profiline ba\u011fl\u0131d\u0131r.<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"md:w-1\/2 bg-slate-50 flex flex-col border-l border-slate-100\">\n \n <div class=\"w-full h-64 bg-slate-200 relative group overflow-hidden border-b border-slate-200\">\n <img decoding=\"async\" id=\"solution-bg-img\" src=\"\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Y\u00f6ntem G\u00f6rseli\">\n <\/div>\n \n <div class=\"flex-1 p-6 flex flex-col items-center justify-center bg-white\">\n <h4 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-4\">Performans Metrikleri<\/h4>\n <div class=\"chart-container\" style=\"min-height: 250px;\">\n <canvas id=\"solutionRadar\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"karsilastirma\" class=\"py-16 bg-slate-50 border-t border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-12 text-center\">\n <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Destek Sistemleri Kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h2>\n <p class=\"text-slate-600 text-lg max-w-3xl mx-auto mb-6 leading-relaxed\">\n Farkl\u0131 y\u00f6ntemlerin maliyet ve s\u00fcre eksenindeki konumu.\n <\/p>\n \n \n <div class=\"w-full max-w-5xl mx-auto text-left mb-8\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5\">\n <div class=\"p-5 bg-white rounded-xl border border-red-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-red-800 flex items-center mb-2\"><i class=\"fas fa-feather-alt mr-2 bg-red-100 p-1.5 rounded-lg\"><\/i> Hafif Dolgu (EPS)<\/p>\n <p class=\"text-sm text-slate-600\">En h\u0131zl\u0131, en pahal\u0131.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-amber-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-amber-800 flex items-center mb-2\"><i class=\"fas fa-grip-lines-vertical mr-2 bg-amber-100 p-1.5 rounded-lg\"><\/i> Dren + \u00d6n Y\u00fckleme<\/p>\n <p class=\"text-sm text-slate-600\">Ekonomik, ancak yava\u015f.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-green-800 flex items-center mb-2\"><i class=\"fas fa-shapes mr-2 bg-green-100 p-1.5 rounded-lg\"><\/i> Ta\u015f Kolonlar<\/p>\n <p class=\"text-sm text-slate-600\">Dengeli \u00e7\u00f6z\u00fcm.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-indigo-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-indigo-800 flex items-center mb-2\"><i class=\"fas fa-blender mr-2 bg-indigo-100 p-1.5 rounded-lg\"><\/i> DSM (Derin Kar\u0131\u015ft\u0131rma)<\/p>\n <p class=\"text-sm text-slate-600\">Y\u00fcksek performans, y\u00fcksek maliyet.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-teal-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-teal-800 flex items-center mb-2\"><i class=\"fas fa-border-all mr-2 bg-teal-100 p-1.5 rounded-lg\"><\/i> Geosentetik Donat\u0131<\/p>\n <p class=\"text-sm text-slate-600\">Stabilite i\u00e7in ucuz \u00e7\u00f6z\u00fcm.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-blue-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-blue-800 flex items-center mb-2\"><i class=\"fas fa-hammer mr-2 bg-blue-100 p-1.5 rounded-lg\"><\/i> Kaz\u0131kl\u0131 Dolgu<\/p>\n <p class=\"text-sm text-slate-600\">S\u0131f\u0131r risk, maksimum maliyet.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chart-container\" style=\"min-height: 450px;\">\n <canvas id=\"comparisonChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-slate-50 text-slate-600 py-8 text-center border-t border-slate-200\">\n <p class=\"text-sm font-medium opacity-80\">Kaynak: Y\u00fcksek Lisans Tezi, Hasan ARSLAN, 2006<\/p>\n <\/footer>\n\n <\/div> \n\n \n <script>\n \n \/\/ --- DATA OBJECTS ---\n const soilTypesData = {\n yumusak_kil: {\n title: \"Yumu\u015fak Kil (CL, CH)\",\n desc: \"Y\u00fcksek plastisiteli (CH) ve d\u00fc\u015f\u00fck drenajs\u0131z kayma mukavemetine sahip bu zeminler, dolgu y\u00fck\u00fc alt\u0131nda a\u015f\u0131r\u0131 bo\u015fluk suyu bas\u0131nc\u0131 \u00fcretir. D\u00fc\u015f\u00fck permeabilite (k) nedeniyle konsolidasyon s\u00fcreci y\u0131llara yay\u0131l\u0131rken, efektif gerilme art\u0131\u015f\u0131 yava\u015ft\u0131r. Stabilite sorunlar\u0131 ve zamana ba\u011fl\u0131 b\u00fcy\u00fck oturmalar ana risk fakt\u00f6rleridir.\",\n stats: [5, 1, 1, 1],\n labels: ['S\u0131k\u0131\u015fabilirlik', 'Mukavemet', 'Drenaj', 'Organik \u0130\u00e7erik']\n },\n turba: {\n title: \"Turba (Pt - Organik)\",\n desc: \"Bitki kal\u0131nt\u0131lar\u0131ndan olu\u015fan, \u00e7ok y\u00fcksek bo\u015fluk oran\u0131na (e) ve su muhtevas\u0131na (w > %200) sahip organik zeminlerdir. Dolgu y\u00fck\u00fc alt\u0131nda ani ve \u00e7ok b\u00fcy\u00fck birincil oturmalar\u0131n yan\u0131 s\u0131ra, y\u00fck sabitken bile devam eden belirgin sekonder (s\u00fcnme) oturmalar g\u00f6sterirler. Kayma mukavemeti ihmal edilebilir d\u00fczeydedir.\",\n stats: [5, 1, 3, 5],\n labels: ['S\u0131k\u0131\u015fabilirlik', 'Mukavemet', 'Drenaj', 'Organik \u0130\u00e7erik']\n },\n silt: {\n title: \"Hassas Silt (ML, MH)\",\n desc: \"Kohezyonsuz veya d\u00fc\u015f\u00fck kohezyonlu ince daneli zeminlerdir. Su muhtevas\u0131ndaki k\u00fc\u00e7\u00fck de\u011fi\u015fimlere kar\u015f\u0131 a\u015f\u0131r\u0131 hassast\u0131rlar ve '\u00e7abuk (quick)' davran\u0131\u015f g\u00f6sterebilirler. Dinamik y\u00fckler alt\u0131nda veya su seviyesi y\u00fckselmesinde s\u0131v\u0131la\u015fma (liquefaction) riski ta\u015f\u0131rlar. Kapilerite potansiyelleri y\u00fcksektir.\",\n stats: [3, 2, 4, 1],\n labels: ['S\u0131k\u0131\u015fabilirlik', 'Mukavemet', 'Drenaj', 'Organik \u0130\u00e7erik']\n }\n };\n\n const problemData = {\n stabilite: {\n title: \"Stabilite Kayb\u0131\",\n desc: \"Yumu\u015fak zeminlerde in\u015faat h\u0131z\u0131, bo\u015fluk suyu bas\u0131nc\u0131n\u0131n s\u00f6n\u00fcmlenmesinden h\u0131zl\u0131ysa, efektif gerilme ve dolay\u0131s\u0131yla kayma mukavemeti artmaz. Kritik y\u00fckseklik a\u015f\u0131ld\u0131\u011f\u0131nda, zemin ta\u015f\u0131ma g\u00fcc\u00fcn\u00fc kaybederek dairesel veya k\u00fctlesel bir g\u00f6\u00e7me mekanizmas\u0131yla y\u0131k\u0131l\u0131r.\",\n chartLabel: \"G\u00fcvenlik Say\u0131s\u0131 (FS) vs. Y\u00fckseklik\",\n chartData: [2.5, 2.0, 1.5, 1.1, 0.9, 0.7],\n chartLabels: ['1m', '2m', '3m', '4m', '5m', '6m'],\n color: '#f59e0b'\n },\n oturma: {\n title: \"A\u015f\u0131r\u0131 Oturma\",\n desc: \"Dolgu y\u00fck\u00fc alt\u0131nda zeminin hacimsel s\u0131k\u0131\u015fmas\u0131d\u0131r. Ani (elastik) oturma, suyun at\u0131lmas\u0131yla olu\u015fan konsolidasyon oturmas\u0131 ve zemin iskeletinin vizkoz davran\u0131\u015f\u0131ndan kaynaklanan sekonder oturma bile\u015fenlerinden olu\u015fur. Toplam oturma metreler mertebesine ula\u015fabilir.\",\n chartLabel: \"Oturma (cm) vs. Zaman (Y\u0131l)\",\n chartData: [0, 20, 35, 45, 52, 58, 62, 65],\n chartLabels: ['0', '1', '2', '5', '10', '20', '30', '50'],\n color: '#0ea5e9'\n }\n };\n \n const solutionData = {\n eps: { \n title: \"Hafif Dolgu (EPS)\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/hafif-dolgu-eps-geofoam.png\", \n desc: \"Geleneksel dolgu malzemesinin birim hacim a\u011f\u0131rl\u0131\u011f\u0131 yakla\u015f\u0131k 20 kN\/m\u00b3 iken, EPS bloklar\u0131n a\u011f\u0131rl\u0131\u011f\u0131 bunun %1'i kadard\u0131r (0.2-0.3 kN\/m\u00b3). Bu y\u00f6ntem, mevcut zemin \u00fczerine gelen s\u00fcr\u015farj y\u00fck\u00fcn\u00fc radikal bi\u00e7imde azaltarak, ta\u015f\u0131ma g\u00fcc\u00fc yetersizli\u011fini ve a\u015f\u0131r\u0131 oturma problemlerini kayna\u011f\u0131nda \u00e7\u00f6zer. Bloklar, lego benzeri bir sistemle h\u0131zl\u0131ca in\u015fa edilir ve \u00fczerine koruyucu bir betonarme plak ile yol kaplamas\u0131 uygulan\u0131r. \u00d6zellikle zamana ba\u011fl\u0131 oturma tahamm\u00fcl\u00fc olmayan acil projelerde tercih edilir.\", \n stats: [5, 5, 5, 5, 4], \n tags: [\"Ultra Hafif\", \"H\u0131zl\u0131\", \"Pahal\u0131\"] \n },\n pvd: { \n title: \"D\u00fc\u015fey Dren + \u00d6n Y\u00fckleme\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Dusey-Drenler-On-Yukleme.png\", \n desc: \"Yumu\u015fak ve d\u00fc\u015f\u00fck ge\u00e7irimli killi zeminlerde, konsolidasyon s\u00fcrecini h\u0131zland\u0131rmak amac\u0131yla zemin i\u00e7erisine s\u0131k aral\u0131klarla (1-1.5m) prefabrik d\u00fc\u015fey drenler (fitil dren) yerle\u015ftirilir. Ard\u0131ndan, servis y\u00fck\u00fcnden daha b\u00fcy\u00fck bir '\u00f6n y\u00fck' (s\u00fcr\u015farj) ge\u00e7ici olarak uygulan\u0131r. Bu kombinasyon, suyun yatayda ka\u00e7\u0131\u015f yolunu k\u0131saltarak, normalde y\u0131llar s\u00fcrecek konsolidasyon oturmalar\u0131n\u0131n in\u015faat s\u00fcresi (3-6 ay) i\u00e7inde tamamlanmas\u0131n\u0131 sa\u011flar ve zemin mukavemetini art\u0131r\u0131r.\", \n stats: [2, 4, 3, 2, 4], \n tags: [\"Ekonomik\", \"Yayg\u0131n\"] \n },\n geosentetik: { \n title: \"Geosentetik Donat\u0131\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Geosentetik-Donati-1.png\", \n desc: \"Dolgu taban\u0131na serilen y\u00fcksek \u00e7ekme dayan\u0131m\u0131na sahip geogrid veya geotekstiller, zemin ile dolgu aras\u0131nda bir donat\u0131 tabakas\u0131 olu\u015fturur. Bu donat\u0131, dolgu y\u00fck\u00fcnden kaynaklanan yatay a\u00e7\u0131lma kuvvetlerini kar\u015f\u0131layarak dolgunun yanal olarak yay\u0131lmas\u0131n\u0131 engeller ve \u015fev stabilitesini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131r. Ayr\u0131ca zay\u0131f zemin ile kaliteli dolgu malzemesinin birbirine kar\u0131\u015fmas\u0131n\u0131 \u00f6nleyen bir ay\u0131r\u0131c\u0131 bariyer g\u00f6revi g\u00f6r\u00fcr.\", \n stats: [2, 2, 4, 5, 3], \n tags: [\"Ucuz\", \"Stabilite\"] \n },\n tas_kolon: { \n title: \"Ta\u015f Kolonlar\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/tas-kolonlar.png\", \n desc: \"Zay\u0131f zemin i\u00e7erisine vibro-flotasyon veya darbe y\u00f6ntemleriyle a\u00e7\u0131lan silindirik bo\u015fluklara k\u0131rmata\u015f (agrega) doldurulup s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131yla olu\u015fturulur. Bu kolonlar, zemin i\u00e7inde daha rijit elemanlar yaratarak y\u00fck\u00fcn b\u00fcy\u00fck k\u0131sm\u0131n\u0131 \u00fczerine al\u0131r (gerilme payla\u015f\u0131m\u0131) ve oturmay\u0131 azalt\u0131r. Ayn\u0131 zamanda, y\u00fcksek ge\u00e7irgenlikleri sayesinde devasa birer d\u00fc\u015fey dren gibi \u00e7al\u0131\u015farak zemindeki bo\u015fluk suyu bas\u0131nc\u0131n\u0131n s\u00f6n\u00fcmlenmesini ve konsolidasyonun h\u0131zlanmas\u0131n\u0131 sa\u011flarlar.\", \n stats: [3, 4, 4, 3, 4], \n tags: [\"Orta Maliyet\", \"Drenaj\"] \n },\n dsm: { \n title: \"Derin Kar\u0131\u015ft\u0131rma (DSM)\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/derin-karistirma.png\", \n desc: \"Mevcut zemin k\u00fctlesinin, \u00f6zel kar\u0131\u015ft\u0131r\u0131c\u0131 b\u0131\u00e7aklar veya jetler kullan\u0131larak \u00e7imento veya kire\u00e7 \u015ferbeti ile yerinde (in-situ) kar\u0131\u015ft\u0131r\u0131lmas\u0131 i\u015flemidir. Bu i\u015flem sonucunda zemin i\u00e7inde beton benzeri rijitli\u011fe sahip kolonlar veya paneller (Soil-Crete) olu\u015fturulur. Bu y\u00f6ntem, zeminin kimyasal yap\u0131s\u0131n\u0131 de\u011fi\u015ftirerek kal\u0131c\u0131 bir mukavemet art\u0131\u015f\u0131 sa\u011flar, toplam oturmay\u0131 minimize eder ve potansiyel s\u0131v\u0131la\u015fma riskini ortadan kald\u0131r\u0131r.\", \n stats: [4, 5, 5, 4, 5], \n tags: [\"Y\u00fcksek Mukavemet\"] \n },\n kazik: { \n title: \"Kaz\u0131kl\u0131 Dolgu\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/kazikli-dolgu.png\", \n desc: \"Zemin iyile\u015ftirmesinin teknik veya ekonomik olarak yetersiz kald\u0131\u011f\u0131 \u00e7ok derin ve a\u015f\u0131r\u0131 yumu\u015fak zeminlerde tercih edilir. Dolgu y\u00fck\u00fc, zay\u0131f zemin tabakas\u0131n\u0131 hi\u00e7 etkilemeden, \u00e7ak\u0131lan veya yerinde d\u00f6k\u00fclen kaz\u0131klar \u00fczerinden daha derindeki sa\u011flam zemine veya kayaya aktar\u0131l\u0131r. Kaz\u0131k ba\u015flar\u0131 \u00fczerine yerle\u015ftirilen 'Y\u00fck Aktar\u0131m Platformu' (LTP) ve geogrid donat\u0131lar sayesinde, dolgu alt\u0131nda kemerlenme (arching) etkisi yarat\u0131larak s\u0131f\u0131ra yak\u0131n oturma performans\u0131 elde edilir.\", \n stats: [5, 5, 5, 3, 5], \n tags: [\"En Pahal\u0131\", \"Kesin \u00c7\u00f6z\u00fcm\"] \n }\n };\n\n const radarLabels = ['Maliyet', 'Oturma', 'Stabilite', 'H\u0131z', 'G\u00fcven'];\n\n \/\/ --- CHART INSTANCES ---\n let soilRadarChartInstance = null;\n let problemChartInstance = null;\n let radarChartInstance = null;\n let comparisonChartInstance = null;\n\n \/\/ --- FUNCTIONS ---\n function updateSoilView(type) {\n const data = soilTypesData[type];\n if(!data) return;\n \n document.getElementById('soil-title').innerText = data.title;\n document.getElementById('soil-desc').innerText = data.desc;\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active-tab'));\n const active = document.getElementById(`tab-${type}`);\n if(active) active.classList.add('active-tab');\n\n const ctx = document.getElementById('soilRadarChart');\n if(ctx) {\n if(soilRadarChartInstance) soilRadarChartInstance.destroy();\n soilRadarChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: data.labels,\n datasets: [{\n label: 'Risk Seviyesi',\n data: data.stats,\n backgroundColor: 'rgba(239, 68, 68, 0.2)',\n borderColor: '#ef4444',\n pointBackgroundColor: '#ef4444'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: { r: { suggestedMin: 0, suggestedMax: 5, ticks: { display: false } } },\n plugins: { legend: { display: false } }\n }\n });\n }\n }\n\n function updateProblemView(type) {\n const data = problemData[type];\n if(!data) return;\n\n document.getElementById('problem-content-text').innerHTML = `<h3 class=\"text-2xl font-bold text-slate-800 mb-2\">${data.title}<\/h3><p class=\"text-slate-600\">${data.desc}<\/p>`;\n \n const ctx = document.getElementById('problemChart');\n if(ctx) {\n if(problemChartInstance) problemChartInstance.destroy();\n problemChartInstance = new Chart(ctx, {\n type: 'line',\n data: {\n labels: data.chartLabels,\n datasets: [{\n label: data.chartLabel,\n data: data.chartData,\n borderColor: data.color,\n backgroundColor: data.color + '20',\n fill: true,\n tension: 0.4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: { legend: { display: false } }\n }\n });\n }\n }\n\n function initSolutionChart() {\n const ctx = document.getElementById('solutionRadar');\n if(!ctx) return;\n \n if(radarChartInstance) radarChartInstance.destroy();\n radarChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: radarLabels,\n datasets: [{\n label: 'De\u011fer',\n data: [0,0,0,0,0],\n backgroundColor: 'rgba(14, 165, 233, 0.2)',\n borderColor: '#0ea5e9',\n pointBackgroundColor: '#0ea5e9'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: { r: { suggestedMin: 0, suggestedMax: 5, ticks: { display: false } } },\n plugins: { legend: { display: false } }\n }\n });\n }\n\n function selectSolution(key, btn) {\n const data = solutionData[key];\n if(!data) return;\n\n document.querySelectorAll('.solution-btn').forEach(b => b.classList.remove('active'));\n if(btn) btn.classList.add('active');\n\n const wrapper = document.getElementById('content-wrapper');\n document.getElementById('sol-title').textContent = data.title;\n document.getElementById('sol-desc').textContent = data.desc;\n \n const bgImg = document.getElementById('solution-bg-img');\n if(bgImg) bgImg.src = data.image;\n\n const tags = document.getElementById('sol-tags');\n tags.innerHTML = '';\n data.tags.forEach(t => {\n const s = document.createElement('span');\n s.className = 'px-3 py-1 bg-sky-100 text-sky-800 text-xs font-semibold rounded-full';\n s.textContent = t;\n tags.appendChild(s);\n });\n\n wrapper.classList.remove('fade-in');\n void wrapper.offsetWidth;\n wrapper.classList.add('fade-in');\n\n if(radarChartInstance) {\n radarChartInstance.data.datasets[0].data = data.stats;\n radarChartInstance.update();\n }\n }\n\n \/\/ --- MAIN INITIALIZATION ---\n \/\/ Use timeout to ensure layout is ready\n window.addEventListener('load', () => {\n setTimeout(() => {\n \/\/ 1. Initialize Views\n updateSoilView('yumusak_kil');\n updateProblemView('stabilite'); \/\/ Ensure this is called explicitly\n \n \/\/ 2. Initialize Solution Chart\n initSolutionChart();\n const firstSolBtn = document.querySelector('.solution-btn');\n if(firstSolBtn) selectSolution('eps', firstSolBtn);\n\n \/\/ 3. Initialize Comparison Chart (Bar)\n const compCtx = document.getElementById('comparisonChart');\n if(compCtx) {\n if(comparisonChartInstance) comparisonChartInstance.destroy();\n comparisonChartInstance = new Chart(compCtx, {\n type: 'bar',\n data: {\n labels: ['Geosentetik', 'D\u00fc\u015fey Dren', 'Ta\u015f Kolon', 'DSM', 'EPS', 'Kaz\u0131kl\u0131 Dolgu'],\n datasets: [\n {\n label: 'Maliyet (D\u00fc\u015f\u00fck=\u0130yi)',\n data: [2, 3, 5, 7, 8, 10],\n backgroundColor: '#ef4444'\n },\n {\n label: 'S\u00fcre (D\u00fc\u015f\u00fck=H\u0131zl\u0131)',\n data: [1, 8, 3, 3, 1, 4],\n backgroundColor: '#10b981'\n }\n ]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: { legend: { position: 'top' } },\n scales: { x: { beginAtZero: true, max: 10 } }\n }\n });\n }\n }, 50);\n\n \/\/ 4. Calculator Logic\n const hIn = document.getElementById('fillHeight');\n const stdIn = document.getElementById('stdUnitWeight');\n const epsIn = document.getElementById('epsUnitWeight');\n \n function calc() {\n if(!hIn) return;\n const h = parseFloat(hIn.value);\n const w1 = parseFloat(stdIn.value);\n const w2 = parseFloat(epsIn.value);\n \n document.getElementById('heightDisplay').innerText = h + 'm';\n document.getElementById('loadStandard').innerText = (h*w1).toFixed(0) + ' kN\/m\u00b2';\n document.getElementById('loadLight').innerText = (h*w2).toFixed(1) + ' kN\/m\u00b2';\n document.getElementById('reductionPercent').innerText = ((h*w1 - h*w2)\/(h*w1)*100).toFixed(1);\n }\n\n if(hIn) {\n hIn.addEventListener('input', calc);\n stdIn.addEventListener('input', calc);\n epsIn.addEventListener('input', calc);\n calc();\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-9c50f9ec-e9ae-42a6-8448-55c66ecd9c3f\" href=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/yumusak-zeminlerde-dolgu-problemleri.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Yumusak Zeminlerde Dolgu Problemleri<\/a><a href=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/yumusak-zeminlerde-dolgu-problemleri.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-9c50f9ec-e9ae-42a6-8448-55c66ecd9c3f\">\u0130ndir<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yumu\u015fak Zeminlerde Dolgu M\u00fchendisli\u011fi Yumu\u015fak Zeminlerde Dolgu \u0130n\u015faat\u0131 Y\u00fcksek su muhtevas\u0131, d\u00fc\u015f\u00fck kayma mukavemeti ve a\u015f\u0131r\u0131 oturma riski ta\u015f\u0131yan zeminlerde g\u00fcvenli dolgu tasar\u0131m\u0131 i\u00e7in interaktif karar destek sistemi. Tez verilerine dayal\u0131 pratik \u00e7\u00f6z\u00fcmler ve analizler. Problem Zeminlerin Analizi Dolgu in\u015fas\u0131nda kar\u015f\u0131la\u015f\u0131lan yumu\u015fak zeminler, fiziksel ve mekanik \u00f6zelliklerine g\u00f6re farkl\u0131 riskler bar\u0131nd\u0131r\u0131r. A\u015fa\u011f\u0131daki sekmelerden zemin profilini…<\/p>","protected":false},"author":1,"featured_media":5129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"Y\u00fcksek su muhtevas\u0131, d\u00fc\u015f\u00fck kayma mukavemeti ve a\u015f\u0131r\u0131 oturma riski ta\u015f\u0131yan zeminlerde g\u00fcvenli dolgu tasar\u0131m\u0131 i\u00e7in interaktif karar destek sistemi. Dolgu in\u015fas\u0131nda kar\u015f\u0131la\u015f\u0131lan yumu\u015fak zeminler, fiziksel ve mekanik \u00f6zelliklerine g\u00f6re farkl\u0131 riskler bar\u0131nd\u0131r\u0131r. A\u015fa\u011f\u0131daki sekmelerden zemin profilini se\u00e7erek geoteknik davran\u0131\u015flar\u0131 inceleyebilirsiniz. ","jetpack_seo_html_title":"Yumu\u015fak Zeminlerde\nDolgu \u0130n\u015faat\u0131","jetpack_seo_noindex":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"behind","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[6],"tags":[600,606,615,603,611,354,596,618,598,593,609,608,358,610,602,616,597,594,592,613,601,591,599,604,605,595,617,612,614,607],"class_list":["post-5167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tunel-yapilirken","tag-derin-karistirma","tag-dinamik-konsolidasyon","tag-dolgu-problemleri","tag-donatili-zemin","tag-dusey-drenler","tag-enjeksiyon","tag-geogrid","tag-geoteknik","tag-geotekstil","tag-gocebilen-zeminler","tag-kazik-temeller","tag-kirec-kaziklari","tag-konsolidasyon","tag-kum-drenleri","tag-mendex-kazik","tag-onyukleme","tag-oturma-analizi","tag-sisen-zeminler","tag-sivilasma","tag-sursarz","tag-tas-kolonlar","tag-tasima-gucu","tag-toprakarme","tag-vibreks-kazik","tag-vibrokompaksiyon","tag-yanal-akma","tag-yumusak-zemin","tag-zemin-guclendirme","tag-zemin-iyilestirme","tag-zemin-stabilizasyonu"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_p08o53p08o53p08o-e1765066828419.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9zVBf-1ll","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts\/5167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/comments?post=5167"}],"version-history":[{"count":8,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts\/5167\/revisions"}],"predecessor-version":[{"id":5176,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts\/5167\/revisions\/5176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/media\/5129"}],"wp:attachment":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/media?parent=5167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/categories?post=5167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/tags?post=5167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5167,"date":"2025-12-07T06:18:03","date_gmt":"2025-12-07T03:18:03","guid":{"rendered":"https:\/\/bakiacil.com\/?p=5167"},"modified":"2025-12-07T06:24:21","modified_gmt":"2025-12-07T03:24:21","slug":"zayif-zeminlerde-dolgu-ve-onleyici-faaliyetler","status":"publish","type":"post","link":"https:\/\/bakiacil.com\/en\/zayif-zeminlerde-dolgu-ve-onleyici-faaliyetler.html","title":{"rendered":"Zay\u0131f Zeminlerde Dolgu ve \u00d6nleyici Faaliyetler"},"content":{"rendered":"\n\n\n\n \n \n Yumu\u015fak Zeminlerde Dolgu M\u00fchendisli\u011fi<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\/dist\/chart.umd.min.js\"><\/script>\n \n \n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n \n \/* GENEL SIFIRLAMA VE FONT *\/\n body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; color: #333; padding-top: 0; }\n \n \/* GRAF\u0130K VE KAPSAYICI ST\u0130LLER\u0130 *\/\n .chart-container { position: relative; width: 100%; min-height: 350px; margin: 0 auto; }\n \/* WordPress temalar\u0131n\u0131n CSS'ini ezmek i\u00e7in !important kullan\u0131ld\u0131 *\/\n canvas { width: 100% !important; height: 100% !important; }\n \n \/* KART ETK\u0130LE\u015e\u0130M\u0130 *\/\n .card-hover { transition: all 0.3s ease; }\n .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }\n .tab-btn { border-bottom: 2px solid transparent; transition: all 0.2s ease; }\n .tab-btn.active-tab { border-bottom: 3px solid #0ea5e9; color: #0284c7; font-weight: 600; background-color: #f0f9ff; }\n \n \/* SCROLLBAR (Opsiyonel) *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }\n\n \/* HESAPLAYICI G\u0130R\u0130\u015eLER\u0130 *\/\n .calc-input {\n width: 70px;\n padding: 2px 5px;\n text-align: right;\n border: 1px solid #cbd5e1;\n border-radius: 6px;\n font-weight: 700;\n transition: all 0.2s;\n }\n .calc-input:focus {\n outline: none;\n border-color: #0ea5e9;\n box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.2);\n }\n\n \/* WordPress Temas\u0131na Uyum \u0130\u00e7in Ana Kapsay\u0131c\u0131ya \u0130zolasyon Eklendi *\/\n .main-container-isolated {\n \/* Kendi i\u00e7 stilini korumak i\u00e7in max-width ayar\u0131 temaya b\u0131rak\u0131ld\u0131 *\/\n margin: 0 auto;\n padding: 0;\n box-sizing: border-box;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800\">\n\n \n <div class=\"main-container-isolated\">\n\n \n <header class=\"bg-white border-b border-slate-200 py-24 lg:py-32 relative overflow-hidden\">\n <div class=\"absolute inset-0 opacity-5 bg-[radial-gradient(#0ea5e9_1px,transparent_1px)] [background-size:20px_20px]\"><\/div>\n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10\">\n <h1 class=\"text-5xl md:text-7xl font-extrabold text-slate-900 mb-8 tracking-tight leading-tight\">\n Yumu\u015fak Zeminlerde<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-sky-600 to-blue-800\">Dolgu \u0130n\u015faat\u0131<\/span>\n <\/h1>\n <div class=\"bg-slate-50\/80 backdrop-blur-sm p-10 rounded-3xl border border-slate-200 shadow-xl max-w-4xl mx-auto\">\n <p class=\"text-xl md:text-2xl text-slate-700 leading-relaxed font-medium mb-6\">\n Y\u00fcksek su muhtevas\u0131, d\u00fc\u015f\u00fck kayma mukavemeti ve a\u015f\u0131r\u0131 oturma riski ta\u015f\u0131yan zeminlerde g\u00fcvenli dolgu tasar\u0131m\u0131 i\u00e7in interaktif karar destek sistemi.\n <\/p>\n <div class=\"inline-flex items-center justify-center px-5 py-2.5 bg-white rounded-full border border-slate-200 shadow-sm text-slate-500 font-semibold text-sm\">\n <i class=\"fas fa-graduation-cap text-sky-600 mr-2\"><\/i>\n Tez verilerine dayal\u0131 pratik \u00e7\u00f6z\u00fcmler ve analizler.\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n \n \n <section id=\"zeminler\" class=\"py-16 bg-white border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Problem Zeminlerin Analizi<\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed max-w-3xl\">\n Dolgu in\u015fas\u0131nda kar\u015f\u0131la\u015f\u0131lan yumu\u015fak zeminler, fiziksel ve mekanik \u00f6zelliklerine g\u00f6re farkl\u0131 riskler bar\u0131nd\u0131r\u0131r. A\u015fa\u011f\u0131daki sekmelerden zemin profilini se\u00e7erek geoteknik davran\u0131\u015flar\u0131 inceleyebilirsiniz.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 bg-slate-50 p-6 rounded-2xl shadow-inner border border-slate-100\">\n \n <div class=\"col-span-1 flex flex-col space-y-3\">\n <button onclick=\"updateSoilView('yumusak_kil')\" id=\"tab-yumusak_kil\" class=\"tab-btn w-full text-left p-5 rounded-xl bg-white shadow-sm border border-slate-200 hover:border-sky-300 group\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-bold text-slate-700 group-hover:text-sky-700\"><i class=\"fas fa-mountain mr-3 text-red-500\"><\/i> Yumu\u015fak Kil<\/span>\n <i class=\"fas fa-chevron-right text-slate-300 group-hover:text-sky-500\"><\/i>\n <\/div>\n <\/button>\n <button onclick=\"updateSoilView('turba')\" id=\"tab-turba\" class=\"tab-btn w-full text-left p-5 rounded-xl bg-white shadow-sm border border-slate-200 hover:border-sky-300 group\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-bold text-slate-700 group-hover:text-sky-700\"><i class=\"fas fa-seedling mr-3 text-green-700\"><\/i> Turba (Organik)<\/span>\n <i class=\"fas fa-chevron-right text-slate-300 group-hover:text-sky-500\"><\/i>\n <\/div>\n <\/button>\n <button onclick=\"updateSoilView('silt')\" id=\"tab-silt\" class=\"tab-btn w-full text-left p-5 rounded-xl bg-white shadow-sm border border-slate-200 hover:border-sky-300 group\">\n <div class=\"flex items-center justify-between\">\n <span class=\"text-lg font-bold text-slate-700 group-hover:text-sky-700\"><i class=\"fas fa-layer-group mr-3 text-yellow-600\"><\/i> Hassas Silt<\/span>\n <i class=\"fas fa-chevron-right text-slate-300 group-hover:text-sky-500\"><\/i>\n <\/div>\n <\/button>\n <\/div>\n\n \n <div class=\"col-span-1 lg:col-span-2 bg-white p-8 rounded-2xl shadow-lg border border-slate-200 relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 p-4 opacity-10\">\n <i class=\"fas fa-chart-pie text-9xl text-slate-800\"><\/i>\n <\/div>\n <h3 id=\"soil-title\" class=\"text-2xl font-bold text-slate-800 mb-3 relative z-10\">Zemin T\u00fcr\u00fc Se\u00e7iniz<\/h3>\n <p id=\"soil-desc\" class=\"text-slate-600 mb-8 leading-relaxed relative z-10 text-justify\">…<\/p>\n \n <div class=\"chart-container relative z-10\">\n <canvas id=\"soilRadarChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"deformasyonlar\" class=\"py-16 bg-slate-50 border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Dolgu Alt\u0131ndaki Deformasyonlar<\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed max-w-3xl\">\n Yumu\u015fak zeminler \u00fczerine in\u015fa edilen dolgularda, y\u00fck aktar\u0131m\u0131 ile birlikte zemin k\u00fctlesinde \u00fc\u00e7 temel deformasyon mekanizmas\u0131 tetiklenir.\n <\/p>\n <\/div>\n \n <div class=\"mb-12 rounded-2xl overflow-hidden shadow-lg border border-slate-200 max-w-5xl mx-auto\">\n <img decoding=\"async\" src=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/yumusak-zeminlerde-dolgu-alti-oturmalari-1-scaled.png\" alt=\"Dolgu Alt\u0131 Oturmalar\u0131\" class=\"w-full h-auto object-cover\">\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <div class=\"p-8 bg-white rounded-2xl shadow-md border border-slate-100 card-hover group\">\n <div class=\"w-14 h-14 bg-sky-50 rounded-xl flex items-center justify-center mb-6 group-hover:bg-sky-100 transition\">\n <i class=\"fas fa-compress-alt text-3xl text-sky-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Hacimsel Oturma<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm text-justify\">\n Efektif gerilme art\u0131\u015f\u0131yla birlikte zemin iskeletinin s\u0131k\u0131\u015fmas\u0131d\u0131r. D\u00fc\u015f\u00fck permeabiliteli killerde suyun at\u0131lmas\u0131yla ger\u00e7ekle\u015fen <strong>primer konsolidasyon<\/strong> ve zemin iskeletinin viskoz davran\u0131\u015f\u0131ndan (s\u00fcnme) kaynaklanan <strong>sekonder s\u0131k\u0131\u015fma<\/strong> bile\u015fenlerinden olu\u015fur.\n <\/p>\n <\/div>\n <div class=\"p-8 bg-white rounded-2xl shadow-md border border-slate-100 card-hover group\">\n <div class=\"w-14 h-14 bg-amber-50 rounded-xl flex items-center justify-center mb-6 group-hover:bg-amber-100 transition\">\n <i class=\"fas fa-arrows-alt-h text-3xl text-amber-500\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Yanal Yay\u0131lma<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm text-justify\">\n Dolgu y\u00fck\u00fcn\u00fcn yaratt\u0131\u011f\u0131 d\u00fc\u015fey gerilme, zemin i\u00e7erisinde yatay gerilmelere d\u00f6n\u00fc\u015f\u00fcr. Zemin kayma mukavemetinin yetersiz oldu\u011fu durumlarda, zemin k\u00fctlesi dolgu alt\u0131ndan d\u0131\u015far\u0131ya do\u011fru plastik akma (squeeze out) e\u011filimi g\u00f6sterir. Bu durum dolgu eteklerinde kabarmalara yol a\u00e7ar.\n <\/p>\n <\/div>\n <div class=\"p-8 bg-white rounded-2xl shadow-md border border-slate-100 card-hover group\">\n <div class=\"w-14 h-14 bg-red-50 rounded-xl flex items-center justify-center mb-6 group-hover:bg-red-100 transition\">\n <i class=\"fas fa-times-circle text-3xl text-red-600\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\u015eev Kaymas\u0131<\/h3>\n <p class=\"text-slate-600 leading-relaxed text-sm text-justify\">\n Dolgu \u015fevi boyunca olu\u015fan kayd\u0131r\u0131c\u0131 momentlerin, zemin kayma mukavemeti taraf\u0131ndan kar\u015f\u0131lanamamas\u0131 durumudur. Genellikle dairesel kayma y\u00fczeyleri boyunca, drenajs\u0131z ko\u015fullarda (in\u015faat s\u0131ras\u0131nda veya hemen sonras\u0131nda) ani g\u00f6\u00e7me \u015feklinde geli\u015fir.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"temel_problemler\" class=\"py-16 bg-white border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Problemler ve Mekanizmalar<\/h2>\n <p class=\"text-slate-600 text-lg leading-relaxed max-w-3xl\">\n \u0130nteraktif grafiklerle Stabilite Kayb\u0131 ve A\u015f\u0131r\u0131 Oturma mekanizmalar\u0131n\u0131 inceleyin.\n <\/p>\n <div class=\"mt-8 mb-8 rounded-2xl overflow-hidden shadow-lg border border-slate-200 max-w-5xl\">\n <img decoding=\"async\" src=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/zayif-zeminlerde-stabilite-ve-oturma-1536x838.png\" alt=\"Stabilite ve Oturma Problemleri\" class=\"w-full h-auto object-cover\">\n <\/div>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"col-span-1 space-y-4\">\n <button onclick=\"updateProblemView('stabilite')\" class=\"w-full text-left p-6 bg-white rounded-2xl shadow-sm border border-slate-200 card-hover group focus:outline-none focus:ring-2 focus:ring-sky-500 hover:border-sky-300\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"text-xl font-bold text-slate-800 group-hover:text-sky-600\">Stabilite Kayb\u0131<\/h3>\n <i class=\"fas fa-exclamation-triangle text-amber-500 text-xl\"><\/i>\n <\/div>\n <p class=\"text-sm text-slate-500\">\u015eev kaymas\u0131 ve ta\u015f\u0131ma g\u00fcc\u00fc g\u00f6\u00e7mesi.<\/p>\n <\/button>\n <button onclick=\"updateProblemView('oturma')\" class=\"w-full text-left p-6 bg-white rounded-2xl shadow-sm border border-slate-200 card-hover group focus:outline-none focus:ring-2 focus:ring-sky-500 hover:border-sky-300\">\n <div class=\"flex items-center justify-between mb-3\">\n <h3 class=\"text-xl font-bold text-slate-800 group-hover:text-sky-600\">A\u015f\u0131r\u0131 Oturma<\/h3>\n <i class=\"fas fa-arrow-down text-sky-500 text-xl\"><\/i>\n <\/div>\n <p class=\"text-sm text-slate-500\">Konsolidasyon ve s\u00fcnme etkileri.<\/p>\n <\/button>\n <\/div>\n <div class=\"col-span-1 lg:col-span-2 bg-slate-50 p-8 rounded-2xl shadow-inner border border-slate-200\">\n <div id=\"problem-content-text\" class=\"mb-6\">\n <h3 class=\"text-2xl font-bold text-slate-800 mb-2\">Problem Analizi<\/h3>\n <p class=\"text-slate-600\">Soldaki panelden bir problem t\u00fcr\u00fc se\u00e7iniz.<\/p>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"problemChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"analiz\" class=\"py-16 bg-slate-50 border-b border-slate-200\">\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">Y\u00fck Analizi Sim\u00fclat\u00f6r\u00fc<\/h2>\n <p class=\"text-slate-600 text-lg\">\n Geleneksel toprak dolgu ile hafif dolgu (EPS) aras\u0131ndaki y\u00fck fark\u0131n\u0131 hesaplay\u0131n.\n <\/p>\n <\/div>\n \n \n <div class=\"bg-white p-8 md:p-10 rounded-3xl border border-slate-200 shadow-xl mb-10\">\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 items-center\">\n <div class=\"space-y-8\">\n <div>\n <label class=\"block text-sm font-bold text-slate-700 mb-3\">Dolgu Y\u00fcksekli\u011fi (H)<\/label>\n <input type=\"range\" id=\"fillHeight\" min=\"1\" max=\"15\" value=\"5\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-sky-600\">\n <div class=\"flex justify-between text-xs text-slate-500 mt-2 font-medium\">\n <span>1m<\/span>\n <span id=\"heightDisplay\" class=\"font-bold text-sky-600 text-xl\">5m<\/span>\n <span>15m<\/span>\n <\/div>\n <\/div>\n <div class=\"p-5 bg-slate-50 rounded-xl border border-slate-100\">\n <h4 class=\"font-bold text-slate-800 mb-3 text-sm uppercase\">Birim Hacim A\u011f\u0131rl\u0131klar\u0131<\/h4>\n <ul class=\"text-sm text-slate-600 space-y-2\">\n <li class=\"flex justify-between items-center border-b border-slate-200 pb-2\">\n <span>Standart Dolgu:<\/span> \n <div class=\"flex items-center gap-1\">\n <input type=\"number\" id=\"stdUnitWeight\" value=\"20\" step=\"0.5\" class=\"calc-input text-slate-800\"> kN\/m\u00b3\n <\/div>\n <\/li>\n <li class=\"flex justify-between items-center pt-2\">\n <span>Hafif Dolgu (EPS):<\/span> \n <div class=\"flex items-center gap-1\">\n <input type=\"number\" id=\"epsUnitWeight\" value=\"0.2\" step=\"0.1\" class=\"calc-input text-sky-600\"> kN\/m\u00b3\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"space-y-5\">\n <div class=\"flex justify-between items-center p-5 bg-red-50 rounded-xl border border-red-100\">\n <span class=\"text-red-800 font-bold\">Standart Y\u00fck:<\/span>\n <span id=\"loadStandard\" class=\"text-2xl font-extrabold text-red-700\">100 kN\/m\u00b2<\/span>\n <\/div>\n <div class=\"flex justify-between items-center p-5 bg-emerald-50 rounded-xl border border-emerald-100\">\n <span class=\"text-emerald-800 font-bold\">Hafif Dolgu Y\u00fck\u00fc:<\/span>\n <span id=\"loadLight\" class=\"text-2xl font-extrabold text-emerald-700\">1 kN\/m\u00b2<\/span>\n <\/div>\n <div class=\"text-center pt-4\">\n <div class=\"inline-block px-6 py-2 bg-sky-600 text-white rounded-full text-sm font-bold shadow-md\">\n %<span id=\"reductionPercent\" class=\"text-lg\">99<\/span> Y\u00fck Azalmas\u0131\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"rounded-2xl overflow-hidden shadow-lg border border-slate-200 bg-white p-2\">\n <img decoding=\"async\" src=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Toprak-dolgu-ve-EPS-arasindaki-fark-scaled.png\" alt=\"Toprak Dolgu ve EPS Fark\u0131\" class=\"w-full h-auto object-cover rounded-xl\">\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section id=\"cozumler\" class=\"py-16 bg-white border-b border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-10 text-center md:text-left\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 mb-4\">\u0130yile\u015ftirme Y\u00f6ntemleri Matrisi<\/h2>\n <p class=\"text-slate-600 text-lg max-w-3xl\">\n Projeniz i\u00e7in en uygun zemin iyile\u015ftirme y\u00f6ntemini belirlemek i\u00e7in a\u015fa\u011f\u0131daki se\u00e7eneklere t\u0131klay\u0131n.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n \n <div class=\"lg:col-span-4 space-y-3\">\n <h3 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-4 pl-2\">Y\u00f6ntem Se\u00e7in<\/h3>\n \n <button onclick=\"selectSolution('eps', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group active-default\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-feather-alt\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Hafif Dolgu (EPS)<\/span>\n <\/button>\n <button onclick=\"selectSolution('pvd', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-grip-lines-vertical\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">D\u00fc\u015fey Dren + \u00d6n Y\u00fckleme<\/span>\n <\/button>\n <button onclick=\"selectSolution('geosentetik', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-border-all\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Geosentetik Donat\u0131<\/span>\n <\/button>\n <button onclick=\"selectSolution('tas_kolon', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-shapes\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Ta\u015f Kolonlar<\/span>\n <\/button>\n <button onclick=\"selectSolution('dsm', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-blender\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Derin Kar\u0131\u015ft\u0131rma (DSM)<\/span>\n <\/button>\n <button onclick=\"selectSolution('kazik', this)\" class=\"solution-btn w-full text-left px-5 py-4 bg-white rounded-xl shadow-sm border border-slate-200 hover:border-sky-500 transition flex items-center gap-4 group\">\n <div class=\"w-10 h-10 rounded-lg bg-slate-100 text-slate-500 flex items-center justify-center group-hover:bg-sky-600 group-hover:text-white transition\"><i class=\"fas fa-hammer\"><\/i><\/div>\n <span class=\"font-bold text-slate-700\">Kaz\u0131kl\u0131 Dolgu<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"lg:col-span-8 bg-white rounded-2xl shadow-lg border border-slate-200 overflow-hidden flex flex-col md:flex-row min-h-[600px]\">\n <div class=\"p-8 md:w-1\/2 flex flex-col justify-center border-r border-slate-100 relative z-10 bg-white\/90\">\n <div id=\"content-wrapper\" class=\"fade-in\">\n <h3 id=\"sol-title\" class=\"text-2xl font-bold text-slate-800 mb-3\">…<\/h3>\n <p id=\"sol-desc\" class=\"text-slate-600 mb-6 leading-relaxed text-sm text-justify\">…<\/p>\n <div id=\"sol-tags\" class=\"flex flex-wrap gap-2 mb-6\"><\/div>\n <div class=\"bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg\">\n <p id=\"sol-pro\" class=\"text-sm text-blue-800 font-medium flex items-start\"><i class=\"fas fa-info-circle mr-2 mt-1\"><\/i> <span>\u00d6neri: Uygun y\u00f6ntem se\u00e7imi zemin profiline ba\u011fl\u0131d\u0131r.<\/span><\/p>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"md:w-1\/2 bg-slate-50 flex flex-col border-l border-slate-100\">\n \n <div class=\"w-full h-64 bg-slate-200 relative group overflow-hidden border-b border-slate-200\">\n <img decoding=\"async\" id=\"solution-bg-img\" src=\"\" class=\"w-full h-full object-cover transition-transform duration-700 group-hover:scale-105\" alt=\"Y\u00f6ntem G\u00f6rseli\">\n <\/div>\n \n <div class=\"flex-1 p-6 flex flex-col items-center justify-center bg-white\">\n <h4 class=\"text-xs font-bold text-slate-400 uppercase tracking-widest mb-4\">Performans Metrikleri<\/h4>\n <div class=\"chart-container\" style=\"min-height: 250px;\">\n <canvas id=\"solutionRadar\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"karsilastirma\" class=\"py-16 bg-slate-50 border-t border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"mb-12 text-center\">\n <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">Destek Sistemleri Kar\u015f\u0131la\u015ft\u0131rmas\u0131<\/h2>\n <p class=\"text-slate-600 text-lg max-w-3xl mx-auto mb-6 leading-relaxed\">\n Farkl\u0131 y\u00f6ntemlerin maliyet ve s\u00fcre eksenindeki konumu.\n <\/p>\n \n \n <div class=\"w-full max-w-5xl mx-auto text-left mb-8\">\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5\">\n <div class=\"p-5 bg-white rounded-xl border border-red-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-red-800 flex items-center mb-2\"><i class=\"fas fa-feather-alt mr-2 bg-red-100 p-1.5 rounded-lg\"><\/i> Hafif Dolgu (EPS)<\/p>\n <p class=\"text-sm text-slate-600\">En h\u0131zl\u0131, en pahal\u0131.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-amber-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-amber-800 flex items-center mb-2\"><i class=\"fas fa-grip-lines-vertical mr-2 bg-amber-100 p-1.5 rounded-lg\"><\/i> Dren + \u00d6n Y\u00fckleme<\/p>\n <p class=\"text-sm text-slate-600\">Ekonomik, ancak yava\u015f.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-green-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-green-800 flex items-center mb-2\"><i class=\"fas fa-shapes mr-2 bg-green-100 p-1.5 rounded-lg\"><\/i> Ta\u015f Kolonlar<\/p>\n <p class=\"text-sm text-slate-600\">Dengeli \u00e7\u00f6z\u00fcm.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-indigo-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-indigo-800 flex items-center mb-2\"><i class=\"fas fa-blender mr-2 bg-indigo-100 p-1.5 rounded-lg\"><\/i> DSM (Derin Kar\u0131\u015ft\u0131rma)<\/p>\n <p class=\"text-sm text-slate-600\">Y\u00fcksek performans, y\u00fcksek maliyet.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-teal-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-teal-800 flex items-center mb-2\"><i class=\"fas fa-border-all mr-2 bg-teal-100 p-1.5 rounded-lg\"><\/i> Geosentetik Donat\u0131<\/p>\n <p class=\"text-sm text-slate-600\">Stabilite i\u00e7in ucuz \u00e7\u00f6z\u00fcm.<\/p>\n <\/div>\n <div class=\"p-5 bg-white rounded-xl border border-blue-100 shadow-sm hover:shadow-md transition\">\n <p class=\"font-bold text-blue-800 flex items-center mb-2\"><i class=\"fas fa-hammer mr-2 bg-blue-100 p-1.5 rounded-lg\"><\/i> Kaz\u0131kl\u0131 Dolgu<\/p>\n <p class=\"text-sm text-slate-600\">S\u0131f\u0131r risk, maksimum maliyet.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"chart-container\" style=\"min-height: 450px;\">\n <canvas id=\"comparisonChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"bg-slate-50 text-slate-600 py-8 text-center border-t border-slate-200\">\n <p class=\"text-sm font-medium opacity-80\">Kaynak: Y\u00fcksek Lisans Tezi, Hasan ARSLAN, 2006<\/p>\n <\/footer>\n\n <\/div> \n\n \n <script>\n \n \/\/ --- DATA OBJECTS ---\n const soilTypesData = {\n yumusak_kil: {\n title: \"Yumu\u015fak Kil (CL, CH)\",\n desc: \"Y\u00fcksek plastisiteli (CH) ve d\u00fc\u015f\u00fck drenajs\u0131z kayma mukavemetine sahip bu zeminler, dolgu y\u00fck\u00fc alt\u0131nda a\u015f\u0131r\u0131 bo\u015fluk suyu bas\u0131nc\u0131 \u00fcretir. D\u00fc\u015f\u00fck permeabilite (k) nedeniyle konsolidasyon s\u00fcreci y\u0131llara yay\u0131l\u0131rken, efektif gerilme art\u0131\u015f\u0131 yava\u015ft\u0131r. Stabilite sorunlar\u0131 ve zamana ba\u011fl\u0131 b\u00fcy\u00fck oturmalar ana risk fakt\u00f6rleridir.\",\n stats: [5, 1, 1, 1],\n labels: ['S\u0131k\u0131\u015fabilirlik', 'Mukavemet', 'Drenaj', 'Organik \u0130\u00e7erik']\n },\n turba: {\n title: \"Turba (Pt - Organik)\",\n desc: \"Bitki kal\u0131nt\u0131lar\u0131ndan olu\u015fan, \u00e7ok y\u00fcksek bo\u015fluk oran\u0131na (e) ve su muhtevas\u0131na (w > %200) sahip organik zeminlerdir. Dolgu y\u00fck\u00fc alt\u0131nda ani ve \u00e7ok b\u00fcy\u00fck birincil oturmalar\u0131n yan\u0131 s\u0131ra, y\u00fck sabitken bile devam eden belirgin sekonder (s\u00fcnme) oturmalar g\u00f6sterirler. Kayma mukavemeti ihmal edilebilir d\u00fczeydedir.\",\n stats: [5, 1, 3, 5],\n labels: ['S\u0131k\u0131\u015fabilirlik', 'Mukavemet', 'Drenaj', 'Organik \u0130\u00e7erik']\n },\n silt: {\n title: \"Hassas Silt (ML, MH)\",\n desc: \"Kohezyonsuz veya d\u00fc\u015f\u00fck kohezyonlu ince daneli zeminlerdir. Su muhtevas\u0131ndaki k\u00fc\u00e7\u00fck de\u011fi\u015fimlere kar\u015f\u0131 a\u015f\u0131r\u0131 hassast\u0131rlar ve '\u00e7abuk (quick)' davran\u0131\u015f g\u00f6sterebilirler. Dinamik y\u00fckler alt\u0131nda veya su seviyesi y\u00fckselmesinde s\u0131v\u0131la\u015fma (liquefaction) riski ta\u015f\u0131rlar. Kapilerite potansiyelleri y\u00fcksektir.\",\n stats: [3, 2, 4, 1],\n labels: ['S\u0131k\u0131\u015fabilirlik', 'Mukavemet', 'Drenaj', 'Organik \u0130\u00e7erik']\n }\n };\n\n const problemData = {\n stabilite: {\n title: \"Stabilite Kayb\u0131\",\n desc: \"Yumu\u015fak zeminlerde in\u015faat h\u0131z\u0131, bo\u015fluk suyu bas\u0131nc\u0131n\u0131n s\u00f6n\u00fcmlenmesinden h\u0131zl\u0131ysa, efektif gerilme ve dolay\u0131s\u0131yla kayma mukavemeti artmaz. Kritik y\u00fckseklik a\u015f\u0131ld\u0131\u011f\u0131nda, zemin ta\u015f\u0131ma g\u00fcc\u00fcn\u00fc kaybederek dairesel veya k\u00fctlesel bir g\u00f6\u00e7me mekanizmas\u0131yla y\u0131k\u0131l\u0131r.\",\n chartLabel: \"G\u00fcvenlik Say\u0131s\u0131 (FS) vs. Y\u00fckseklik\",\n chartData: [2.5, 2.0, 1.5, 1.1, 0.9, 0.7],\n chartLabels: ['1m', '2m', '3m', '4m', '5m', '6m'],\n color: '#f59e0b'\n },\n oturma: {\n title: \"A\u015f\u0131r\u0131 Oturma\",\n desc: \"Dolgu y\u00fck\u00fc alt\u0131nda zeminin hacimsel s\u0131k\u0131\u015fmas\u0131d\u0131r. Ani (elastik) oturma, suyun at\u0131lmas\u0131yla olu\u015fan konsolidasyon oturmas\u0131 ve zemin iskeletinin vizkoz davran\u0131\u015f\u0131ndan kaynaklanan sekonder oturma bile\u015fenlerinden olu\u015fur. Toplam oturma metreler mertebesine ula\u015fabilir.\",\n chartLabel: \"Oturma (cm) vs. Zaman (Y\u0131l)\",\n chartData: [0, 20, 35, 45, 52, 58, 62, 65],\n chartLabels: ['0', '1', '2', '5', '10', '20', '30', '50'],\n color: '#0ea5e9'\n }\n };\n \n const solutionData = {\n eps: { \n title: \"Hafif Dolgu (EPS)\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/hafif-dolgu-eps-geofoam.png\", \n desc: \"Geleneksel dolgu malzemesinin birim hacim a\u011f\u0131rl\u0131\u011f\u0131 yakla\u015f\u0131k 20 kN\/m\u00b3 iken, EPS bloklar\u0131n a\u011f\u0131rl\u0131\u011f\u0131 bunun %1'i kadard\u0131r (0.2-0.3 kN\/m\u00b3). Bu y\u00f6ntem, mevcut zemin \u00fczerine gelen s\u00fcr\u015farj y\u00fck\u00fcn\u00fc radikal bi\u00e7imde azaltarak, ta\u015f\u0131ma g\u00fcc\u00fc yetersizli\u011fini ve a\u015f\u0131r\u0131 oturma problemlerini kayna\u011f\u0131nda \u00e7\u00f6zer. Bloklar, lego benzeri bir sistemle h\u0131zl\u0131ca in\u015fa edilir ve \u00fczerine koruyucu bir betonarme plak ile yol kaplamas\u0131 uygulan\u0131r. \u00d6zellikle zamana ba\u011fl\u0131 oturma tahamm\u00fcl\u00fc olmayan acil projelerde tercih edilir.\", \n stats: [5, 5, 5, 5, 4], \n tags: [\"Ultra Hafif\", \"H\u0131zl\u0131\", \"Pahal\u0131\"] \n },\n pvd: { \n title: \"D\u00fc\u015fey Dren + \u00d6n Y\u00fckleme\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Dusey-Drenler-On-Yukleme.png\", \n desc: \"Yumu\u015fak ve d\u00fc\u015f\u00fck ge\u00e7irimli killi zeminlerde, konsolidasyon s\u00fcrecini h\u0131zland\u0131rmak amac\u0131yla zemin i\u00e7erisine s\u0131k aral\u0131klarla (1-1.5m) prefabrik d\u00fc\u015fey drenler (fitil dren) yerle\u015ftirilir. Ard\u0131ndan, servis y\u00fck\u00fcnden daha b\u00fcy\u00fck bir '\u00f6n y\u00fck' (s\u00fcr\u015farj) ge\u00e7ici olarak uygulan\u0131r. Bu kombinasyon, suyun yatayda ka\u00e7\u0131\u015f yolunu k\u0131saltarak, normalde y\u0131llar s\u00fcrecek konsolidasyon oturmalar\u0131n\u0131n in\u015faat s\u00fcresi (3-6 ay) i\u00e7inde tamamlanmas\u0131n\u0131 sa\u011flar ve zemin mukavemetini art\u0131r\u0131r.\", \n stats: [2, 4, 3, 2, 4], \n tags: [\"Ekonomik\", \"Yayg\u0131n\"] \n },\n geosentetik: { \n title: \"Geosentetik Donat\u0131\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Geosentetik-Donati-1.png\", \n desc: \"Dolgu taban\u0131na serilen y\u00fcksek \u00e7ekme dayan\u0131m\u0131na sahip geogrid veya geotekstiller, zemin ile dolgu aras\u0131nda bir donat\u0131 tabakas\u0131 olu\u015fturur. Bu donat\u0131, dolgu y\u00fck\u00fcnden kaynaklanan yatay a\u00e7\u0131lma kuvvetlerini kar\u015f\u0131layarak dolgunun yanal olarak yay\u0131lmas\u0131n\u0131 engeller ve \u015fev stabilitesini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131r. Ayr\u0131ca zay\u0131f zemin ile kaliteli dolgu malzemesinin birbirine kar\u0131\u015fmas\u0131n\u0131 \u00f6nleyen bir ay\u0131r\u0131c\u0131 bariyer g\u00f6revi g\u00f6r\u00fcr.\", \n stats: [2, 2, 4, 5, 3], \n tags: [\"Ucuz\", \"Stabilite\"] \n },\n tas_kolon: { \n title: \"Ta\u015f Kolonlar\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/tas-kolonlar.png\", \n desc: \"Zay\u0131f zemin i\u00e7erisine vibro-flotasyon veya darbe y\u00f6ntemleriyle a\u00e7\u0131lan silindirik bo\u015fluklara k\u0131rmata\u015f (agrega) doldurulup s\u0131k\u0131\u015ft\u0131r\u0131lmas\u0131yla olu\u015fturulur. Bu kolonlar, zemin i\u00e7inde daha rijit elemanlar yaratarak y\u00fck\u00fcn b\u00fcy\u00fck k\u0131sm\u0131n\u0131 \u00fczerine al\u0131r (gerilme payla\u015f\u0131m\u0131) ve oturmay\u0131 azalt\u0131r. Ayn\u0131 zamanda, y\u00fcksek ge\u00e7irgenlikleri sayesinde devasa birer d\u00fc\u015fey dren gibi \u00e7al\u0131\u015farak zemindeki bo\u015fluk suyu bas\u0131nc\u0131n\u0131n s\u00f6n\u00fcmlenmesini ve konsolidasyonun h\u0131zlanmas\u0131n\u0131 sa\u011flarlar.\", \n stats: [3, 4, 4, 3, 4], \n tags: [\"Orta Maliyet\", \"Drenaj\"] \n },\n dsm: { \n title: \"Derin Kar\u0131\u015ft\u0131rma (DSM)\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/derin-karistirma.png\", \n desc: \"Mevcut zemin k\u00fctlesinin, \u00f6zel kar\u0131\u015ft\u0131r\u0131c\u0131 b\u0131\u00e7aklar veya jetler kullan\u0131larak \u00e7imento veya kire\u00e7 \u015ferbeti ile yerinde (in-situ) kar\u0131\u015ft\u0131r\u0131lmas\u0131 i\u015flemidir. Bu i\u015flem sonucunda zemin i\u00e7inde beton benzeri rijitli\u011fe sahip kolonlar veya paneller (Soil-Crete) olu\u015fturulur. Bu y\u00f6ntem, zeminin kimyasal yap\u0131s\u0131n\u0131 de\u011fi\u015ftirerek kal\u0131c\u0131 bir mukavemet art\u0131\u015f\u0131 sa\u011flar, toplam oturmay\u0131 minimize eder ve potansiyel s\u0131v\u0131la\u015fma riskini ortadan kald\u0131r\u0131r.\", \n stats: [4, 5, 5, 4, 5], \n tags: [\"Y\u00fcksek Mukavemet\"] \n },\n kazik: { \n title: \"Kaz\u0131kl\u0131 Dolgu\", \n image: \"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/kazikli-dolgu.png\", \n desc: \"Zemin iyile\u015ftirmesinin teknik veya ekonomik olarak yetersiz kald\u0131\u011f\u0131 \u00e7ok derin ve a\u015f\u0131r\u0131 yumu\u015fak zeminlerde tercih edilir. Dolgu y\u00fck\u00fc, zay\u0131f zemin tabakas\u0131n\u0131 hi\u00e7 etkilemeden, \u00e7ak\u0131lan veya yerinde d\u00f6k\u00fclen kaz\u0131klar \u00fczerinden daha derindeki sa\u011flam zemine veya kayaya aktar\u0131l\u0131r. Kaz\u0131k ba\u015flar\u0131 \u00fczerine yerle\u015ftirilen 'Y\u00fck Aktar\u0131m Platformu' (LTP) ve geogrid donat\u0131lar sayesinde, dolgu alt\u0131nda kemerlenme (arching) etkisi yarat\u0131larak s\u0131f\u0131ra yak\u0131n oturma performans\u0131 elde edilir.\", \n stats: [5, 5, 5, 3, 5], \n tags: [\"En Pahal\u0131\", \"Kesin \u00c7\u00f6z\u00fcm\"] \n }\n };\n\n const radarLabels = ['Maliyet', 'Oturma', 'Stabilite', 'H\u0131z', 'G\u00fcven'];\n\n \/\/ --- CHART INSTANCES ---\n let soilRadarChartInstance = null;\n let problemChartInstance = null;\n let radarChartInstance = null;\n let comparisonChartInstance = null;\n\n \/\/ --- FUNCTIONS ---\n function updateSoilView(type) {\n const data = soilTypesData[type];\n if(!data) return;\n \n document.getElementById('soil-title').innerText = data.title;\n document.getElementById('soil-desc').innerText = data.desc;\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active-tab'));\n const active = document.getElementById(`tab-${type}`);\n if(active) active.classList.add('active-tab');\n\n const ctx = document.getElementById('soilRadarChart');\n if(ctx) {\n if(soilRadarChartInstance) soilRadarChartInstance.destroy();\n soilRadarChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: data.labels,\n datasets: [{\n label: 'Risk Seviyesi',\n data: data.stats,\n backgroundColor: 'rgba(239, 68, 68, 0.2)',\n borderColor: '#ef4444',\n pointBackgroundColor: '#ef4444'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: { r: { suggestedMin: 0, suggestedMax: 5, ticks: { display: false } } },\n plugins: { legend: { display: false } }\n }\n });\n }\n }\n\n function updateProblemView(type) {\n const data = problemData[type];\n if(!data) return;\n\n document.getElementById('problem-content-text').innerHTML = `<h3 class=\"text-2xl font-bold text-slate-800 mb-2\">${data.title}<\/h3><p class=\"text-slate-600\">${data.desc}<\/p>`;\n \n const ctx = document.getElementById('problemChart');\n if(ctx) {\n if(problemChartInstance) problemChartInstance.destroy();\n problemChartInstance = new Chart(ctx, {\n type: 'line',\n data: {\n labels: data.chartLabels,\n datasets: [{\n label: data.chartLabel,\n data: data.chartData,\n borderColor: data.color,\n backgroundColor: data.color + '20',\n fill: true,\n tension: 0.4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: { legend: { display: false } }\n }\n });\n }\n }\n\n function initSolutionChart() {\n const ctx = document.getElementById('solutionRadar');\n if(!ctx) return;\n \n if(radarChartInstance) radarChartInstance.destroy();\n radarChartInstance = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: radarLabels,\n datasets: [{\n label: 'De\u011fer',\n data: [0,0,0,0,0],\n backgroundColor: 'rgba(14, 165, 233, 0.2)',\n borderColor: '#0ea5e9',\n pointBackgroundColor: '#0ea5e9'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: { r: { suggestedMin: 0, suggestedMax: 5, ticks: { display: false } } },\n plugins: { legend: { display: false } }\n }\n });\n }\n\n function selectSolution(key, btn) {\n const data = solutionData[key];\n if(!data) return;\n\n document.querySelectorAll('.solution-btn').forEach(b => b.classList.remove('active'));\n if(btn) btn.classList.add('active');\n\n const wrapper = document.getElementById('content-wrapper');\n document.getElementById('sol-title').textContent = data.title;\n document.getElementById('sol-desc').textContent = data.desc;\n \n const bgImg = document.getElementById('solution-bg-img');\n if(bgImg) bgImg.src = data.image;\n\n const tags = document.getElementById('sol-tags');\n tags.innerHTML = '';\n data.tags.forEach(t => {\n const s = document.createElement('span');\n s.className = 'px-3 py-1 bg-sky-100 text-sky-800 text-xs font-semibold rounded-full';\n s.textContent = t;\n tags.appendChild(s);\n });\n\n wrapper.classList.remove('fade-in');\n void wrapper.offsetWidth;\n wrapper.classList.add('fade-in');\n\n if(radarChartInstance) {\n radarChartInstance.data.datasets[0].data = data.stats;\n radarChartInstance.update();\n }\n }\n\n \/\/ --- MAIN INITIALIZATION ---\n \/\/ Use timeout to ensure layout is ready\n window.addEventListener('load', () => {\n setTimeout(() => {\n \/\/ 1. Initialize Views\n updateSoilView('yumusak_kil');\n updateProblemView('stabilite'); \/\/ Ensure this is called explicitly\n \n \/\/ 2. Initialize Solution Chart\n initSolutionChart();\n const firstSolBtn = document.querySelector('.solution-btn');\n if(firstSolBtn) selectSolution('eps', firstSolBtn);\n\n \/\/ 3. Initialize Comparison Chart (Bar)\n const compCtx = document.getElementById('comparisonChart');\n if(compCtx) {\n if(comparisonChartInstance) comparisonChartInstance.destroy();\n comparisonChartInstance = new Chart(compCtx, {\n type: 'bar',\n data: {\n labels: ['Geosentetik', 'D\u00fc\u015fey Dren', 'Ta\u015f Kolon', 'DSM', 'EPS', 'Kaz\u0131kl\u0131 Dolgu'],\n datasets: [\n {\n label: 'Maliyet (D\u00fc\u015f\u00fck=\u0130yi)',\n data: [2, 3, 5, 7, 8, 10],\n backgroundColor: '#ef4444'\n },\n {\n label: 'S\u00fcre (D\u00fc\u015f\u00fck=H\u0131zl\u0131)',\n data: [1, 8, 3, 3, 1, 4],\n backgroundColor: '#10b981'\n }\n ]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: { legend: { position: 'top' } },\n scales: { x: { beginAtZero: true, max: 10 } }\n }\n });\n }\n }, 50);\n\n \/\/ 4. Calculator Logic\n const hIn = document.getElementById('fillHeight');\n const stdIn = document.getElementById('stdUnitWeight');\n const epsIn = document.getElementById('epsUnitWeight');\n \n function calc() {\n if(!hIn) return;\n const h = parseFloat(hIn.value);\n const w1 = parseFloat(stdIn.value);\n const w2 = parseFloat(epsIn.value);\n \n document.getElementById('heightDisplay').innerText = h + 'm';\n document.getElementById('loadStandard').innerText = (h*w1).toFixed(0) + ' kN\/m\u00b2';\n document.getElementById('loadLight').innerText = (h*w2).toFixed(1) + ' kN\/m\u00b2';\n document.getElementById('reductionPercent').innerText = ((h*w1 - h*w2)\/(h*w1)*100).toFixed(1);\n }\n\n if(hIn) {\n hIn.addEventListener('input', calc);\n stdIn.addEventListener('input', calc);\n epsIn.addEventListener('input', calc);\n calc();\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-9c50f9ec-e9ae-42a6-8448-55c66ecd9c3f\" href=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/yumusak-zeminlerde-dolgu-problemleri.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Yumusak Zeminlerde Dolgu Problemleri<\/a><a href=\"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/yumusak-zeminlerde-dolgu-problemleri.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-9c50f9ec-e9ae-42a6-8448-55c66ecd9c3f\">\u0130ndir<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yumu\u015fak Zeminlerde Dolgu M\u00fchendisli\u011fi Yumu\u015fak Zeminlerde Dolgu \u0130n\u015faat\u0131 Y\u00fcksek su muhtevas\u0131, d\u00fc\u015f\u00fck kayma mukavemeti ve a\u015f\u0131r\u0131 oturma riski ta\u015f\u0131yan zeminlerde g\u00fcvenli dolgu tasar\u0131m\u0131 i\u00e7in interaktif karar destek sistemi. Tez verilerine dayal\u0131 pratik \u00e7\u00f6z\u00fcmler ve analizler. Problem Zeminlerin Analizi Dolgu in\u015fas\u0131nda kar\u015f\u0131la\u015f\u0131lan yumu\u015fak zeminler, fiziksel ve mekanik \u00f6zelliklerine g\u00f6re farkl\u0131 riskler bar\u0131nd\u0131r\u0131r. A\u015fa\u011f\u0131daki sekmelerden zemin profilini…<\/p>","protected":false},"author":1,"featured_media":5129,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"Y\u00fcksek su muhtevas\u0131, d\u00fc\u015f\u00fck kayma mukavemeti ve a\u015f\u0131r\u0131 oturma riski ta\u015f\u0131yan zeminlerde g\u00fcvenli dolgu tasar\u0131m\u0131 i\u00e7in interaktif karar destek sistemi. Dolgu in\u015fas\u0131nda kar\u015f\u0131la\u015f\u0131lan yumu\u015fak zeminler, fiziksel ve mekanik \u00f6zelliklerine g\u00f6re farkl\u0131 riskler bar\u0131nd\u0131r\u0131r. A\u015fa\u011f\u0131daki sekmelerden zemin profilini se\u00e7erek geoteknik davran\u0131\u015flar\u0131 inceleyebilirsiniz. ","jetpack_seo_html_title":"Yumu\u015fak Zeminlerde\nDolgu \u0130n\u015faat\u0131","jetpack_seo_noindex":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"behind","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[6],"tags":[600,606,615,603,611,354,596,618,598,593,609,608,358,610,602,616,597,594,592,613,601,591,599,604,605,595,617,612,614,607],"class_list":["post-5167","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tunel-yapilirken","tag-derin-karistirma","tag-dinamik-konsolidasyon","tag-dolgu-problemleri","tag-donatili-zemin","tag-dusey-drenler","tag-enjeksiyon","tag-geogrid","tag-geoteknik","tag-geotekstil","tag-gocebilen-zeminler","tag-kazik-temeller","tag-kirec-kaziklari","tag-konsolidasyon","tag-kum-drenleri","tag-mendex-kazik","tag-onyukleme","tag-oturma-analizi","tag-sisen-zeminler","tag-sivilasma","tag-sursarz","tag-tas-kolonlar","tag-tasima-gucu","tag-toprakarme","tag-vibreks-kazik","tag-vibrokompaksiyon","tag-yanal-akma","tag-yumusak-zemin","tag-zemin-guclendirme","tag-zemin-iyilestirme","tag-zemin-stabilizasyonu"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/bakiacil.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_p08o53p08o53p08o-e1765066828419.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9zVBf-1ll","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts\/5167","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/comments?post=5167"}],"version-history":[{"count":8,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts\/5167\/revisions"}],"predecessor-version":[{"id":5176,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/posts\/5167\/revisions\/5176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/media\/5129"}],"wp:attachment":[{"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/media?parent=5167"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/categories?post=5167"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bakiacil.com\/en\/wp-json\/wp\/v2\/tags?post=5167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}