// Reusable bits — header, status, masthead, archive parts, side panels.
const AsciiRule = ({ label, char = "─" }) => {
// Renders a horizontal box-drawing rule with an inline label
const segments = label
? [char.repeat(6), `[ ${label} ]`, char.repeat(80)]
: [char.repeat(120)];
return (
{segments[0]}
{label && {segments[1]} }
{segments[2] || ""}
);
};
const TopBar = ({ theme, onToggleTheme }) => (
);
const StatusStrip = () => (
node forge-01 build 2026.04.30 · a1f3c92 posts {window.POSTS.length} CVEs 14 disclosed last write 2d ago tz EET (UTC+02) RSS /feed.xml
);
const Masthead = () => (
>_ SecurityForge Cybersecurity | Pentesting | Vulnerability Research
Security Forge is the working notebook of Artur — a
cybersecurity researcher writing about web pentesting, Active Directory abuse,
network analysis, and the occasional quiet CVE. Long-form posts, reproducible PoCs,
no marketing copy.
posts
{window.POSTS.length}longform
);
const FeaturedDiagram = () => (
// A simple, on-brand diagram: user → guardrail → LLM → tool → fulfillment, with an injection arc
{/* nodes */}
{[
{ x: 20, y: 90, w: 80, h: 40, l: "user" },
{ x: 130, y: 90, w: 80, h: 40, l: "guardrail" },
{ x: 240, y: 90, w: 80, h: 40, l: "LLM" },
{ x: 350, y: 90, w: 110, h: 40, l: "tool: price()" },
].map((n, i) => (
{n.l}
))}
{/* main arrows */}
indirect prompt injection
{/* output line */}
→ $1.00
attacker path
expected path
);
const Sev = ({ s }) => (
{post.date}
· {post.read}
· #{post.tag}
{post.summary}
{(post.tags || []).map(t => #{t} )}
);
const SearchBar = ({ q, setQ }) => (
~/$
/ focus · esc clear
);
const FilterBar = ({ active, setActive, counts }) => (
{window.TAGS.map(t => (
setActive(t.id)}
role="tab"
aria-selected={active === t.id}
>
{t.label}
{counts[t.id] ?? 0}
))}
);
const ArchiveRow = ({ p }) => (
{p.date}
{p.title}
#{p.tag}
{p.read} →
);
const Archive = ({ posts }) => {
const byYear = posts.reduce((acc, p) => {
(acc[p.year] = acc[p.year] || []).push(p);
return acc;
}, {});
const years = Object.keys(byYear).sort((a,b) => b - a);
if (posts.length === 0) {
return (
0 RESULTS
no posts match those filters ·
location.reload()} style={{color:"var(--accent)", textDecoration:"underline"}}>reset
);
}
return (
{years.map(y => (
{y}· {byYear[y].length} posts
{byYear[y].filter(p => p.sev === "critical").length} critical ·{" "}
{byYear[y].filter(p => p.sev === "high").length} high ·{" "}
{[...new Set(byYear[y].map(p => p.tag))].length} topics
{byYear[y].map(p =>
)}
))}
{title}
);
const AboutPanel = () => (
I'm Artur . I find bugs in things that aren't supposed to have bugs,
write about them, and occasionally help fix them. Independent, no affiliations on this site.
PGP · 4096R
4F2C 8A1B 9D33 70EE 51C2
);
const ActivityPanel = () => (
{window.ACTIVITY.map((a, i) => (
{a.when}
{a.what}{a.em && {a.em} }
))}
);
const SeverityPanel = () => {
const counts = window.SEVERITIES.map(s => ({
s, n: window.POSTS.filter(p => p.sev === s).length
}));
const max = Math.max(...counts.map(c => c.n));
return (
);
};
const Footer = () => (
);
Object.assign(window, {
TopBar, StatusStrip, Masthead, Featured, SearchBar, FilterBar, Archive,
AboutPanel, ActivityPanel, SeverityPanel, Footer, AsciiRule, Sev,
});