{"id":185,"date":"2015-06-23T14:46:17","date_gmt":"2015-06-23T14:46:17","guid":{"rendered":"http:\/\/themes.pixelwars.org\/empathy\/?page_id=185"},"modified":"2025-11-09T22:55:35","modified_gmt":"2025-11-09T19:55:35","slug":"home","status":"publish","type":"page","link":"https:\/\/www.pskfatihokur.com\/","title":{"rendered":"Anasayfa"},"content":{"rendered":"\n<!-- HERO Ba\u015fl\u0131k Alan\u0131 (tam senin ekrandaki d\u00fczen) -->\n<div class=\"hero hero--pw\">\n  <p class=\"hero-hello\">Merhaba, Ben<\/p>\n  <h1 class=\"hero-name\">F\u00e2tih OKUR<\/h1>\n  <div class=\"hero-rot-wrap\"><span id=\"rot\"><\/span><\/div>\n<\/div>\n\n<style>\n  \/* === Ayarlanabilir de\u011fi\u015fkenler === *\/\n  .hero--pw{\n    --speed: 800ms;         \/* 800ms = 0.8 sn; daha h\u0131zl\u0131 i\u00e7in 500ms yap *\/\n    --hello-size: clamp(18px, 2.1vw, 24px);\n    --name-size:  clamp(48px, 8.2vw, 96px);\n    --rot-size:   clamp(18px, 2.1vw, 26px);\n    --gap-hello:  10px;     \/* \u201cMerhaba, Ben\u201d ile isim aras\u0131 *\/\n    --gap-rot:    18px;     \/* isim ile d\u00f6nen kelime aras\u0131 *\/\n    --text: #fff;           \/* a\u00e7\u0131k zemin kullan\u0131yorsan #111 yap *\/\n  }\n\n  .hero{\n    text-align:center;\n    padding: 56px 16px;\n    color: var(--text);\n  }\n  .hero-hello{\n    margin: 0 0 var(--gap-hello);\n    font-weight: 500;\n    font-size: var(--hello-size);\n    opacity: .9;\n  }\n  .hero-name{\n    margin: 0;\n    line-height: 1.05;\n    font-weight: 800;\n    font-size: var(--name-size);\n    letter-spacing: .2px;\n    text-shadow: 0 2px 12px rgba(0,0,0,.25); \/* koyu fonda okunurluk *\/\n  }\n  .hero-rot-wrap{\n    margin-top: var(--gap-rot);\n    min-height: 1em; \/* kelime de\u011fi\u015fince z\u0131plamas\u0131n *\/\n  }\n  #rot{\n    display:inline-block;\n    font-weight: 700;\n    font-size: var(--rot-size);\n    letter-spacing: .3px;\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  \/* g\u00f6sterilirken hafif fade\/slide *\/\n  #rot.show{\n    opacity: 1;\n    transform: translateY(0);\n    transition: opacity .25s ease, transform .25s ease;\n  }\n<\/style>\n\n<script>\n  \/\/ D\u00f6nen kelimeler (s\u0131rayla)\n  const words = [\"c\u00e2n okur\",\"c\u00e2n \u00e7\u00f6zer\",\"okur\",\"yazar\",\"gezer\",\"d\u00fc\u015f\u00fcn\u00fcr\"];\n\n\n  \/\/ H\u0131z: CSS de\u011fi\u015fkeninden oku (fallback: 800ms)\n  const root = document.querySelector('.hero--pw');\n  const cssSpeed = getComputedStyle(root).getPropertyValue('--speed').trim();\n  \/\/ \"800ms\" -> 800\n  const speed = parseInt(cssSpeed.replace('ms','')) || 800;\n\n  const el = document.getElementById(\"rot\");\n  let i = 0;\n\n  function showWord(){\n    el.classList.remove('show');         \/\/ \u00f6nce gizle\n    void el.offsetWidth;                 \/\/ reflow; animasyonu s\u0131f\u0131rla\n    el.textContent = words[i];           \/\/ yeni kelime\n    el.classList.add('show');            \/\/ fade\/slide ile g\u00f6ster\n  }\n\n  showWord();\n  setInterval(() => {\n    i = (i + 1) % words.length;\n    showWord();\n  }, speed);\n<\/script>\n<!-- Sosyal medya ikonlar\u0131 -->\n<div class=\"hero-social\">\n  <a href=\"https:\/\/youtube.com\/@huduttabirfatih?si=22ixImcRMzTbodjc\" target=\"_blank\" class=\"yt\" aria-label=\"YouTube\">\n    <i class=\"fab fa-youtube\"><\/i>\n  <\/a>\n  <a href=\"http:\/\/instagram.com\/cannokurfatih\" target=\"_blank\" class=\"ig\" aria-label=\"Instagram\">\n    <i class=\"fab fa-instagram\"><\/i>\n  <\/a>\n  <a href=\"https:\/\/spotify.link\/7KaUTKJKRXb\" target=\"_blank\" class=\"sp\" aria-label=\"Spotify\">\n    <i class=\"fab fa-spotify\"><\/i>\n  <\/a>\n<\/div>\n\n<style>\n  .hero-social {\n    margin-top: 32px;\n    text-align: center;\n  }\n\n  .hero-social a {\n    display: inline-block;\n    margin: 0 10px;\n    font-size: 28px;\n    color: #fff;\n    transition: transform 0.25s ease, color 0.25s ease;\n  }\n\n  .hero-social a:hover {\n    transform: scale(1.2);\n  }\n\n  .hero-social .yt:hover { color: #ff0000; }\n  .hero-social .ig:hover { color: #E1306C; }\n  .hero-social .sp:hover { color: #1DB954; }\n<\/style>\n\n<!-- E\u011fer ikonlar g\u00f6r\u00fcnm\u00fcyorsa Font Awesome'\u0131 ekle -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n","protected":false},"excerpt":{"rendered":"<p>Merhaba, Ben F\u00e2tih OKUR<\/p>\n","protected":false},"author":1,"featured_media":571,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-185","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/pages\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":24,"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/pages\/185\/revisions"}],"predecessor-version":[{"id":745,"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/pages\/185\/revisions\/745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/media\/571"}],"wp:attachment":[{"href":"https:\/\/www.pskfatihokur.com\/index.php\/wp-json\/wp\/v2\/media?parent=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}