// ------------------------------------------------------------------ // Blog post App — shared by /blog/.html (Faz 3 static pages) and // the legacy /blog-post.html?slug= entry point. // // Slug source: window.__POST_SLUG__ (baked into the static /blog/.html // wrapper) takes precedence; falls back to the ?slug= query param. // // When __POST_SLUG__ is set, the page's already carries the correct // title / description / canonical / OG / JSON-LD (written by gen-blog.mjs), // so the dynamic head-mutation effect is skipped to avoid duplicates. The // legacy ?slug= path still injects them at runtime. // ------------------------------------------------------------------ const GLOSSARY = { blueprint: { title: 'Blueprint — neden "mavi baskı"?', body: [ '1842 — İngiliz bilim insanı Sir John Herschel’in keşfettiği siyanotip yöntemi: ışığa duyarlı kimyasalla kaplı kağıt, üzerine konan şeffaf orijinal planla birlikte güneşe tutuluyordu.', 'Işık görmeyen çizgiler beyaz, gören yüzeyler Prusya mavisi kalıyordu — fotokopi öncesi mimari planı çoğaltmanın tek hızlı yolu.', 'Bugün kağıt mavi değil. Ama kelime, herhangi bir sistemin mimari planı için yaşamaya devam ediyor: yazılımda, stratejide, hatta DNA için.', ], }, ciso: { title: 'CISO — Chief Information Security Officer', body: [ 'Bir kurumun bilgi güvenliği, siber güvenlik ve veri koruma stratejilerinden sorumlu en üst düzey yönetici. Türkçesi: Bilgi Güvenliği Baş Sorumlusu.', 'Teknik ekipler ile yönetim kurulu (C-Level) arasında köprüdür. Görevi sadece yangın söndürmek değil — şirketin iş hedeflerini siber riskleri yöneterek korumaktır.', 'Sorumluluk alanı: BGYS (Bilgi Güvenliği Yönetim Sistemi) kurulumu, KVKK/GDPR uyumluluğu, siber olaylara müdahale.', ], }, }; // Find glossary terms in plain text → return array of strings & JSX buttons function highlight(text, openTerm) { if (typeof text !== 'string') return text; const terms = Object.keys(GLOSSARY); if (terms.length === 0) return text; const re = new RegExp(`(${terms.join('|')})`, 'gi'); const parts = text.split(re); return parts.map((p, i) => { const key = p && p.toLowerCase(); if (GLOSSARY[key]) { return ( ); } return p; }); } function Postit({ term, anchor, onClose }) { const ref = React.useRef(null); const [pos, setPos] = React.useState(null); React.useLayoutEffect(() => { if (!anchor) return; const isMobile = window.matchMedia('(max-width: 640px)').matches; if (isMobile) { setPos({ mobile: true }); return; } const rect = anchor.getBoundingClientRect(); const popW = 320; let left = rect.left + rect.width / 2 - popW / 2; left = Math.max(12, Math.min(left, window.innerWidth - popW - 12)); const spaceBelow = window.innerHeight - rect.bottom; const placeAbove = spaceBelow < 260 && rect.top > 260; const top = placeAbove ? rect.top + window.scrollY - 16 : rect.bottom + window.scrollY + 10; setPos({ top, left, placeAbove }); }, [anchor]); React.useEffect(() => { const handle = (e) => { if (!ref.current) return; if (ref.current.contains(e.target)) return; if (anchor && anchor.contains(e.target)) return; onClose(); }; const esc = (e) => { if (e.key === 'Escape') onClose(); }; document.addEventListener('mousedown', handle); document.addEventListener('touchstart', handle, { passive: true }); document.addEventListener('keydown', esc); return () => { document.removeEventListener('mousedown', handle); document.removeEventListener('touchstart', handle); document.removeEventListener('keydown', esc); }; }, [anchor, onClose]); if (!pos) return null; const style = pos.mobile ? {} : { top: pos.top, left: pos.left, transform: pos.placeAbove ? 'translateY(-100%) rotate(-1.4deg)' : 'rotate(-1.4deg)' }; const cls = `rar-postit ${pos.mobile ? 'rar-postit--mobile' : ''}`; return (
); } function ArticleBody({ body, openTerm }) { return (
{body.map((block, i) => { if (block.type === 'h2') return

{highlight(block.text, openTerm)}

; if (block.type === 'p') return

{highlight(block.text, openTerm)}

; if (block.type === 'pull') return (
{highlight(block.text, openTerm)}
); if (block.type === 'list') return (
    {block.items.map((it, j) =>
  • {highlight(it, openTerm)}
    • )}
); if (block.type === 'callout') return ( ); return null; })}
); } function NotFound() { return (
404 · BULUNAMADI

Bu yazı henüz elementlenmedi.

Aradığınız blog yazısı kaldırılmış ya da adresi değişmiş olabilir.

); } function App() { const params = new URLSearchParams(window.location.search); const slug = window.__POST_SLUG__ || params.get('slug'); const post = POSTS.find(p => p.slug === slug); const [active, setActive] = React.useState(null); // { key, anchor } const openTerm = React.useCallback((key, anchor) => setActive({ key, anchor }), []); const closeTerm = React.useCallback(() => setActive(null), []); if (!post) { return ( <>