✅ COMPLETED: 1. Dockerfile uses port 80 (astro preview) 2. BaseLayout imports globals.css 3. globals.css with Tailwind v4 @theme syntax 4. index.astro has Header, Footer, FixedContact 5. All image references fixed to existing files 6. Hero uses hdpe_pipe_main.jpg 7. Product cards use hdpe001.jpg 8. pt-20 on main for fixed header ✅ TESTED LOCALLY: - Build: 15 pages in 1.27s - Docker build successful - Port 80 working - Images load - CSS works Ready for Easypanel deployment.
26 lines
634 B
JavaScript
26 lines
634 B
JavaScript
const visibleDirective = (load, options, el) => {
|
|
const cb = async () => {
|
|
const hydrate = await load();
|
|
await hydrate();
|
|
};
|
|
const rawOptions = typeof options.value === "object" ? options.value : void 0;
|
|
const ioOptions = {
|
|
rootMargin: rawOptions?.rootMargin
|
|
};
|
|
const io = new IntersectionObserver((entries) => {
|
|
for (const entry of entries) {
|
|
if (!entry.isIntersecting) continue;
|
|
io.disconnect();
|
|
cb();
|
|
break;
|
|
}
|
|
}, ioOptions);
|
|
for (const child of el.children) {
|
|
io.observe(child);
|
|
}
|
|
};
|
|
var visible_default = visibleDirective;
|
|
export {
|
|
visible_default as default
|
|
};
|