SanatHayat \u2014 Sahne, Sinema, Kitap, Sergi<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --paper:#F7F7F5;\n --paper-2:#ECECE8;\n --ink:#201F1C;\n --ink-soft:#6E6C66;\n --gold:#A9791E;\n --wine:#7A2331;\n --line:#DCDBD5;\n }\n :root:not([data-theme=\"light\"]) {\n @media (prefers-color-scheme: dark) {\n --paper:#1C1C1C;\n --paper-2:#252525;\n --ink:#F2F1ED;\n --ink-soft:#A8A6A0;\n --gold:#D4AF37;\n --wine:#C1495A;\n --line:#3A3A38;\n }\n }\n :root[data-theme=\"dark\"]{\n --paper:#1C1C1C;\n --paper-2:#252525;\n --ink:#F2F1ED;\n --ink-soft:#A8A6A0;\n --gold:#D4AF37;\n --wine:#C1495A;\n --line:#3A3A38;\n }\n\n *{box-sizing:border-box;}\n html,body{margin:0;padding:0;}\n body{\n background:var(--paper);\n color:var(--ink);\n font-family:'Inter', sans-serif;\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n }\n a{color:inherit; text-decoration:none;}\n img{max-width:100%; display:block;}\n .wrap{\n max-width:1000px;\n margin:0 auto;\n padding:0 28px;\n }\n .tracked{\n text-transform:uppercase;\n letter-spacing:0.14em;\n font-weight:600;\n }\n\n \/* Yaz\u0131lar y\u00fcklenirken eski i\u00e7erik g\u00f6z k\u0131rpmas\u0131n *\/\n .live{ transition:opacity .5s ease; }\n .loading-live .live{ opacity:0; }\n\n \/* ---------- Masthead ---------- *\/\n .wordmark{\n font-family:'Playfair Display', serif;\n font-style:italic;\n font-weight:600;\n font-size:clamp(2.3rem, 5.5vw, 3.4rem);\n letter-spacing:0.01em;\n }\n\n \/* ---------- Hero ---------- *\/\n .hero{ margin-top:40px; }\n .hero-frame{\n background:var(--paper-2);\n padding:14px;\n border:1px solid var(--gold);\n }\n .hero-figure{ overflow:hidden; }\n .hero-figure a{ display:block; }\n .hero-figure img{ width:100%; height:auto; display:block; }\n .hero-text{\n max-width:640px;\n margin:38px auto 0;\n text-align:center;\n }\n .hero-cat{\n font-size:0.72rem;\n color:var(--gold);\n margin-bottom:16px;\n }\n .hero-title{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:clamp(2rem, 4.6vw, 3rem);\n line-height:1.16;\n margin:0;\n }\n .hero-title a:hover{ color:var(--gold); }\n .hero-dek{\n margin-top:22px;\n font-size:1.02rem;\n color:var(--ink-soft);\n line-height:1.7;\n }\n .hero-byline{\n margin-top:20px;\n font-size:0.72rem;\n color:var(--ink-soft);\n }\n .hero-readmore{\n display:inline-block;\n margin-top:24px;\n font-size:0.78rem;\n color:var(--gold);\n border-bottom:1px solid var(--gold);\n padding-bottom:3px;\n }\n .hero-readmore:hover{ color:var(--wine); border-color:var(--wine); }\n\n \/* ---------- Pull quote ---------- *\/\n .pullquote{\n margin:100px auto;\n max-width:660px;\n text-align:center;\n }\n .quote-mark{\n font-family:'Playfair Display', serif;\n font-size:3.4rem;\n color:var(--gold);\n line-height:1;\n margin-bottom:6px;\n }\n .pullquote blockquote{\n margin:0;\n font-family:'Playfair Display', serif;\n font-style:italic;\n font-weight:500;\n font-size:clamp(1.4rem, 3vw, 1.9rem);\n line-height:1.44;\n }\n .pullquote cite{\n display:block;\n margin-top:20px;\n font-size:0.72rem;\n color:var(--ink-soft);\n font-style:normal;\n }\n\n \/* ---------- Article slider ---------- *\/\n .section-head{\n text-align:center;\n margin-bottom:30px;\n }\n .section-head h2{\n font-family:'Playfair Display', serif;\n font-style:italic;\n font-weight:600;\n font-size:1.5rem;\n margin:0 0 10px;\n }\n .section-head span{\n font-size:0.68rem;\n color:var(--gold);\n }\n .slider{\n display:flex;\n gap:22px;\n overflow-x:auto;\n padding-bottom:16px;\n scrollbar-width:thin;\n }\n .slider::-webkit-scrollbar{ height:5px; }\n .slider::-webkit-scrollbar-thumb{ background:var(--gold); }\n .slide{\n flex:0 0 250px;\n background:var(--paper-2);\n border:1px solid var(--line);\n padding:16px;\n }\n .slide-figure{\n border:1px solid var(--line);\n background:var(--paper);\n aspect-ratio:4\/3;\n overflow:hidden;\n margin-bottom:16px;\n }\n .slide-figure a{ display:block; width:100%; height:100%; }\n .slide-figure svg{ width:100%; height:100%; }\n .slide-figure img{ width:100%; height:100%; object-fit:cover; }\n .slide-cat{\n font-size:0.66rem;\n color:var(--gold);\n margin-bottom:10px;\n }\n .slide h3{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:1.06rem;\n line-height:1.3;\n margin:0 0 10px;\n }\n .slide h3 a:hover{ color:var(--gold); }\n .slide p{\n font-size:0.76rem;\n color:var(--ink-soft);\n margin:0;\n }\n\n \/* ---------- K\u00fcnye ---------- *\/\n .kunye{ margin-top:100px; text-align:center; }\n .kunye .section-head span{ display:block; }\n .kunye .section-head .hint{ margin-top:6px; color:var(--ink-soft); font-size:0.7rem; }\n .kunye-grid{\n display:flex;\n justify-content:center;\n align-items:flex-start;\n gap:44px;\n flex-wrap:wrap;\n }\n .person{ width:220px; }\n .person--lead{ width:270px; }\n .person-name{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:1.08rem;\n margin-top:16px;\n }\n\n \/* D\u00f6nen kart *\/\n .flip{ perspective:1100px; cursor:pointer; outline-offset:4px; }\n .flip-inner{\n display:grid;\n position:relative;\n transform-style:preserve-3d;\n transition:transform .7s cubic-bezier(.4,.2,.2,1);\n }\n .flip-face{\n grid-area:1\/1;\n -webkit-backface-visibility:hidden;\n backface-visibility:hidden;\n }\n .flip-front{\n background:var(--paper-2);\n border:1px solid var(--gold);\n padding:8px;\n }\n .flip-front svg{ width:100%; height:auto; display:block; }\n .flip-back{\n transform:rotateY(180deg);\n background:var(--paper-2);\n border:1px solid var(--gold);\n padding:22px 18px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n text-align:center;\n }\n .back-role{\n font-size:0.64rem;\n color:var(--gold);\n line-height:1.7;\n margin-bottom:14px;\n }\n .back-text{\n margin:0;\n font-size:0.8rem;\n line-height:1.65;\n color:var(--ink);\n }\n @media (hover:hover){\n .flip:hover .flip-inner{ transform:rotateY(180deg); }\n }\n .flip.is-flipped .flip-inner{ transform:rotateY(180deg); }\n\n \/* Yazar \u00e7a\u011fr\u0131s\u0131 kart\u0131 *\/\n .cta-card{\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:14px;\n aspect-ratio:804\/1006;\n padding:22px 18px;\n border:1px dashed var(--gold);\n text-align:center;\n transition:background-color .3s ease;\n }\n .cta-card:hover{ background:var(--paper-2); }\n .cta-plus{\n width:44px; height:44px;\n border:1px solid var(--gold);\n border-radius:50%;\n display:flex; align-items:center; justify-content:center;\n font-family:'Playfair Display', serif;\n font-size:1.7rem;\n line-height:1;\n color:var(--gold);\n }\n .cta-title{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:1.12rem;\n line-height:1.3;\n }\n .cta-text{ font-size:0.8rem; color:var(--ink-soft); }\n .cta-btn{\n margin-top:4px;\n font-size:0.7rem;\n color:var(--gold);\n border-bottom:1px solid var(--gold);\n padding-bottom:3px;\n }\n .cta-card:hover .cta-btn{ color:var(--wine); border-color:var(--wine); }\n\n \/* ---------- Footer ---------- *\/\n footer{\n margin-top:90px;\n border-top:1px solid var(--gold);\n padding:26px 0 60px;\n text-align:center;\n }\n .footer-row{\n display:flex;\n justify-content:center;\n gap:26px;\n flex-wrap:wrap;\n font-size:0.7rem;\n color:var(--ink-soft);\n }\n\n @media (prefers-reduced-motion:reduce){\n .flip-inner, .live{ transition:none; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n <defs>\n <g id=\"p-neck\">\n <path d=\"M353 572H451L458 707Q402 775 346 707Z\" fill=\"#DAAC87\"\/>\n <path d=\"M353 572H451L450 612Q402 650 354 612Z\" fill=\"#C69374\"\/>\n <\/g>\n\n <symbol id=\"p-base\" viewBox=\"0 0 804 1006\">\n <rect width=\"804\" height=\"1006\" fill=\"#E3E2DD\"\/>\n <circle cx=\"402\" cy=\"432\" r=\"301\" fill=\"#F3F1ED\"\/>\n <path d=\"M40 1006C40 850 170 725 345 709L459 709C634 725 764 850 764 1006Z\" fill=\"#1C1C1C\"\/>\n <use href=\"#p-neck\"\/>\n <path d=\"M322 714L346 708L402 788L458 708L482 714L402 844Z\" fill=\"#FFFFFF\"\/>\n <\/symbol>\n\n \n <symbol id=\"p-serpil\" viewBox=\"0 0 804 1006\">\n <use href=\"#p-base\" width=\"804\" height=\"1006\"\/>\n <ellipse cx=\"402\" cy=\"412\" rx=\"148\" ry=\"172\" fill=\"#E8B03F\"\/>\n <circle cx=\"402\" cy=\"209\" r=\"72\" fill=\"#F6C646\"\/>\n <path d=\"M358 196Q402 152 446 186\" fill=\"none\" stroke=\"#FADB7A\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n <path d=\"M277 429C277 330 340 298 402 299C470 299 527 340 527 429C500 370 450 330 360 313C320 340 290 390 277 429Z\" fill=\"#F6C646\"\/>\n <ellipse cx=\"402\" cy=\"450\" rx=\"114\" ry=\"135\" fill=\"#E6BB98\"\/>\n <path d=\"M357 314C440 330 490 350 520 385\" fill=\"none\" stroke=\"#DDAE3A\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n <circle cx=\"287\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <circle cx=\"517\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <\/symbol>\n\n \n <symbol id=\"p-sevval\" viewBox=\"0 0 804 1006\">\n <use href=\"#p-base\" width=\"804\" height=\"1006\"\/>\n <path d=\"M246 600C232 330 300 250 402 250C504 250 572 330 558 600Z\" fill=\"#B4501F\"\/>\n <use href=\"#p-neck\"\/>\n <ellipse cx=\"402\" cy=\"450\" rx=\"114\" ry=\"135\" fill=\"#E6BB98\"\/>\n <path d=\"M282 400C276 320 330 276 402 276C474 276 528 320 522 400C470 366 334 366 282 400Z\" fill=\"#C75A25\"\/>\n <path d=\"M300 330C340 296 440 290 500 322\" fill=\"none\" stroke=\"#DE7A3C\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n <circle cx=\"287\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <circle cx=\"517\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <\/symbol>\n <\/defs>\n<\/svg>\n\n<div class=\"wrap\">\n\n \n <section class=\"hero live\" id=\"hero\">\n <div class=\"hero-frame\">\n <div class=\"hero-figure\">\n <a href=\"#\" id=\"hero-img-link\">\n <img decoding=\"async\" id=\"hero-img\" src=\"http:\/\/www.sanathayat.com\/wp-content\/uploads\/2026\/10\/Ekran-Resmi-2026-10-08-13.53.36.png\" alt=\"Afife oyununun pr\u00f6miyer g\u00f6rseli\">\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hero-text\">\n <div class=\"hero-cat tracked\" id=\"hero-cat\">Tiyatro \u2014 Pr\u00f6miyer<\/div>\n <h1 class=\"hero-title\" id=\"hero-title\"><a href=\"#\">Afife, Zorlu PSM'de perde a\u00e7t\u0131<\/a><\/h1>\n <p class=\"hero-dek\" id=\"hero-dek\">Sezon boyunca Turkcell Sahnesi'nde izleyiciyle bulu\u015facak oyun, ilk gecesinde salonu doldurdu. Tek ki\u015filik oyunculuk performans\u0131, pr\u00f6miyerin en \u00e7ok konu\u015fulan taraf\u0131 oldu.<\/p>\n <div class=\"hero-byline tracked\" id=\"hero-byline\">Deniz Kaya yazd\u0131 \u2014 7 Dakikal\u0131k Okuma<\/div>\n <a class=\"hero-readmore tracked\" id=\"hero-more\" href=\"#\">Devam\u0131n\u0131 Oku<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"pullquote\">\n <div class=\"quote-mark\">\u201c<\/div>\n <blockquote>Perde a\u00e7\u0131ld\u0131\u011f\u0131nda oyuncunun kalp at\u0131\u015f\u0131, salonun nefesiyle ayn\u0131 ritme ge\u00e7er.<\/blockquote>\n <cite class=\"tracked\">Afife Pr\u00f6miyerinden<\/cite>\n <\/section>\n\n \n <section class=\"articles\">\n <div class=\"section-head\">\n <h2>Son Yaz\u0131lar<\/h2>\n <span class=\"tracked\">Kayd\u0131rarak devam\u0131n\u0131 g\u00f6r<\/span>\n <\/div>\n <div class=\"slider live\" id=\"slider\">\n\n <div class=\"slide\">\n <div class=\"slide-figure\">\n <svg viewBox=\"0 0 300 225\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"300\" height=\"225\" fill=\"var(--paper)\"\/>\n <rect x=\"40\" y=\"50\" width=\"80\" height=\"120\" fill=\"none\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"40\" y1=\"50\" x2=\"120\" y2=\"170\" stroke=\"var(--ink-soft)\" stroke-width=\"1\"\/>\n <circle cx=\"200\" cy=\"110\" r=\"34\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"slide-cat tracked\">Sinema<\/div>\n <h3>Karanl\u0131k salonun sessiz s\u00f6zle\u015fmesi<\/h3>\n <p>Serpil Boydak yazd\u0131<\/p>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"slide-figure\">\n <svg viewBox=\"0 0 300 225\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"300\" height=\"225\" fill=\"var(--paper)\"\/>\n <line x1=\"80\" y1=\"50\" x2=\"80\" y2=\"175\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"100\" y1=\"55\" x2=\"100\" y2=\"170\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"120\" y1=\"52\" x2=\"120\" y2=\"172\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"140\" y1=\"58\" x2=\"140\" y2=\"168\" stroke=\"var(--gold)\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"slide-cat tracked\">Kitap<\/div>\n <h3>Bir roman nas\u0131l terk edilir<\/h3>\n <p>Serpil Boydak yazd\u0131<\/p>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"slide-figure\">\n <svg viewBox=\"0 0 300 225\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"300\" height=\"225\" fill=\"var(--paper)\"\/>\n <rect x=\"60\" y=\"60\" width=\"60\" height=\"80\" fill=\"none\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <rect x=\"140\" y=\"90\" width=\"60\" height=\"50\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"slide-cat tracked\">Sergi<\/div>\n <h3>Duvar\u0131n \u00f6b\u00fcr taraf\u0131: bir k\u00fcrat\u00f6r\u00fcn g\u00fcnl\u00fc\u011f\u00fc<\/h3>\n <p>Serpil Boydak yazd\u0131<\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"kunye\">\n <div class=\"section-head\">\n <h2>K\u00fcnye<\/h2>\n <span class=\"tracked\">SanatHayat ekibi<\/span>\n <span class=\"hint\">Kart\u0131n \u00fczerine gelin ya da dokunun<\/span>\n <\/div>\n\n <div class=\"kunye-grid\">\n\n \n <div class=\"person person--lead\">\n <div class=\"flip\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"Serpil Boydak hakk\u0131nda bilgi\">\n <div class=\"flip-inner\">\n <div class=\"flip-face flip-front\">\n <svg viewBox=\"0 0 804 1006\" role=\"img\" aria-label=\"Serpil Boydak\">\n <use href=\"#p-serpil\" width=\"804\" height=\"1006\"\/>\n <\/svg>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"back-role tracked\">Y\u00f6netmen \u00b7 K\u00fclt\u00fcr Sanat Yazar\u0131<\/div>\n <p class=\"back-text\">Serpil, y\u0131llara dayanan televizyonculuk ge\u00e7mi\u015finden ald\u0131\u011f\u0131 bilgi ve birikim ile k\u00fclt\u00fcr-sanat\u0131n nabz\u0131n\u0131 tutmak i\u00e7in SanatHayat'\u0131n kurucusu ve yazar\u0131 olarak ba\u015f edit\u00f6rl\u00fc\u011f\u00fc de \u00fcstleniyor.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"person-name\">Serpil Boydak<\/div>\n <\/div>\n\n <div class=\"person\">\n <div class=\"flip\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"\u015eevval Sevim hakk\u0131nda bilgi\">\n <div class=\"flip-inner\">\n <div class=\"flip-face flip-front\">\n <svg viewBox=\"0 0 804 1006\" role=\"img\" aria-label=\"\u015eevval Sevim\">\n <use href=\"#p-sevval\" width=\"804\" height=\"1006\"\/>\n <\/svg>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"back-role tracked\">Tasar\u0131mc\u0131 \u00b7 \u0130\u00e7erik \u00dcretici<br>G\u00fczellik ve Lifestyle<\/div>\n <p class=\"back-text\">\u015eevval, 10+ y\u0131ll\u0131k tasar\u0131mc\u0131 ge\u00e7mi\u015fine sahip bir i\u00e7erik \u00fcretici. Kozmetik alan\u0131nda \u00fcr\u00fcn bilgisi ve yapt\u0131\u011f\u0131 ge\u00e7i\u015f videolar\u0131yla biliniyor.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"person-name\">\u015eevval Sevim<\/div>\n <\/div>\n\n \n <div class=\"person\">\n <a class=\"cta-card\" href=\"https:\/\/www.instagram.com\/sanathayat\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span class=\"cta-plus\" aria-hidden=\"true\">+<\/span>\n <span class=\"cta-title\">SanatHayat'a yazar m\u0131 olmak istiyorsun?<\/span>\n <span class=\"cta-text\">Bizimle ileti\u015fime ge\u00e7.<\/span>\n <span class=\"cta-btn tracked\">\u0130leti\u015fime Ge\u00e7<\/span>\n <\/a>\n <div class=\"person-name\">Aram\u0131za kat\u0131l<\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"wordmark\" style=\"font-size:1.3rem;\">SanatHayat<\/div>\n <div class=\"footer-row\" style=\"margin-top:18px;\">\n <span>\u00a9 2026<\/span>\n <span>\u0130zmir<\/span>\n <span>K\u00fcnye<\/span>\n <span>\u0130leti\u015fim<\/span>\n <span>Abonelik<\/span>\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n(function () {\n \/* ---------- Ayarlar ---------- *\/\n var SITE = 'https:\/\/www.sanathayat.com';\n var SKIP_HERO = true; \/\/ true: \u00fcstte g\u00f6r\u00fcnen yaz\u0131 \"Son Yaz\u0131lar\" listesinde tekrar \u00e7\u0131kmaz\n var SLIDER_COUNT = 8; \/\/ \"Son Yaz\u0131lar\" ka\u00e7 yaz\u0131 g\u00f6stersin\n\n var root = document.documentElement;\n var local = \/(^|\\.)sanathayat\\.com$\/.test(location.hostname);\n var API = (local ? '' : SITE) + '\/wp-json\/wp\/v2\/posts?per_page=' + (SLIDER_COUNT + 2) + '&orderby=date&order=desc&_embed';\n\n root.classList.add('loading-live');\n function reveal() { root.classList.remove('loading-live'); }\n var safety = setTimeout(reveal, 5000);\n\n function $(id) { return document.getElementById(id); }\n function txt(html) {\n return new DOMParser().parseFromString(html || '', 'text\/html').documentElement.textContent.trim();\n }\n function https(u) { return u ? u.replace(\/^http:\\\/\\\/\/i, 'https:\/\/') : ''; }\n function el(tag, cls, text) {\n var n = document.createElement(tag);\n if (cls) n.className = cls;\n if (text) n.textContent = text;\n return n;\n }\n\n function info(p) {\n var e = p._embedded || {};\n var m = e['wp:featuredmedia'] && e['wp:featuredmedia'][0];\n var sizes = (m && m.media_details && m.media_details.sizes) || {};\n var a = e.author && e.author[0];\n var cats = ((e['wp:term'] && e['wp:term'][0]) || []).filter(function (c) {\n return c.slug !== 'uncategorized' && c.slug !== 'genel';\n });\n var words = txt(p.content && p.content.rendered).split(\/\\s+\/).length;\n var excerpt = txt(p.excerpt && p.excerpt.rendered)\n .replace(\/\\s*Devam\u0131n\u0131 oku.*$\/i, '')\n .replace(\/\\s*(\\[\u2026\\]|\\[…\\]|\u2026|\\.\\.\\.)\\s*$\/, '');\n if (excerpt.length > 240) excerpt = excerpt.slice(0, 237).replace(\/\\s+\\S*$\/, '') + '\u2026';\n var title = txt(p.title && p.title.rendered);\n return {\n title: title,\n link: p.link,\n img: m ? https(m.source_url) : '',\n imgCard: m ? https((sizes.medium_large || sizes.large || {}).source_url || m.source_url) : '',\n alt: (m && m.alt_text) || title,\n author: a ? a.name : '',\n cat: cats[0] ? txt(cats[0].name) : '',\n date: new Date(p.date).toLocaleDateString('tr-TR', { day: 'numeric', month: 'long', year: 'numeric' }),\n mins: Math.max(1, Math.round(words \/ 200)),\n excerpt: excerpt\n };\n }\n\n function renderHero(h) {\n $('hero-img-link').href = h.link;\n var img = $('hero-img');\n if (h.img) { img.src = h.img; img.alt = h.alt; }\n else { document.querySelector('.hero-frame').style.display = 'none'; }\n\n var cat = $('hero-cat');\n cat.textContent = h.cat;\n cat.style.display = h.cat ? '' : 'none';\n\n var t = $('hero-title');\n t.textContent = '';\n var a = el('a', '', h.title);\n a.href = h.link;\n t.appendChild(a);\n\n var d = $('hero-dek');\n d.textContent = h.excerpt;\n d.style.display = h.excerpt ? '' : 'none';\n\n $('hero-byline').textContent = (h.author ? h.author + ' yazd\u0131 \u2014 ' : '') + h.mins + ' Dakikal\u0131k Okuma';\n $('hero-more').href = h.link;\n }\n\n function renderSlider(list) {\n var s = $('slider');\n s.textContent = '';\n list.forEach(function (x) {\n var card = el('div', 'slide');\n\n var fig = el('div', 'slide-figure');\n var fa = el('a');\n fa.href = x.link;\n fa.setAttribute('aria-label', x.title);\n if (x.imgCard) {\n var im = document.createElement('img');\n im.src = x.imgCard; im.alt = x.alt; im.loading = 'lazy';\n fa.appendChild(im);\n }\n fig.appendChild(fa);\n card.appendChild(fig);\n\n if (x.cat) card.appendChild(el('div', 'slide-cat tracked', x.cat));\n\n var h3 = el('h3');\n var ta = el('a', '', x.title);\n ta.href = x.link;\n h3.appendChild(ta);\n card.appendChild(h3);\n\n card.appendChild(el('p', '', (x.author ? x.author + ' yazd\u0131 \u00b7 ' : '') + x.date));\n s.appendChild(card);\n });\n }\n\n fetch(API)\n .then(function (r) { if (!r.ok) throw new Error(r.status); return r.json(); })\n .then(function (posts) {\n if (!posts || !posts.length) return;\n var items = posts.map(info);\n renderHero(items[0]);\n var rest = SKIP_HERO ? items.slice(1) : items;\n if (rest.length) renderSlider(rest.slice(0, SLIDER_COUNT));\n })\n .catch(function () { \/* hata olursa sayfadaki \u00f6rnek i\u00e7erik kal\u0131r *\/ })\n .then(function () { clearTimeout(safety); reveal(); });\n\n \/* ---------- K\u00fcnye kartlar\u0131: dokunmatikte dokununca, klavyede Enter\/Bo\u015fluk ile d\u00f6ner ---------- *\/\n var canHover = window.matchMedia && window.matchMedia('(hover:hover)').matches;\n Array.prototype.forEach.call(document.querySelectorAll('.flip'), function (f) {\n function toggle() {\n var on = f.classList.toggle('is-flipped');\n f.setAttribute('aria-pressed', on ? 'true' : 'false');\n }\n f.addEventListener('click', function () { if (!canHover) toggle(); });\n f.addEventListener('keydown', function (e) {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SanatHayat \u2014 Sahne, Sinema, Kitap, Sergi Tiyatro \u2014 Pr\u00f6miyer Afife, Zorlu PSM’de perde a\u00e7t\u0131 Sezon boyunca Turkcell Sahnesi’nde izleyiciyle bulu\u015facak oyun, ilk gecesinde salonu doldurdu. Tek ki\u015filik oyunculuk performans\u0131, pr\u00f6miyerin en \u00e7ok konu\u015fulan taraf\u0131 oldu. Deniz Kaya yazd\u0131 \u2014 7 Dakikal\u0131k Okuma Devam\u0131n\u0131 Oku \u201c Perde a\u00e7\u0131ld\u0131\u011f\u0131nda oyuncunun kalp at\u0131\u015f\u0131, salonun nefesiyle ayn\u0131 ritme ge\u00e7er. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nSanatHayat \u2014 Sahne, Sinema, Kitap, Sergi<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --paper:#F7F7F5;\n --paper-2:#ECECE8;\n --ink:#201F1C;\n --ink-soft:#6E6C66;\n --gold:#A9791E;\n --wine:#7A2331;\n --line:#DCDBD5;\n }\n :root:not([data-theme=\"light\"]) {\n @media (prefers-color-scheme: dark) {\n --paper:#1C1C1C;\n --paper-2:#252525;\n --ink:#F2F1ED;\n --ink-soft:#A8A6A0;\n --gold:#D4AF37;\n --wine:#C1495A;\n --line:#3A3A38;\n }\n }\n :root[data-theme=\"dark\"]{\n --paper:#1C1C1C;\n --paper-2:#252525;\n --ink:#F2F1ED;\n --ink-soft:#A8A6A0;\n --gold:#D4AF37;\n --wine:#C1495A;\n --line:#3A3A38;\n }\n\n *{box-sizing:border-box;}\n html,body{margin:0;padding:0;}\n body{\n background:var(--paper);\n color:var(--ink);\n font-family:'Inter', sans-serif;\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n }\n a{color:inherit; text-decoration:none;}\n img{max-width:100%; display:block;}\n .wrap{\n max-width:1000px;\n margin:0 auto;\n padding:0 28px;\n }\n .tracked{\n text-transform:uppercase;\n letter-spacing:0.14em;\n font-weight:600;\n }\n\n \/* Yaz\u0131lar y\u00fcklenirken eski i\u00e7erik g\u00f6z k\u0131rpmas\u0131n *\/\n .live{ transition:opacity .5s ease; }\n .loading-live .live{ opacity:0; }\n\n \/* ---------- Masthead ---------- *\/\n .wordmark{\n font-family:'Playfair Display', serif;\n font-style:italic;\n font-weight:600;\n font-size:clamp(2.3rem, 5.5vw, 3.4rem);\n letter-spacing:0.01em;\n }\n\n \/* ---------- Hero ---------- *\/\n .hero{ margin-top:40px; }\n .hero-frame{\n background:var(--paper-2);\n padding:14px;\n border:1px solid var(--gold);\n }\n .hero-figure{ overflow:hidden; }\n .hero-figure a{ display:block; }\n .hero-figure img{ width:100%; height:auto; display:block; }\n .hero-text{\n max-width:640px;\n margin:38px auto 0;\n text-align:center;\n }\n .hero-cat{\n font-size:0.72rem;\n color:var(--gold);\n margin-bottom:16px;\n }\n .hero-title{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:clamp(2rem, 4.6vw, 3rem);\n line-height:1.16;\n margin:0;\n }\n .hero-title a:hover{ color:var(--gold); }\n .hero-dek{\n margin-top:22px;\n font-size:1.02rem;\n color:var(--ink-soft);\n line-height:1.7;\n }\n .hero-byline{\n margin-top:20px;\n font-size:0.72rem;\n color:var(--ink-soft);\n }\n .hero-readmore{\n display:inline-block;\n margin-top:24px;\n font-size:0.78rem;\n color:var(--gold);\n border-bottom:1px solid var(--gold);\n padding-bottom:3px;\n }\n .hero-readmore:hover{ color:var(--wine); border-color:var(--wine); }\n\n \/* ---------- Pull quote ---------- *\/\n .pullquote{\n margin:100px auto;\n max-width:660px;\n text-align:center;\n }\n .quote-mark{\n font-family:'Playfair Display', serif;\n font-size:3.4rem;\n color:var(--gold);\n line-height:1;\n margin-bottom:6px;\n }\n .pullquote blockquote{\n margin:0;\n font-family:'Playfair Display', serif;\n font-style:italic;\n font-weight:500;\n font-size:clamp(1.4rem, 3vw, 1.9rem);\n line-height:1.44;\n }\n .pullquote cite{\n display:block;\n margin-top:20px;\n font-size:0.72rem;\n color:var(--ink-soft);\n font-style:normal;\n }\n\n \/* ---------- Article slider ---------- *\/\n .section-head{\n text-align:center;\n margin-bottom:30px;\n }\n .section-head h2{\n font-family:'Playfair Display', serif;\n font-style:italic;\n font-weight:600;\n font-size:1.5rem;\n margin:0 0 10px;\n }\n .section-head span{\n font-size:0.68rem;\n color:var(--gold);\n }\n .slider{\n display:flex;\n gap:22px;\n overflow-x:auto;\n padding-bottom:16px;\n scrollbar-width:thin;\n }\n .slider::-webkit-scrollbar{ height:5px; }\n .slider::-webkit-scrollbar-thumb{ background:var(--gold); }\n .slide{\n flex:0 0 250px;\n background:var(--paper-2);\n border:1px solid var(--line);\n padding:16px;\n }\n .slide-figure{\n border:1px solid var(--line);\n background:var(--paper);\n aspect-ratio:4\/3;\n overflow:hidden;\n margin-bottom:16px;\n }\n .slide-figure a{ display:block; width:100%; height:100%; }\n .slide-figure svg{ width:100%; height:100%; }\n .slide-figure img{ width:100%; height:100%; object-fit:cover; }\n .slide-cat{\n font-size:0.66rem;\n color:var(--gold);\n margin-bottom:10px;\n }\n .slide h3{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:1.06rem;\n line-height:1.3;\n margin:0 0 10px;\n }\n .slide h3 a:hover{ color:var(--gold); }\n .slide p{\n font-size:0.76rem;\n color:var(--ink-soft);\n margin:0;\n }\n\n \/* ---------- K\u00fcnye ---------- *\/\n .kunye{ margin-top:100px; text-align:center; }\n .kunye .section-head span{ display:block; }\n .kunye .section-head .hint{ margin-top:6px; color:var(--ink-soft); font-size:0.7rem; }\n .kunye-grid{\n display:flex;\n justify-content:center;\n align-items:flex-start;\n gap:44px;\n flex-wrap:wrap;\n }\n .person{ width:220px; }\n .person--lead{ width:270px; }\n .person-name{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:1.08rem;\n margin-top:16px;\n }\n\n \/* D\u00f6nen kart *\/\n .flip{ perspective:1100px; cursor:pointer; outline-offset:4px; }\n .flip-inner{\n display:grid;\n position:relative;\n transform-style:preserve-3d;\n transition:transform .7s cubic-bezier(.4,.2,.2,1);\n }\n .flip-face{\n grid-area:1\/1;\n -webkit-backface-visibility:hidden;\n backface-visibility:hidden;\n }\n .flip-front{\n background:var(--paper-2);\n border:1px solid var(--gold);\n padding:8px;\n }\n .flip-front svg{ width:100%; height:auto; display:block; }\n .flip-back{\n transform:rotateY(180deg);\n background:var(--paper-2);\n border:1px solid var(--gold);\n padding:22px 18px;\n display:flex;\n flex-direction:column;\n justify-content:center;\n text-align:center;\n }\n .back-role{\n font-size:0.64rem;\n color:var(--gold);\n line-height:1.7;\n margin-bottom:14px;\n }\n .back-text{\n margin:0;\n font-size:0.8rem;\n line-height:1.65;\n color:var(--ink);\n }\n @media (hover:hover){\n .flip:hover .flip-inner{ transform:rotateY(180deg); }\n }\n .flip.is-flipped .flip-inner{ transform:rotateY(180deg); }\n\n \/* Yazar \u00e7a\u011fr\u0131s\u0131 kart\u0131 *\/\n .cta-card{\n display:flex;\n flex-direction:column;\n align-items:center;\n justify-content:center;\n gap:14px;\n aspect-ratio:804\/1006;\n padding:22px 18px;\n border:1px dashed var(--gold);\n text-align:center;\n transition:background-color .3s ease;\n }\n .cta-card:hover{ background:var(--paper-2); }\n .cta-plus{\n width:44px; height:44px;\n border:1px solid var(--gold);\n border-radius:50%;\n display:flex; align-items:center; justify-content:center;\n font-family:'Playfair Display', serif;\n font-size:1.7rem;\n line-height:1;\n color:var(--gold);\n }\n .cta-title{\n font-family:'Playfair Display', serif;\n font-weight:600;\n font-size:1.12rem;\n line-height:1.3;\n }\n .cta-text{ font-size:0.8rem; color:var(--ink-soft); }\n .cta-btn{\n margin-top:4px;\n font-size:0.7rem;\n color:var(--gold);\n border-bottom:1px solid var(--gold);\n padding-bottom:3px;\n }\n .cta-card:hover .cta-btn{ color:var(--wine); border-color:var(--wine); }\n\n \/* ---------- Footer ---------- *\/\n footer{\n margin-top:90px;\n border-top:1px solid var(--gold);\n padding:26px 0 60px;\n text-align:center;\n }\n .footer-row{\n display:flex;\n justify-content:center;\n gap:26px;\n flex-wrap:wrap;\n font-size:0.7rem;\n color:var(--ink-soft);\n }\n\n @media (prefers-reduced-motion:reduce){\n .flip-inner, .live{ transition:none; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n <defs>\n <g id=\"p-neck\">\n <path d=\"M353 572H451L458 707Q402 775 346 707Z\" fill=\"#DAAC87\"\/>\n <path d=\"M353 572H451L450 612Q402 650 354 612Z\" fill=\"#C69374\"\/>\n <\/g>\n\n <symbol id=\"p-base\" viewBox=\"0 0 804 1006\">\n <rect width=\"804\" height=\"1006\" fill=\"#E3E2DD\"\/>\n <circle cx=\"402\" cy=\"432\" r=\"301\" fill=\"#F3F1ED\"\/>\n <path d=\"M40 1006C40 850 170 725 345 709L459 709C634 725 764 850 764 1006Z\" fill=\"#1C1C1C\"\/>\n <use href=\"#p-neck\"\/>\n <path d=\"M322 714L346 708L402 788L458 708L482 714L402 844Z\" fill=\"#FFFFFF\"\/>\n <\/symbol>\n\n \n <symbol id=\"p-serpil\" viewBox=\"0 0 804 1006\">\n <use href=\"#p-base\" width=\"804\" height=\"1006\"\/>\n <ellipse cx=\"402\" cy=\"412\" rx=\"148\" ry=\"172\" fill=\"#E8B03F\"\/>\n <circle cx=\"402\" cy=\"209\" r=\"72\" fill=\"#F6C646\"\/>\n <path d=\"M358 196Q402 152 446 186\" fill=\"none\" stroke=\"#FADB7A\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n <path d=\"M277 429C277 330 340 298 402 299C470 299 527 340 527 429C500 370 450 330 360 313C320 340 290 390 277 429Z\" fill=\"#F6C646\"\/>\n <ellipse cx=\"402\" cy=\"450\" rx=\"114\" ry=\"135\" fill=\"#E6BB98\"\/>\n <path d=\"M357 314C440 330 490 350 520 385\" fill=\"none\" stroke=\"#DDAE3A\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n <circle cx=\"287\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <circle cx=\"517\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <\/symbol>\n\n \n <symbol id=\"p-sevval\" viewBox=\"0 0 804 1006\">\n <use href=\"#p-base\" width=\"804\" height=\"1006\"\/>\n <path d=\"M246 600C232 330 300 250 402 250C504 250 572 330 558 600Z\" fill=\"#B4501F\"\/>\n <use href=\"#p-neck\"\/>\n <ellipse cx=\"402\" cy=\"450\" rx=\"114\" ry=\"135\" fill=\"#E6BB98\"\/>\n <path d=\"M282 400C276 320 330 276 402 276C474 276 528 320 522 400C470 366 334 366 282 400Z\" fill=\"#C75A25\"\/>\n <path d=\"M300 330C340 296 440 290 500 322\" fill=\"none\" stroke=\"#DE7A3C\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n <circle cx=\"287\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <circle cx=\"517\" cy=\"498\" r=\"10\" fill=\"#9E7F3C\"\/>\n <\/symbol>\n <\/defs>\n<\/svg>\n\n<div class=\"wrap\">\n\n \n <section class=\"hero live\" id=\"hero\">\n <div class=\"hero-frame\">\n <div class=\"hero-figure\">\n <a href=\"#\" id=\"hero-img-link\">\n <img decoding=\"async\" id=\"hero-img\" src=\"http:\/\/www.sanathayat.com\/wp-content\/uploads\/2026\/10\/Ekran-Resmi-2026-10-08-13.53.36.png\" alt=\"Afife oyununun pr\u00f6miyer g\u00f6rseli\">\n <\/a>\n <\/div>\n <\/div>\n <div class=\"hero-text\">\n <div class=\"hero-cat tracked\" id=\"hero-cat\">Tiyatro \u2014 Pr\u00f6miyer<\/div>\n <h1 class=\"hero-title\" id=\"hero-title\"><a href=\"#\">Afife, Zorlu PSM'de perde a\u00e7t\u0131<\/a><\/h1>\n <p class=\"hero-dek\" id=\"hero-dek\">Sezon boyunca Turkcell Sahnesi'nde izleyiciyle bulu\u015facak oyun, ilk gecesinde salonu doldurdu. Tek ki\u015filik oyunculuk performans\u0131, pr\u00f6miyerin en \u00e7ok konu\u015fulan taraf\u0131 oldu.<\/p>\n <div class=\"hero-byline tracked\" id=\"hero-byline\">Deniz Kaya yazd\u0131 \u2014 7 Dakikal\u0131k Okuma<\/div>\n <a class=\"hero-readmore tracked\" id=\"hero-more\" href=\"#\">Devam\u0131n\u0131 Oku<\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"pullquote\">\n <div class=\"quote-mark\">\u201c<\/div>\n <blockquote>Perde a\u00e7\u0131ld\u0131\u011f\u0131nda oyuncunun kalp at\u0131\u015f\u0131, salonun nefesiyle ayn\u0131 ritme ge\u00e7er.<\/blockquote>\n <cite class=\"tracked\">Afife Pr\u00f6miyerinden<\/cite>\n <\/section>\n\n \n <section class=\"articles\">\n <div class=\"section-head\">\n <h2>Son Yaz\u0131lar<\/h2>\n <span class=\"tracked\">Kayd\u0131rarak devam\u0131n\u0131 g\u00f6r<\/span>\n <\/div>\n <div class=\"slider live\" id=\"slider\">\n\n <div class=\"slide\">\n <div class=\"slide-figure\">\n <svg viewBox=\"0 0 300 225\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"300\" height=\"225\" fill=\"var(--paper)\"\/>\n <rect x=\"40\" y=\"50\" width=\"80\" height=\"120\" fill=\"none\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"40\" y1=\"50\" x2=\"120\" y2=\"170\" stroke=\"var(--ink-soft)\" stroke-width=\"1\"\/>\n <circle cx=\"200\" cy=\"110\" r=\"34\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"slide-cat tracked\">Sinema<\/div>\n <h3>Karanl\u0131k salonun sessiz s\u00f6zle\u015fmesi<\/h3>\n <p>Serpil Boydak yazd\u0131<\/p>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"slide-figure\">\n <svg viewBox=\"0 0 300 225\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"300\" height=\"225\" fill=\"var(--paper)\"\/>\n <line x1=\"80\" y1=\"50\" x2=\"80\" y2=\"175\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"100\" y1=\"55\" x2=\"100\" y2=\"170\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"120\" y1=\"52\" x2=\"120\" y2=\"172\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <line x1=\"140\" y1=\"58\" x2=\"140\" y2=\"168\" stroke=\"var(--gold)\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"slide-cat tracked\">Kitap<\/div>\n <h3>Bir roman nas\u0131l terk edilir<\/h3>\n <p>Serpil Boydak yazd\u0131<\/p>\n <\/div>\n\n <div class=\"slide\">\n <div class=\"slide-figure\">\n <svg viewBox=\"0 0 300 225\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect width=\"300\" height=\"225\" fill=\"var(--paper)\"\/>\n <rect x=\"60\" y=\"60\" width=\"60\" height=\"80\" fill=\"none\" stroke=\"var(--ink-soft)\" stroke-width=\"1.5\"\/>\n <rect x=\"140\" y=\"90\" width=\"60\" height=\"50\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"slide-cat tracked\">Sergi<\/div>\n <h3>Duvar\u0131n \u00f6b\u00fcr taraf\u0131: bir k\u00fcrat\u00f6r\u00fcn g\u00fcnl\u00fc\u011f\u00fc<\/h3>\n <p>Serpil Boydak yazd\u0131<\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"kunye\">\n <div class=\"section-head\">\n <h2>K\u00fcnye<\/h2>\n <span class=\"tracked\">SanatHayat ekibi<\/span>\n <span class=\"hint\">Kart\u0131n \u00fczerine gelin ya da dokunun<\/span>\n <\/div>\n\n <div class=\"kunye-grid\">\n\n \n <div class=\"person person--lead\">\n <div class=\"flip\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"Serpil Boydak hakk\u0131nda bilgi\">\n <div class=\"flip-inner\">\n <div class=\"flip-face flip-front\">\n <svg viewBox=\"0 0 804 1006\" role=\"img\" aria-label=\"Serpil Boydak\">\n <use href=\"#p-serpil\" width=\"804\" height=\"1006\"\/>\n <\/svg>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"back-role tracked\">Y\u00f6netmen \u00b7 K\u00fclt\u00fcr Sanat Yazar\u0131<\/div>\n <p class=\"back-text\">Serpil, y\u0131llara dayanan televizyonculuk ge\u00e7mi\u015finden ald\u0131\u011f\u0131 bilgi ve birikim ile k\u00fclt\u00fcr-sanat\u0131n nabz\u0131n\u0131 tutmak i\u00e7in SanatHayat'\u0131n kurucusu ve yazar\u0131 olarak ba\u015f edit\u00f6rl\u00fc\u011f\u00fc de \u00fcstleniyor.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"person-name\">Serpil Boydak<\/div>\n <\/div>\n\n <div class=\"person\">\n <div class=\"flip\" tabindex=\"0\" role=\"button\" aria-pressed=\"false\" aria-label=\"\u015eevval Sevim hakk\u0131nda bilgi\">\n <div class=\"flip-inner\">\n <div class=\"flip-face flip-front\">\n <svg viewBox=\"0 0 804 1006\" role=\"img\" aria-label=\"\u015eevval Sevim\">\n <use href=\"#p-sevval\" width=\"804\" height=\"1006\"\/>\n <\/svg>\n <\/div>\n <div class=\"flip-face flip-back\">\n <div class=\"back-role tracked\">Tasar\u0131mc\u0131 \u00b7 \u0130\u00e7erik \u00dcretici<br>G\u00fczellik ve Lifestyle<\/div>\n <p class=\"back-text\">\u015eevval, 10+ y\u0131ll\u0131k tasar\u0131mc\u0131 ge\u00e7mi\u015fine sahip bir i\u00e7erik \u00fcretici. Kozmetik alan\u0131nda \u00fcr\u00fcn bilgisi ve yapt\u0131\u011f\u0131 ge\u00e7i\u015f videolar\u0131yla biliniyor.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"person-name\">\u015eevval Sevim<\/div>\n <\/div>\n\n \n <div class=\"person\">\n <a class=\"cta-card\" href=\"https:\/\/www.instagram.com\/sanathayat\" target=\"_blank\" rel=\"noopener noreferrer\">\n <span class=\"cta-plus\" aria-hidden=\"true\">+<\/span>\n <span class=\"cta-title\">SanatHayat'a yazar m\u0131 olmak istiyorsun?<\/span>\n <span class=\"cta-text\">Bizimle ileti\u015fime ge\u00e7.<\/span>\n <span class=\"cta-btn tracked\">\u0130leti\u015fime Ge\u00e7<\/span>\n <\/a>\n <div class=\"person-name\">Aram\u0131za kat\u0131l<\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <footer>\n <div class=\"wordmark\" style=\"font-size:1.3rem;\">SanatHayat<\/div>\n <div class=\"footer-row\" style=\"margin-top:18px;\">\n <span>\u00a9 2026<\/span>\n <span>\u0130zmir<\/span>\n <span>K\u00fcnye<\/span>\n <span>\u0130leti\u015fim<\/span>\n <span>Abonelik<\/span>\n <\/div>\n <\/footer>\n<\/div>\n\n<script>\n(function () {\n \/* ---------- Ayarlar ---------- *\/\n var SITE = 'https:\/\/www.sanathayat.com';\n var SKIP_HERO = true; \/\/ true: \u00fcstte g\u00f6r\u00fcnen yaz\u0131 \"Son Yaz\u0131lar\" listesinde tekrar \u00e7\u0131kmaz\n var SLIDER_COUNT = 8; \/\/ \"Son Yaz\u0131lar\" ka\u00e7 yaz\u0131 g\u00f6stersin\n\n var root = document.documentElement;\n var local = \/(^|\\.)sanathayat\\.com$\/.test(location.hostname);\n var API = (local ? '' : SITE) + '\/wp-json\/wp\/v2\/posts?per_page=' + (SLIDER_COUNT + 2) + '&orderby=date&order=desc&_embed';\n\n root.classList.add('loading-live');\n function reveal() { root.classList.remove('loading-live'); }\n var safety = setTimeout(reveal, 5000);\n\n function $(id) { return document.getElementById(id); }\n function txt(html) {\n return new DOMParser().parseFromString(html || '', 'text\/html').documentElement.textContent.trim();\n }\n function https(u) { return u ? u.replace(\/^http:\\\/\\\/\/i, 'https:\/\/') : ''; }\n function el(tag, cls, text) {\n var n = document.createElement(tag);\n if (cls) n.className = cls;\n if (text) n.textContent = text;\n return n;\n }\n\n function info(p) {\n var e = p._embedded || {};\n var m = e['wp:featuredmedia'] && e['wp:featuredmedia'][0];\n var sizes = (m && m.media_details && m.media_details.sizes) || {};\n var a = e.author && e.author[0];\n var cats = ((e['wp:term'] && e['wp:term'][0]) || []).filter(function (c) {\n return c.slug !== 'uncategorized' && c.slug !== 'genel';\n });\n var words = txt(p.content && p.content.rendered).split(\/\\s+\/).length;\n var excerpt = txt(p.excerpt && p.excerpt.rendered)\n .replace(\/\\s*Devam\u0131n\u0131 oku.*$\/i, '')\n .replace(\/\\s*(\\[\u2026\\]|\\[…\\]|\u2026|\\.\\.\\.)\\s*$\/, '');\n if (excerpt.length > 240) excerpt = excerpt.slice(0, 237).replace(\/\\s+\\S*$\/, '') + '\u2026';\n var title = txt(p.title && p.title.rendered);\n return {\n title: title,\n link: p.link,\n img: m ? https(m.source_url) : '',\n imgCard: m ? https((sizes.medium_large || sizes.large || {}).source_url || m.source_url) : '',\n alt: (m && m.alt_text) || title,\n author: a ? a.name : '',\n cat: cats[0] ? txt(cats[0].name) : '',\n date: new Date(p.date).toLocaleDateString('tr-TR', { day: 'numeric', month: 'long', year: 'numeric' }),\n mins: Math.max(1, Math.round(words \/ 200)),\n excerpt: excerpt\n };\n }\n\n function renderHero(h) {\n $('hero-img-link').href = h.link;\n var img = $('hero-img');\n if (h.img) { img.src = h.img; img.alt = h.alt; }\n else { document.querySelector('.hero-frame').style.display = 'none'; }\n\n var cat = $('hero-cat');\n cat.textContent = h.cat;\n cat.style.display = h.cat ? '' : 'none';\n\n var t = $('hero-title');\n t.textContent = '';\n var a = el('a', '', h.title);\n a.href = h.link;\n t.appendChild(a);\n\n var d = $('hero-dek');\n d.textContent = h.excerpt;\n d.style.display = h.excerpt ? '' : 'none';\n\n $('hero-byline').textContent = (h.author ? h.author + ' yazd\u0131 \u2014 ' : '') + h.mins + ' Dakikal\u0131k Okuma';\n $('hero-more').href = h.link;\n }\n\n function renderSlider(list) {\n var s = $('slider');\n s.textContent = '';\n list.forEach(function (x) {\n var card = el('div', 'slide');\n\n var fig = el('div', 'slide-figure');\n var fa = el('a');\n fa.href = x.link;\n fa.setAttribute('aria-label', x.title);\n if (x.imgCard) {\n var im = document.createElement('img');\n im.src = x.imgCard; im.alt = x.alt; im.loading = 'lazy';\n fa.appendChild(im);\n }\n fig.appendChild(fa);\n card.appendChild(fig);\n\n if (x.cat) card.appendChild(el('div', 'slide-cat tracked', x.cat));\n\n var h3 = el('h3');\n var ta = el('a', '', x.title);\n ta.href = x.link;\n h3.appendChild(ta);\n card.appendChild(h3);\n\n card.appendChild(el('p', '', (x.author ? x.author + ' yazd\u0131 \u00b7 ' : '') + x.date));\n s.appendChild(card);\n });\n }\n\n fetch(API)\n .then(function (r) { if (!r.ok) throw new Error(r.status); return r.json(); })\n .then(function (posts) {\n if (!posts || !posts.length) return;\n var items = posts.map(info);\n renderHero(items[0]);\n var rest = SKIP_HERO ? items.slice(1) : items;\n if (rest.length) renderSlider(rest.slice(0, SLIDER_COUNT));\n })\n .catch(function () { \/* hata olursa sayfadaki \u00f6rnek i\u00e7erik kal\u0131r *\/ })\n .then(function () { clearTimeout(safety); reveal(); });\n\n \/* ---------- K\u00fcnye kartlar\u0131: dokunmatikte dokununca, klavyede Enter\/Bo\u015fluk ile d\u00f6ner ---------- *\/\n var canHover = window.matchMedia && window.matchMedia('(hover:hover)').matches;\n Array.prototype.forEach.call(document.querySelectorAll('.flip'), function (f) {\n function toggle() {\n var on = f.classList.toggle('is-flipped');\n f.setAttribute('aria-pressed', on ? 'true' : 'false');\n }\n f.addEventListener('click', function () { if (!canHover) toggle(); });\n f.addEventListener('keydown', function (e) {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SanatHayat \u2014 Sahne, Sinema, Kitap, Sergi Tiyatro \u2014 Pr\u00f6miyer Afife, Zorlu PSM’de perde a\u00e7t\u0131 Sezon boyunca Turkcell Sahnesi’nde izleyiciyle bulu\u015facak oyun, ilk gecesinde salonu doldurdu. Tek ki\u015filik oyunculuk performans\u0131, pr\u00f6miyerin en \u00e7ok konu\u015fulan taraf\u0131 oldu. Deniz Kaya yazd\u0131 \u2014 7 Dakikal\u0131k Okuma Devam\u0131n\u0131 Oku \u201c Perde a\u00e7\u0131ld\u0131\u011f\u0131nda oyuncunun kalp at\u0131\u015f\u0131, salonun nefesiyle ayn\u0131 ritme ge\u00e7er. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":10,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/www.sanathayat.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}