/* AIMSify Blog — shared React components Brand: AIMSify (Artan Consulting Pte Ltd, Singapore) Author: Rajesh Laskary (rajesh@artanconsulting.com · +65 8606 2966) */ const { useState, useEffect, useMemo, useRef } = React; const { FRAMEWORKS, TOPICS, ROLES, TYPES, AUTHORS, POSTS } = window.BLOG_DATA; // ---------- Routing helpers ---------- function parseHash() { const h = (location.hash || '#/').slice(1); const [path, query = ''] = h.split('?'); const parts = path.split('/').filter(Boolean); const params = Object.fromEntries(new URLSearchParams(query)); return { parts, params }; } function navigate(path) { location.hash = path; window.scrollTo({ top: 0, behavior: 'instant' }); } function useRoute() { const [route, setRoute] = useState(parseHash()); useEffect(() => { const onHash = () => setRoute(parseHash()); window.addEventListener('hashchange', onHash); return () => window.removeEventListener('hashchange', onHash); }, []); return route; } function fmtDate(iso) { const d = new Date(iso); return d.toLocaleDateString('en-GB', { day: 'numeric', month: 'short', year: 'numeric' }); } // ---------- Brand mark (AIMSify crosshair) ---------- function CrosshairMark({ size = 26, color = '#FFFFFF', dot = '#00E5FF', strokeWidth = 1.6 }) { // Faithful to AIMSify icon: outer ring, inner ring, cyan dot, four crosshair ticks return ( ); } // ---------- AIMSify wordmark lockup ---------- function BrandLockup({ onDark = false, withTag = true }) { return ( { e.preventDefault(); navigate('/'); }}> AIMSify {withTag && Journal} ); } // ---------- Atoms ---------- function FwTag({ id, active, onClick, asLink }) { const fw = FRAMEWORKS[id]; if (!fw) return null; const cls = `fw-tag ${active ? 'is-active' : ''}`; if (asLink) { return ( e.stopPropagation()}> {fw.label} ); } return ( ); } function TypeBadge({ type }) { const t = TYPES[type]; if (!t) return null; return {t.label}; } function Avatar({ author, size = 'sm' }) { const a = AUTHORS[author]; if (!a) return null; const cls = size === 'lg' ? 'avatar-lg' : size === 'xl' ? 'avatar-xl' : 'avatar'; // Prefer real photo if present return ( {a.photo ? {a.name}

: a.mono} ); } // ---------- Header ---------- function Header({ active = '' }) { // Auth-aware "Go to Platform" — when logged out, route to aimsify.ai home instead. const [isLoggedIn, setIsLoggedIn] = useState(false); useEffect(() => { try { setIsLoggedIn(localStorage.getItem('aimsify_logged_in') === 'true'); } catch (e) { /* ignore */ } const onStorage = (e) => { if (e.key === 'aimsify_logged_in') setIsLoggedIn(e.newValue === 'true'); }; window.addEventListener('storage', onStorage); return () => window.removeEventListener('storage', onStorage); }, []); return ( <> {/* Cross-site bar — signals "you're in the journal, here's the way back" */}

aimsify.ai / Journal

Platform {isLoggedIn ? ( Go to Platform ) : ( aimsify.ai home )}

Talk to Rajesh

); } // ---------- Footer ---------- function Footer() { return ( ); } // ---------- Post Card ---------- function PostCard({ post, variant = 'default' }) { const author = AUTHORS[post.author]; const onClick = () => navigate(`/post/${post.slug}`); if (variant === 'feature') { return (

· {fmtDate(post.date)} · {post.readMins} min read

{post.title}

{post.dek}

{author.name} {post.frameworks.slice(0, 3).map((f) => )}

); } if (variant === 'secondary') { return (

· {post.readMins} min

{post.title}

{author.name}

); } return (

{post.frameworks.slice(0, 2).map((f) => )}

{post.title}

{post.dek}

{author.name} {fmtDate(post.date)} · {post.readMins} min

); } // Feature art — AIMSify-branded crosshair grid (no fake images) function FeatureArt({ post }) { const colors = post.frameworks.slice(0, 2).map((f) => FRAMEWORKS[f]?.color).filter(Boolean); const primary = colors[0] || '#00E5FF'; return ( ); } // ---------- Contact CTA — primary "Talk to Rajesh" block ---------- function ContactCTA({ compact = false, eyebrow = 'Let\u2019s talk', headline, body }) { const a = AUTHORS.rajesh; const defaultHeadline = compact ? 'Need a sounding board on this?' : 'Working through this in your own programme?'; const defaultBody = compact ? <>Talk it through with Rajesh Laskary — founder of Artan Consulting and creator of AIMSify. No pitch, just a conversation. (AIMSify is a product of Artan Consulting Pte Ltd, Singapore — www.ArtanConsulting.com) : <>If you are operationalising any of this in a real programme — ISMS, AI governance, supplier risk, or a regulator response — I am happy to share what is working in the field. Drop me a note, send a WhatsApp, or pick up the phone. Most useful conversations start informally. (AIMSify is a product of Artan Consulting Pte Ltd, Singapore — visit www.ArtanConsulting.com to learn more.); return (

{eyebrow}

{headline || defaultHeadline}

{body || defaultBody}

{a.email} WhatsApp +65 8606 2966 Call +65 8606 2966 LinkedIn

{!compact &&

Singapore time, GMT+8 · Replies within 24 hrs · No sales pipeline, just direct lines.

}

); } // ---------- Newsletter ---------- function Newsletter({ compact = false }) { const [email, setEmail] = useState(''); const [submitted, setSubmitted] = useState(false); const submit = (e) => { e.preventDefault(); if (email) setSubmitted(true); }; return (

The Weekly Briefing

Audit-ready intelligence, delivered Tuesday morning.

One CISO-grade briefing per week — regulatory shifts, framework deltas, and field notes from active engagements. No sales emails, no fluff. Curated by Rajesh Laskary and the AIMSify team.

{submitted ? (

✓ You’re in. Look for the briefing on Tuesday.

) : ( <>

No spam. Unsubscribe anytime. Read our privacy notice.

)}

); } // ---------- Author card ---------- function AuthorCard({ authorId }) { const a = AUTHORS[authorId]; if (!a) return null; return (

Written by

{a.name}

{a.title}

{a.bio}

{a.certs.map((c) => {c})}

LinkedIn {a.email} WhatsApp {a.phone}

); } // ---------- Related ---------- function Related({ post, n = 3 }) { const related = useMemo(() => { const others = POSTS.filter((p) => p.id !== post.id); const scored = others.map((p) => { let s = 0; p.frameworks.forEach((f) => post.frameworks.includes(f) && (s += 2)); p.topics.forEach((t) => post.topics.includes(t) && (s += 2)); if (p.type === post.type) s += 1; return { p, s }; }); return scored.sort((a, b) => b.s - a.s).slice(0, n).map((x) => x.p); }, [post]); return (

{related.map((p) => )}

); } Object.assign(window, { React, useState, useEffect, useMemo, useRef, FRAMEWORKS, TOPICS, ROLES, TYPES, AUTHORS, POSTS, parseHash, navigate, useRoute, fmtDate, CrosshairMark, BrandLockup, FwTag, TypeBadge, Avatar, Header, Footer, PostCard, FeatureArt, Newsletter, AuthorCard, Related, ContactCTA, });