// If that file doesn't exist, fall back to typeset wordmark.
const [hasLogo, setHasLogo] = React.useState(true);
return hasLogo ? (
setHasLogo(false)}
/>
) : (
Massivan
);
}
function BigLogo({ isMobile }) {
const [hasLogo, setHasLogo] = React.useState(true);
const dispRef = React.useRef(null);
const turbRef = React.useRef(null);
const rafRef = React.useRef(null);
// Drive the SVG displacement scale via rAF. On hover: ramp up, then ramp
// down to a tiny ambient ripple. On hover-out: ease back to 0.
// Also slowly animate the turbulence baseFrequency so the ripple "moves"
// like water surface, not a frozen distortion.
const onEnter = (e) => {
if (rafRef.current) cancelAnimationFrame(rafRef.current);
// Camera-flash burst at the cursor position
const host = e.currentTarget;
const rect = host.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
const flash = document.createElement('div');
flash.className = 'logo-flash';
flash.style.left = x + 'px';
flash.style.top = y + 'px';
host.appendChild(flash);
// remove after animation completes
setTimeout(() => flash.remove(), 700);
const t0 = performance.now();
const peak = 18; // px of max distortion at impact
const settle = 3; // px of residual ambient ripple while hovering
const tick = (now) => {
const t = (now - t0) / 1000; // seconds
// Splash curve: spike fast, decay over ~1s to the settle level
const splash = peak * Math.exp(-t * 3.2);
const scale = Math.max(splash, settle);
// Slowly drift the noise pattern so the ripple isn't static
const freq = 0.012 + 0.004 * Math.sin(t * 1.6);
if (dispRef.current) dispRef.current.setAttribute('scale', scale.toFixed(2));
if (turbRef.current) turbRef.current.setAttribute('baseFrequency', freq.toFixed(4));
rafRef.current = requestAnimationFrame(tick);
};
rafRef.current = requestAnimationFrame(tick);
};
const onLeave = () => {
if (rafRef.current) cancelAnimationFrame(rafRef.current);
const t0 = performance.now();
// Read current scale and decay smoothly back to 0
const start = parseFloat(dispRef.current?.getAttribute('scale') || '0');
const dur = 1400; // ms — slow ripple-settle
const tick = (now) => {
const k = Math.min(1, (now - t0) / dur);
// ease-out cubic
const ease = 1 - Math.pow(1 - k, 3);
const scale = start * (1 - ease);
if (dispRef.current) dispRef.current.setAttribute('scale', scale.toFixed(2));
if (k < 1) rafRef.current = requestAnimationFrame(tick);
};
rafRef.current = requestAnimationFrame(tick);
};
// Hover-only ripple — no auto-pulse on the hero logo.
React.useEffect(() => () => { if (rafRef.current) cancelAnimationFrame(rafRef.current); }, []);
return (
setHasLogo(false)}
style={{ maxHeight: isMobile ? 180 : 340, objectFit: 'contain' }}
/>
) : (
A catalogue of slow-building music — chillout, nu-jazz, deep house and the occasional techno record — streamed in full and sold direct, without compression, on Bandcamp.
{feature.blurb}
Most records live on one of two imprints I run — one built for house & techno, one for the quieter end of the spectrum. A handful of titles are signed to external labels.
{l.desc}
Work under other names, records produced for other artists, and mix/compilation work — threaded through the main discography.
{p}
{i === splitA && (
The full Pmusica and Modest Electronica catalogue lives on Bandcamp — stream every track, then take it home in MP3 320, lossless WAV or FLAC. The discography bundle is over there too.
{/* Big primary CTA — drives traffic straight to the storefront */}These records are either licensed to external labels or by signed artists. They aren't on the Bandcamp page — follow the links to hear them.