3ed9f3f3ff
CSS was not being imported! Fixed: ✅ Added 'import ../styles/global.css' to BaseLayout.astro ✅ Rewrote CSS with plain CSS (not @apply which wasn't working) ✅ Cookie banner has inline styles as backup ✅ Font size: 16px base ✅ Solid colors: green-600 (#16a34a), gray-900 (#111827) ✅ Footer has policy links Build: 12 pages ✅
28 lines
3.2 KiB
JavaScript
28 lines
3.2 KiB
JavaScript
/* empty css */
|
|
import { c as createComponent, r as renderComponent, a as renderTemplate, m as maybeRenderHead, b as addAttribute } from '../chunks/astro/server_BKaehDWP.mjs';
|
|
import 'kleur/colors';
|
|
import 'html-escaper';
|
|
import { $ as $$BaseLayout, a as $$Header, p as portfolioProjects, b as $$Footer, c as $$FloatingContact } from '../chunks/FloatingContact_CYVf7xCj.mjs';
|
|
export { renderers } from '../renderers.mjs';
|
|
|
|
const $$Index = createComponent(($$result, $$props, $$slots) => {
|
|
return renderTemplate`${renderComponent($$result, "BaseLayout", $$BaseLayout, { "title": "\u0E1C\u0E25\u0E07\u0E32\u0E19\u0E02\u0E2D\u0E07\u0E40\u0E23\u0E32", "description": "\u0E1C\u0E25\u0E07\u0E32\u0E19\u0E42\u0E04\u0E23\u0E07\u0E01\u0E32\u0E23\u0E15\u0E48\u0E32\u0E07\u0E46 \u0E17\u0E35\u0E48\u0E14\u0E35\u0E25\u0E1E\u0E25\u0E31\u0E2A\u0E40\u0E17\u0E04\u0E44\u0E14\u0E49\u0E23\u0E48\u0E27\u0E21\u0E40\u0E1B\u0E47\u0E19\u0E2A\u0E48\u0E27\u0E19\u0E2B\u0E19\u0E36\u0E48\u0E07" }, { "default": ($$result2) => renderTemplate` ${renderComponent($$result2, "Header", $$Header, {})} ${maybeRenderHead()}<main class="pt-32 pb-16"> <div class="container mx-auto px-4"> <div class="text-center mb-12"> <h1 class="text-4xl md:text-5xl font-bold text-secondary-900 mb-4">
|
|
ผลงาน<span class="text-primary-600">ของเรา</span> </h1> <p class="text-xl text-secondary-600 max-w-2xl mx-auto">
|
|
โครงการต่างๆ ที่เราได้ร่วมเป็นส่วนหนึ่งในการจัดหาวัสดุ
|
|
</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> ${portfolioProjects.map((project) => renderTemplate`<a${addAttribute(project.href, "href")} class="card group cursor-pointer overflow-hidden"> <div class="relative aspect-video bg-secondary-100 overflow-hidden"> <img${addAttribute(project.image, "src")}${addAttribute(project.name, "alt")} class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" loading="lazy"> <div class="absolute inset-0 bg-gradient-to-t from-secondary-900/80 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div> <div class="absolute bottom-0 left-0 right-0 p-4 translate-y-full group-hover:translate-y-0 transition-transform duration-300"> <h3 class="text-white font-bold">${project.name}</h3> </div> </div> <div class="p-4 bg-white group-hover:hidden"> <h3 class="text-lg font-bold text-secondary-900 mt-1">${project.name}</h3> <p class="text-sm text-secondary-600 mt-2 line-clamp-2">${project.description}</p> </div> </a>`)} </div> </div> </main> ${renderComponent($$result2, "Footer", $$Footer, {})} ${renderComponent($$result2, "FloatingContact", $$FloatingContact, {})} ` })}`;
|
|
}, "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/portfolio/index.astro", void 0);
|
|
|
|
const $$file = "/Users/kunthawatgreethong/Gitea/dealplustech/dealplustech-astro/src/pages/portfolio/index.astro";
|
|
const $$url = "/portfolio.html";
|
|
|
|
const _page = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
__proto__: null,
|
|
default: $$Index,
|
|
file: $$file,
|
|
url: $$url
|
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
|
|
const page = () => _page;
|
|
|
|
export { page };
|