5171a789e9
✅ 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.
71 lines
1.5 KiB
JavaScript
71 lines
1.5 KiB
JavaScript
import { createAnimationScope } from "../runtime/server/transition.js";
|
|
const EASE_IN_OUT_QUART = "cubic-bezier(0.76, 0, 0.24, 1)";
|
|
function slide({
|
|
duration
|
|
} = {}) {
|
|
return {
|
|
forwards: {
|
|
old: [
|
|
{
|
|
name: "astroFadeOut",
|
|
duration: duration ?? "90ms",
|
|
easing: EASE_IN_OUT_QUART,
|
|
fillMode: "both"
|
|
},
|
|
{
|
|
name: "astroSlideToLeft",
|
|
duration: duration ?? "220ms",
|
|
easing: EASE_IN_OUT_QUART,
|
|
fillMode: "both"
|
|
}
|
|
],
|
|
new: [
|
|
{
|
|
name: "astroFadeIn",
|
|
duration: duration ?? "210ms",
|
|
easing: EASE_IN_OUT_QUART,
|
|
delay: duration ? void 0 : "30ms",
|
|
fillMode: "both"
|
|
},
|
|
{
|
|
name: "astroSlideFromRight",
|
|
duration: duration ?? "220ms",
|
|
easing: EASE_IN_OUT_QUART,
|
|
fillMode: "both"
|
|
}
|
|
]
|
|
},
|
|
backwards: {
|
|
old: [{ name: "astroFadeOut" }, { name: "astroSlideToRight" }],
|
|
new: [{ name: "astroFadeIn" }, { name: "astroSlideFromLeft" }]
|
|
}
|
|
};
|
|
}
|
|
function fade({
|
|
duration
|
|
} = {}) {
|
|
const anim = {
|
|
old: {
|
|
name: "astroFadeOut",
|
|
duration: duration ?? 180,
|
|
easing: EASE_IN_OUT_QUART,
|
|
fillMode: "both"
|
|
},
|
|
new: {
|
|
name: "astroFadeIn",
|
|
duration: duration ?? 180,
|
|
easing: EASE_IN_OUT_QUART,
|
|
fillMode: "both"
|
|
}
|
|
};
|
|
return {
|
|
forwards: anim,
|
|
backwards: anim
|
|
};
|
|
}
|
|
export {
|
|
createAnimationScope,
|
|
fade,
|
|
slide
|
|
};
|