{"id":1118,"date":"2026-03-07T10:36:02","date_gmt":"2026-03-07T07:36:02","guid":{"rendered":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/?page_id=1118"},"modified":"2026-03-07T10:39:57","modified_gmt":"2026-03-07T07:39:57","slug":"haberler","status":"publish","type":"page","link":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/haberler\/","title":{"rendered":"Haberler"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1118\" class=\"elementor elementor-1118\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d50fb3 e-con-full e-flex e-con e-parent\" data-id=\"6d50fb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2f15c2 elementor-widget elementor-widget-html\" data-id=\"e2f15c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hgo-haberler *,\r\n.hgo-haberler *::before,\r\n.hgo-haberler *::after {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.hgo-haberler {\r\n  --navy: #1a2d5a;\r\n  --navy-deep: #122044;\r\n  --gold: #f5a623;\r\n  --gold-hover: #e6950f;\r\n  --gold-soft: rgba(245, 166, 35, 0.08);\r\n  --text-primary: #1a1a2e;\r\n  --text-secondary: #5a6175;\r\n  --text-light: #8891a5;\r\n  --text-on-dark: #ffffff;\r\n  --text-dim: rgba(255, 255, 255, 0.7);\r\n  --bg-white: #ffffff;\r\n  --bg-light: #f8f9fc;\r\n  --border-light: #e8ecf2;\r\n  --radius-lg: 20px;\r\n  --radius-md: 12px;\r\n  --radius-sm: 8px;\r\n\r\n  font-family: inherit;\r\n  width: 100%;\r\n}\r\n\r\n.hgo-haberler a,\r\n.hgo-haberler a:hover,\r\n.hgo-haberler a:focus,\r\n.hgo-haberler a:visited {\r\n  text-decoration: none !important;\r\n}\r\n\r\n.hgo-haberler__hero {\r\n  background: var(--navy);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n}\r\n\r\n.hgo-haberler__hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(circle at 20% 80%, rgba(245, 166, 35, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 20%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hgo-haberler__hero-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 640px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.hgo-haberler__hero-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--gold);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-haberler__hero-eyebrow::before,\r\n.hgo-haberler__hero-eyebrow::after {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--gold);\r\n  opacity: 0.4;\r\n}\r\n\r\n.hgo-haberler__hero-title {\r\n  font-size: clamp(32px, 5vw, 46px);\r\n  font-weight: 800;\r\n  color: var(--text-on-dark);\r\n  line-height: 1.15;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.hgo-haberler__hero-desc {\r\n  font-size: 17px;\r\n  color: var(--text-dim);\r\n  line-height: 1.7;\r\n}\r\n\r\n.hgo-haberler__body {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  padding: 56px 20px 80px;\r\n}\r\n\r\n.hgo-haberler__count {\r\n  font-size: 14px;\r\n  color: var(--text-light);\r\n  margin-bottom: 28px;\r\n  font-weight: 600;\r\n}\r\n\r\n.hgo-haberler__count strong {\r\n  color: var(--navy);\r\n}\r\n\r\n.hgo-haberler__grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.hgo-haberler__card {\r\n  background: var(--bg-white);\r\n  border-radius: var(--radius-md);\r\n  overflow: hidden;\r\n  border: 1px solid var(--border-light);\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: inherit;\r\n}\r\n\r\n.hgo-haberler__card:hover {\r\n  box-shadow: 0 8px 32px rgba(26, 45, 90, 0.08);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.hgo-haberler__card-img {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  overflow: hidden;\r\n  background: #f0f2f5;\r\n}\r\n\r\n.hgo-haberler__card-img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.hgo-haberler__card:hover .hgo-haberler__card-img img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.hgo-haberler__card-body {\r\n  padding: 22px 22px 26px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-haberler__card-date {\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: var(--text-light);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.hgo-haberler__card-title {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  color: var(--navy);\r\n  line-height: 1.35;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-haberler__card-excerpt {\r\n  font-size: 14px;\r\n  color: var(--text-secondary);\r\n  line-height: 1.6;\r\n  flex: 1;\r\n}\r\n\r\n.hgo-haberler__card-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: var(--gold);\r\n  margin-top: 14px;\r\n  transition: gap 0.25s ease;\r\n}\r\n\r\n.hgo-haberler__card:hover .hgo-haberler__card-link {\r\n  gap: 8px;\r\n}\r\n\r\n.hgo-haberler__load-more {\r\n  display: flex;\r\n  justify-content: center;\r\n  margin-top: 48px;\r\n}\r\n\r\n.hgo-haberler__load-btn {\r\n  padding: 14px 36px;\r\n  background: var(--bg-white) !important;\r\n  border: 1.5px solid var(--border-light) !important;\r\n  border-radius: var(--radius-sm);\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--navy) !important;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.hgo-haberler__load-btn:hover {\r\n  border-color: var(--navy) !important;\r\n  background: rgba(26, 45, 90, 0.03) !important;\r\n}\r\n\r\n.hgo-haberler__load-btn:disabled {\r\n  opacity: 0.5;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.hgo-haberler__empty {\r\n  grid-column: 1 \/ -1;\r\n  text-align: center;\r\n  padding: 60px 20px;\r\n  color: var(--text-light);\r\n  font-size: 15px;\r\n}\r\n\r\n@keyframes hgoShimmer {\r\n  0% { background-position: -400px 0; }\r\n  100% { background-position: 400px 0; }\r\n}\r\n\r\n.hgo-haberler__skeleton {\r\n  background: linear-gradient(90deg, #f0f2f5 25%, #e8ecf2 50%, #f0f2f5 75%);\r\n  background-size: 400px 100%;\r\n  animation: hgoShimmer 1.4s ease infinite;\r\n  border-radius: 6px;\r\n}\r\n\r\n.hgo-haberler__skel-img {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n}\r\n\r\n.hgo-haberler__skel-date {\r\n  height: 12px;\r\n  width: 35%;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.hgo-haberler__skel-title {\r\n  height: 18px;\r\n  width: 85%;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.hgo-haberler__skel-title2 {\r\n  height: 18px;\r\n  width: 55%;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.hgo-haberler__skel-text {\r\n  height: 13px;\r\n  width: 95%;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.hgo-haberler__skel-text2 {\r\n  height: 13px;\r\n  width: 65%;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .hgo-haberler__grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hgo-haberler__hero { padding: 56px 16px; }\r\n  .hgo-haberler__body { padding: 40px 16px 60px; }\r\n\r\n  .hgo-haberler__grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hgo-haberler\">\r\n\r\n  <div class=\"hgo-haberler__hero\">\r\n    <div class=\"hgo-haberler__hero-inner\">\r\n      <div class=\"hgo-haberler__hero-eyebrow\">Haberler<\/div>\r\n      <h1 class=\"hgo-haberler__hero-title\">Son Geli\u015fmeler<\/h1>\r\n      <p class=\"hgo-haberler__hero-desc\">\r\n        Projelerimizden, etkinliklerimizden ve derne\u011fimizin g\u00fcncel \u00e7al\u0131\u015fmalar\u0131ndan haberdar olun.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hgo-haberler__body\">\r\n    <div class=\"hgo-haberler__count\" id=\"hgoHaberCount\"><\/div>\r\n\r\n    <div class=\"hgo-haberler__grid\" id=\"hgoHaberGrid\">\r\n      <div class=\"hgo-haberler__card\">\r\n        <div class=\"hgo-haberler__skeleton hgo-haberler__skel-img\"><\/div>\r\n        <div class=\"hgo-haberler__card-body\">\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-date\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-title\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-title2\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-text\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-text2\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hgo-haberler__card\">\r\n        <div class=\"hgo-haberler__skeleton hgo-haberler__skel-img\"><\/div>\r\n        <div class=\"hgo-haberler__card-body\">\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-date\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-title\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-title2\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-text\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-text2\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hgo-haberler__card\">\r\n        <div class=\"hgo-haberler__skeleton hgo-haberler__skel-img\"><\/div>\r\n        <div class=\"hgo-haberler__card-body\">\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-date\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-title\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-title2\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-text\"><\/div>\r\n          <div class=\"hgo-haberler__skeleton hgo-haberler__skel-text2\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hgo-haberler__load-more\" id=\"hgoHaberLoadMore\" style=\"display:none;\">\r\n      <button class=\"hgo-haberler__load-btn\" id=\"hgoHaberLoadBtn\" type=\"button\">Daha Fazla Haber Y\u00fckle<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var SITE_URL = '\/hayallergercekolsun';\r\n  var PER_PAGE = 6;\r\n  var currentPage = 1;\r\n  var totalPages = 1;\r\n  var totalPosts = 0;\r\n  var isLoading = false;\r\n\r\n  var aylar = ['Ocak','\u015eubat','Mart','Nisan','May\u0131s','Haziran',\r\n               'Temmuz','A\u011fustos','Eyl\u00fcl','Ekim','Kas\u0131m','Aral\u0131k'];\r\n\r\n  var grid = document.getElementById('hgoHaberGrid');\r\n  var countEl = document.getElementById('hgoHaberCount');\r\n  var loadMoreWrap = document.getElementById('hgoHaberLoadMore');\r\n  var loadBtn = document.getElementById('hgoHaberLoadBtn');\r\n\r\n  function trTarih(dateStr) {\r\n    var d = new Date(dateStr);\r\n    return d.getDate() + ' ' + aylar[d.getMonth()] + ' ' + d.getFullYear();\r\n  }\r\n\r\n  function temizExcerpt(html) {\r\n    var tmp = document.createElement('div');\r\n    tmp.innerHTML = html;\r\n    var text = (tmp.textContent || tmp.innerText || '').trim();\r\n    text = text.replace(\/\\s*Devam\u0131n\u0131 oku\\s*$\/, '').trim();\r\n    if (text.length > 140) {\r\n      text = text.substring(0, 137).replace(\/\\s+\\S*$\/, '') + '\u2026';\r\n    }\r\n    return text;\r\n  }\r\n\r\n  function kartHTML(post) {\r\n    var gorselBlock = '';\r\n\r\n    if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\r\n      var media = post._embedded['wp:featuredmedia'][0];\r\n      var imgUrl = '';\r\n      if (media.media_details && media.media_details.sizes) {\r\n        var sizes = media.media_details.sizes;\r\n        imgUrl = (sizes.medium_large && sizes.medium_large.source_url)\r\n              || (sizes.medium && sizes.medium.source_url)\r\n              || media.source_url;\r\n      } else {\r\n        imgUrl = media.source_url;\r\n      }\r\n      gorselBlock = '<div class=\"hgo-haberler__card-img\">'\r\n        + '<img decoding=\"async\" src=\"' + imgUrl + '\" alt=\"' + (post.title.rendered || '') + '\" loading=\"lazy\">'\r\n        + '<\/div>';\r\n    }\r\n\r\n    var excerpt = post.excerpt ? temizExcerpt(post.excerpt.rendered) : '';\r\n\r\n    return '<a href=\"' + post.link + '\" class=\"hgo-haberler__card\">'\r\n      + gorselBlock\r\n      + '<div class=\"hgo-haberler__card-body\">'\r\n      +   '<div class=\"hgo-haberler__card-date\">' + trTarih(post.date) + '<\/div>'\r\n      +   '<div class=\"hgo-haberler__card-title\">' + post.title.rendered + '<\/div>'\r\n      +   '<div class=\"hgo-haberler__card-excerpt\">' + excerpt + '<\/div>'\r\n      +   '<span class=\"hgo-haberler__card-link\">Devam\u0131n\u0131 Oku \u2192<\/span>'\r\n      + '<\/div>'\r\n      + '<\/a>';\r\n  }\r\n\r\n  function loadPosts(page, replace) {\r\n    if (isLoading) return;\r\n    isLoading = true;\r\n    loadBtn.disabled = true;\r\n    loadBtn.textContent = 'Y\u00fckleniyor\u2026';\r\n\r\n    var endpoint = SITE_URL + '\/wp-json\/wp\/v2\/posts?per_page=' + PER_PAGE\r\n      + '&page=' + page + '&_embed&orderby=date&order=desc';\r\n\r\n    fetch(endpoint)\r\n      .then(function(res) {\r\n        totalPages = parseInt(res.headers.get('X-WP-TotalPages') || '1', 10);\r\n        totalPosts = parseInt(res.headers.get('X-WP-Total') || '0', 10);\r\n        return res.json();\r\n      })\r\n      .then(function(posts) {\r\n        if (!posts || !posts.length) {\r\n          if (replace) {\r\n            grid.innerHTML = '<div class=\"hgo-haberler__empty\">Hen\u00fcz haber bulunmuyor.<\/div>';\r\n          }\r\n          loadMoreWrap.style.display = 'none';\r\n          return;\r\n        }\r\n\r\n        var html = '';\r\n        posts.forEach(function(post) {\r\n          html += kartHTML(post);\r\n        });\r\n\r\n        if (replace) {\r\n          grid.innerHTML = html;\r\n        } else {\r\n          grid.insertAdjacentHTML('beforeend', html);\r\n        }\r\n\r\n        countEl.innerHTML = 'Toplam <strong>' + totalPosts + '<\/strong> haber';\r\n\r\n        if (currentPage < totalPages) {\r\n          loadMoreWrap.style.display = 'flex';\r\n          loadBtn.disabled = false;\r\n          loadBtn.textContent = 'Daha Fazla Haber Y\u00fckle';\r\n        } else {\r\n          loadMoreWrap.style.display = 'none';\r\n        }\r\n      })\r\n      .catch(function(err) {\r\n        console.warn('HGO Haberler y\u00fcklenemedi:', err);\r\n        if (replace) {\r\n          grid.innerHTML = '<div class=\"hgo-haberler__empty\">Haberler \u015fu an y\u00fcklenemiyor.<\/div>';\r\n        }\r\n        loadMoreWrap.style.display = 'none';\r\n      })\r\n      .finally(function() {\r\n        isLoading = false;\r\n      });\r\n  }\r\n\r\n  loadBtn.addEventListener('click', function() {\r\n    currentPage++;\r\n    loadPosts(currentPage, false);\r\n  });\r\n\r\n  loadPosts(1, true);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\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>Haberler Son Geli\u015fmeler Projelerimizden, etkinliklerimizden ve derne\u011fimizin g\u00fcncel \u00e7al\u0131\u015fmalar\u0131ndan haberdar olun. Daha Fazla Haber Y\u00fckle<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1118","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/1118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/comments?post=1118"}],"version-history":[{"count":4,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/1118\/revisions"}],"predecessor-version":[{"id":1122,"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/pages\/1118\/revisions\/1122"}],"wp:attachment":[{"href":"https:\/\/arcworkdigital.com\/hayallergercekolsun\/wp-json\/wp\/v2\/media?parent=1118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}