// Shared visual primitives for the portfolio site
// Striped image placeholders, project glyphs, knight piece, scroll knight
function SiteImagePlaceholder({ label = 'screenshot', ratio = '16/10', radius = 16, accent, dark = true, height }) {
const stripeA = dark ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.05)';
const stripeB = dark ? 'rgba(255,255,255,0.02)' : 'rgba(0,0,0,0.02)';
return (
);
}
function SiteGlyph({ id, color = '#fff', size = 24 }) {
const s = { width: size, height: size, display: 'block' };
if (id === 'unishare') return (
);
if (id === 'carsim') return (
);
if (id === 'face') return (
);
if (id === 'routes') return (
);
return null;
}
// Stylized knight — modern, minimal, premium. Layered gradient + soft inner glow.
function KnightPiece({ size = 60, color = 'currentColor', opacity = 1, glow = true }) {
const uid = React.useMemo(() => 'k' + Math.random().toString(36).slice(2, 8), []);
return (
);
}
window.SiteImagePlaceholder = SiteImagePlaceholder;
window.SiteGlyph = SiteGlyph;
window.KnightPiece = KnightPiece;