{"id":5041,"date":"2026-07-04T16:58:42","date_gmt":"2026-07-04T16:58:42","guid":{"rendered":"https:\/\/tayfundemirhan.com\/tr\/?post_type=portfolios&#038;p=5041"},"modified":"2026-08-18T08:09:19","modified_gmt":"2026-08-18T08:09:19","slug":"burak-ocak","status":"publish","type":"portfolios","link":"https:\/\/tayfundemirhan.com\/tr\/burak-ocak\/","title":{"rendered":"Burak Ocak"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5041\" class=\"elementor elementor-5041\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39af776 e-flex e-con-boxed no e-con e-parent\" data-id=\"39af776\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e41b822 elementor-widget elementor-widget-html\" data-id=\"e41b822\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"td-portfolio-wrapper\" class=\"font-sans antialiased w-full transition-colors duration-500\">\r\n    \r\n    <!-- Google Fonts: Inter -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            darkMode: 'class',\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        td: {\r\n                            dark: '#1a1a1a',\r\n                            gray: '#737373',\r\n                            light: '#f9f9f9',\r\n                            border: '#e5e5e5'\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        .td-tab-content { display: none; animation: tdFadeIn 0.4s ease-out forwards; opacity: 0; transform: translateY(10px); }\r\n        .td-tab-content.active { display: block; }\r\n        \r\n        @keyframes tdFadeIn {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .td-hide-scrollbar::-webkit-scrollbar { display: none; }\r\n        .td-hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n        \/* ========================================================= *\/\r\n        \/* DARK MODE - data-theme attribute'una ba\u011fl\u0131 saf CSS \u00e7\u00f6z\u00fcm\u00fc *\/\r\n        \/* ========================================================= *\/\r\n\r\n        html[data-theme=\"dark\"] .td-card,\r\n        body[data-theme=\"dark\"] .td-card {\r\n            background-color: #141414 !important;\r\n            color: #f9f9f9 !important;\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .td-nav,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .td-nav {\r\n            background-color: #1a1a1a !important;\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-content-area,\r\n        body[data-theme=\"dark\"] #td-content-area {\r\n            background-color: #141414 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-text-title,\r\n        body[data-theme=\"dark\"] .td-text-title {\r\n            color: #ffffff !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-text-muted,\r\n        body[data-theme=\"dark\"] .td-text-muted {\r\n            color: #a3a3a3 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-border-color,\r\n        body[data-theme=\"dark\"] .td-border-color {\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-pill,\r\n        body[data-theme=\"dark\"] .td-pill {\r\n            background-color: #1a1a1a !important;\r\n            border-color: #222222 !important;\r\n            color: #d4d4d4 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-pill:hover,\r\n        body[data-theme=\"dark\"] .td-pill:hover {\r\n            background-color: #262626 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-icon,\r\n        body[data-theme=\"dark\"] .td-icon {\r\n            color: #a3a3a3 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-icon:hover,\r\n        body[data-theme=\"dark\"] .td-icon:hover {\r\n            color: #eb9191 !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-tab-btn,\r\n        body[data-theme=\"dark\"] .td-tab-btn {\r\n            color: #a3a3a3 !important;\r\n            border-color: transparent !important;\r\n        }\r\n        html[data-theme=\"dark\"] .td-tab-btn.active,\r\n        body[data-theme=\"dark\"] .td-tab-btn.active {\r\n            color: #ffffff !important;\r\n            border-color: #ffffff !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-dark,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-dark {\r\n            color: #ffffff !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-gray,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .text-td-gray {\r\n            color: #a3a3a3 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-light,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-light {\r\n            background-color: #1a1a1a !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-dark,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-dark {\r\n            background-color: #ffffff !important;\r\n            color: #1a1a1a !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border,\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/40,\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/50,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/40,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-td-border\\\/50 {\r\n            border-color: #222222 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-border,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .bg-td-border {\r\n            background-color: #333333 !important;\r\n        }\r\n        html[data-theme=\"dark\"] #td-portfolio-wrapper .border-gray-100,\r\n        body[data-theme=\"dark\"] #td-portfolio-wrapper .border-gray-100 {\r\n            border-color: #222222 !important;\r\n        }\r\n    <\/style>\r\n\r\n    <!-- ANA KART -->\r\n    <div id=\"td-main-card\" class=\"td-card bg-white rounded-2xl md:rounded-[2rem] shadow-[0_8px_30px_rgb(0,0,0,0.08)] border border-gray-100 max-w-[1200px] mx-auto overflow-hidden my-10 flex flex-col transition-colors duration-500\">\r\n        \r\n        <!-- \u00dcST B\u00d6L\u00dcM: Foto\u011fraf, \u0130sim ve Sosyal \u0130konlar -->\r\n        <div class=\"flex flex-col\">\r\n\r\n            <div class=\"px-6 pt-8 pb-0 md:px-14 md:pt-12 md:pb-0 flex flex-col md:flex-row items-center md:items-start gap-8 md:gap-10\">\r\n                \r\n                <!-- Foto\u011fraf -->\r\n                <div class=\"w-48 md:w-52 flex-shrink-0 relative group cursor-zoom-in rounded-2xl overflow-hidden shadow-lg border border-gray-100 dark:border-transparent\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_1.jpg')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_1.jpg\" \r\n                         class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" \r\n                         alt=\"Burak Ocak\">\r\n                    <div class=\"absolute inset-0 bg-black\/20 z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center pointer-events-none\">\r\n                        <div class=\"bg-white\/95 backdrop-blur px-3 py-1.5 rounded-full text-[10px] font-bold tracking-widest text-td-dark flex items-center gap-1.5 shadow-xl\">\r\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"><\/path><\/svg>\r\n                            B\u00dcY\u00dcT\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u0130sim ve Sosyal Medya -->\r\n                <div class=\"flex flex-1 flex-col md:flex-row items-center md:items-center justify-between w-full h-full md:mt-10 gap-6\">\r\n                    <h1 class=\"text-[2.75rem] md:text-6xl lg:text-7xl font-extrabold text-td-dark dark:text-white tracking-tighter leading-none text-center md:text-left transition-colors duration-500\">\r\n                        Burak <span class=\"font-light text-td-gray dark:text-gray-400\">Ocak<\/span>\r\n                    <\/h1>\r\n                    <div class=\"flex items-center gap-2\">\r\n                        <a href=\"https:\/\/www.instagram.com\/ishakburakocak\/\" target=\"_blank\" class=\"td-icon text-td-gray dark:text-gray-400 hover:text-[#dd3333] dark:hover:text-[#eb9191] p-1.5 transition-colors\" aria-label=\"Instagram\">\r\n                            <svg class=\"w-[18px] h-[18px]\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm3.98-10.181a1.44 1.44 0 11-2.88 0 1.44 1.44 0 012.88 0z\"\/><\/svg>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/www.imdb.com\/name\/nm12487538\/\" target=\"_blank\" class=\"td-icon text-td-gray dark:text-gray-400 hover:text-[#dd3333] dark:hover:text-[#eb9191] p-1.5 transition-colors\" aria-label=\"IMDb\">\r\n                            <span class=\"font-extrabold text-[13px] tracking-tighter\">IMDb<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Men\u00fc Sekmeleri (Bas\u0131n kald\u0131r\u0131ld\u0131) -->\r\n            <nav id=\"td-nav\" class=\"td-nav mt-6 md:mt-8 px-6 md:px-14 py-4 bg-[#f9f9f9] dark:bg-[#1a1a1a] border-b border-td-border dark:border-[#222] flex items-center gap-6 overflow-x-auto w-full td-hide-scrollbar transition-colors duration-500\">\r\n                <button onclick=\"tdSwitchTab('kimlik', this)\" class=\"td-tab-btn active text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-dark dark:text-white border-b-2 border-td-dark dark:border-white pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    K\u0130ML\u0130K\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('filmografi', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    F\u0130LMOGRAF\u0130\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('galeri', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    GALER\u0130\r\n                <\/button>\r\n                <button onclick=\"tdSwitchTab('showreel', this)\" class=\"td-tab-btn text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap transition-all duration-300 text-td-gray dark:text-gray-500 hover:text-td-dark dark:hover:text-white border-b-2 border-transparent pb-1 m-0 bg-transparent !px-0 !h-auto !leading-none shadow-none\">\r\n                    SHOWREEL\r\n                <\/button>\r\n            <\/nav>\r\n        <\/div>\r\n\r\n        <!-- \u0130\u00c7ER\u0130K ALANI -->\r\n        <div id=\"td-content-area\" class=\"px-6 py-10 md:px-14 md:py-14 bg-white dark:bg-[#141414] w-full transition-colors duration-500\">\r\n            \r\n            <!-- K\u0130ML\u0130K SEKME -->\r\n            <div id=\"kimlik\" class=\"td-tab-content active\">\r\n                <div class=\"flex flex-wrap items-center gap-3 mb-12 text-[11px] md:text-[13px] font-semibold tracking-widest text-td-dark dark:text-white uppercase\">\r\n                    <span>1997<\/span>\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-td-border dark:bg-gray-700\"><\/span>\r\n                    <span>185 cm<\/span>\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-td-border dark:bg-gray-700\"><\/span>\r\n                    <span>85 kg<\/span>\r\n                    <span class=\"w-1.5 h-1.5 rounded-full bg-td-border dark:bg-gray-700\"><\/span>\r\n                    <span>\u0130stanbul<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"space-y-16\">\r\n                    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12\">\r\n                        <div>\r\n                            <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">AKADEM\u0130K & E\u011e\u0130T\u0130M<\/h3>\r\n                            <div class=\"space-y-6\">\r\n                                <div><p class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[15px]\">Beykent \u00dcniversitesi G\u00fczel Sanatlar Fak\u00fcltesi<\/p><p class=\"td-text-muted text-td-gray text-[12px] md:text-[13px] mt-1\">Oyunculuk B\u00f6l\u00fcm\u00fc<\/p><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div>\r\n                            <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-5\">YETENEKLER<\/h3>\r\n                            <div class=\"flex flex-wrap gap-2\">\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Ehliyet (B S\u0131n\u0131f\u0131)<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Kayak<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">Motorsiklet<\/span>\r\n                                <span class=\"td-pill px-3 py-2 bg-td-light text-td-dark text-xs font-semibold tracking-wide rounded-lg border border-transparent hover:bg-td-dark hover:text-white transition-colors cursor-default\">\u015ean<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- F\u0130LMOGRAF\u0130 SEKME -->\r\n            <div id=\"filmography\" class=\"td-tab-content\">\r\n                <div class=\"space-y-16\">\r\n                    <div>\r\n                        <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6 border-b border-td-border dark:border-[#222] pb-3 transition-colors duration-500\">TELEV\u0130ZYON & D\u0130Z\u0130<\/h3>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-4 border-b border-td-border\/40 dark:border-[#222] gap-2 transition-colors duration-500\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Handan<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Berton Medya \/ Gain \/ Y\u00f6n: Bedran G\u00fczel<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2025<\/span><\/div>\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-2 gap-2\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Can\u0131m Annem<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Stellar \/ TV8 \/ Y\u00f6n: Ece Tahtal\u0131o\u011flu<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2023<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6 border-b border-td-border dark:border-[#222] pb-3 transition-colors duration-500\">KISA F\u0130LM<\/h3>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex flex-col sm:flex-row sm:justify-between sm:items-center group cursor-default pb-2 gap-2\"><div><h4 class=\"td-text-title text-td-dark font-bold text-[14px] md:text-[16px]\">Dostlar<\/h4><p class=\"td-text-muted text-td-gray text-[10px] md:text-[11px] uppercase tracking-widest mt-1\">Serpil Alt\u0131n \/ Y\u00f6n: Elif B\u00fc\u015fra Kele\u015f (Cannes Film Festival Katalo\u011fu)<\/p><\/div><span class=\"td-text-title text-td-dark font-semibold text-[13px] md:text-sm\">2021<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- GALER\u0130 SEKME -->\r\n            <div id=\"galeri\" class=\"td-tab-content\">\r\n                <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">FOTO\u011eRAF GALER\u0130S\u0130<\/h3>\r\n                <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 md:gap-6\">\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_2.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_2.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 1\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_3.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_3.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 2\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_4.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_4.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 3\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_5.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_5.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 4\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_6.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_6.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 5\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_7.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_7.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 6\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                    <div class=\"relative group cursor-zoom-in rounded-xl overflow-hidden shadow-sm border border-gray-100 dark:border-[#222] transition-colors duration-500\" onclick=\"openLightbox('https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_8.jpg')\"><img decoding=\"async\" src=\"https:\/\/tayfundemirhan.com\/tr\/wp-content\/uploads\/2026\/08\/BurakOcak_8.jpg\" class=\"w-full h-auto aspect-[3\/4] object-cover transition-transform duration-500 group-hover:scale-[1.03]\" alt=\"Galeri 7\"><div class=\"absolute inset-0 bg-black\/10 dark:bg-black\/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- SHOWREEL SEKME -->\r\n            <div id=\"showreel\" class=\"td-tab-content h-full\">\r\n                <h3 class=\"td-text-muted text-[10px] md:text-[11px] uppercase tracking-[0.25em] text-td-gray font-bold mb-6\">SHOWREEL<\/h3>\r\n                 <div class=\"w-full aspect-video rounded-2xl overflow-hidden shadow-lg border border-td-border dark:border-[#222] bg-black relative transition-colors duration-500\">\r\n                    <iframe src=\"https:\/\/player.vimeo.com\/video\/808336929#t=24s\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div id=\"td-lightbox\" class=\"fixed inset-0 bg-black\/95 z-[9999] hidden flex-col items-center justify-center p-4 md:p-10 opacity-0 transition-opacity duration-300\">\r\n        <button onclick=\"closeLightbox()\" class=\"absolute top-6 right-6 text-white bg-white\/10 hover:bg-white\/20 p-2 rounded-full transition z-50\">\r\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n        <\/button>\r\n        <img decoding=\"async\" src=\"\" id=\"td-lightbox-img\" class=\"max-w-full max-h-[90vh] object-contain rounded-lg shadow-2xl\" alt=\"B\u00fcy\u00fck G\u00f6rsel\">\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ === SEKME DE\u011e\u0130\u015eT\u0130RME ===\r\n        function tdSwitchTab(tabId, clickedBtn) {\r\n            document.querySelectorAll('.td-tab-content').forEach(el => el.classList.remove('active'));\r\n            document.querySelectorAll('.td-tab-btn').forEach(btn => {\r\n                btn.classList.remove('active', 'text-td-dark', 'border-td-dark', 'dark:text-white', 'dark:border-white');\r\n                btn.classList.add('text-td-gray', 'border-transparent', 'dark:text-gray-500');\r\n            });\r\n\r\n            clickedBtn.classList.add('active');\r\n            clickedBtn.classList.remove('text-td-gray', 'border-transparent', 'dark:text-gray-500');\r\n            clickedBtn.classList.add('text-td-dark', 'border-td-dark', 'dark:text-white', 'dark:border-white');\r\n\r\n            let actualId = tabId;\r\n            if (tabId === 'filmografi') actualId = 'filmography';\r\n            else if (tabId === 'galeri') actualId = 'galeri';\r\n            else if (tabId === 'showreel') actualId = 'showreel';\r\n\r\n            const target = document.getElementById(actualId);\r\n            if (target) {\r\n                target.classList.add('active');\r\n                void target.offsetWidth;\r\n            }\r\n        }\r\n\r\n        \/\/ === LIGHTBOX ===\r\n        const lightbox = document.getElementById('td-lightbox');\r\n        const lightboxImg = document.getElementById('td-lightbox-img');\r\n\r\n        function openLightbox(imgSrc) {\r\n            lightboxImg.src = imgSrc;\r\n            lightbox.classList.remove('hidden');\r\n            lightbox.classList.add('flex');\r\n            document.body.style.overflow = 'hidden';\r\n            setTimeout(() => {\r\n                lightbox.classList.remove('opacity-0');\r\n                lightbox.classList.add('opacity-100');\r\n            }, 10);\r\n        }\r\n\r\n        function closeLightbox() {\r\n            lightbox.classList.remove('opacity-100');\r\n            lightbox.classList.add('opacity-0');\r\n            document.body.style.overflow = '';\r\n            setTimeout(() => {\r\n                lightbox.classList.remove('flex');\r\n                lightbox.classList.add('hidden');\r\n                lightboxImg.src = '';\r\n            }, 300);\r\n        }\r\n\r\n        lightbox.addEventListener('click', function(e) {\r\n            if (e.target !== lightboxImg) closeLightbox();\r\n        });\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Escape') closeLightbox();\r\n        });\r\n    <\/script>\r\n<\/div>\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},"featured_media":5033,"template":"","portfolios_categories":[73],"class_list":["post-5041","portfolios","type-portfolios","status-publish","has-post-thumbnail","hentry","portfolios_categories-erkek"],"acf":{"featured_video":"","choi\u0441e_menu_page":"global_settings","full_width":false,"header_transparent":false,"header_white":false,"menu_type_page":"default","menu_align_page":"default"},"_links":{"self":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios\/5041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios"}],"about":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/types\/portfolios"}],"version-history":[{"count":7,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios\/5041\/revisions"}],"predecessor-version":[{"id":5048,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios\/5041\/revisions\/5048"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/media\/5033"}],"wp:attachment":[{"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/media?parent=5041"}],"wp:term":[{"taxonomy":"portfolios_categories","embeddable":true,"href":"https:\/\/tayfundemirhan.com\/tr\/wp-json\/wp\/v2\/portfolios_categories?post=5041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}