diff --git a/src/checkout/components/Button.js b/src/checkout/components/Button.js index c036c32..4be571d 100644 --- a/src/checkout/components/Button.js +++ b/src/checkout/components/Button.js @@ -38,7 +38,6 @@ export default ({ ${dataId ? `data-id="${dataId}"` : ""} ${title ? `title="${title}"` : ""} class="c_Button c_Button--${variant} ${className} ${rounded ? "c_Button--rounded" : ""} c_Button--size-${size}" - ontouchstart >
${children}
`; diff --git a/src/checkout/components/CompactHeader.css b/src/checkout/components/CompactHeader.css index bff2c71..9148be1 100644 --- a/src/checkout/components/CompactHeader.css +++ b/src/checkout/components/CompactHeader.css @@ -18,4 +18,5 @@ .c_CompactHeader__logo { display: block; width: 175px; + aspect-ratio: 3.5; } diff --git a/src/checkout/components/MiniCart.js b/src/checkout/components/MiniCart.js index dfc8d1c..eff1661 100644 --- a/src/checkout/components/MiniCart.js +++ b/src/checkout/components/MiniCart.js @@ -17,6 +17,7 @@ export default ({ c }) => { rounded: true, href: "/checkout/cart", className: "c_MiniCart__button", + title: "View Cart", children: html` { return html` - + + Tractor Store + diff --git a/src/checkout/styles.css b/src/checkout/styles.css index 4cc05e9..0a091a1 100644 --- a/src/checkout/styles.css +++ b/src/checkout/styles.css @@ -13,6 +13,7 @@ format("woff2"); font-weight: normal; font-style: normal; + font-display: swap; } * { diff --git a/src/decide/pages/ProductPage.js b/src/decide/pages/ProductPage.js index 365c4c0..c7eab0c 100644 --- a/src/decide/pages/ProductPage.js +++ b/src/decide/pages/ProductPage.js @@ -24,9 +24,14 @@ export default ({ id, sku, c }) => { const variant = variants.find((v) => v.sku === sku) || variants[0]; return html` - + + Tractor Store + @@ -43,6 +48,7 @@ export default ({ id, sku, c }) => { sizes="400px" width="400" height="400" + alt="${name} - ${variant.name}" />

${name}

diff --git a/src/decide/styles.css b/src/decide/styles.css index 05e1714..fe5fc19 100644 --- a/src/decide/styles.css +++ b/src/decide/styles.css @@ -7,6 +7,7 @@ format("woff2"); font-weight: normal; font-style: normal; + font-display: swap; } * { diff --git a/src/explore/components/Button.js b/src/explore/components/Button.js index 302b715..87ce80c 100644 --- a/src/explore/components/Button.js +++ b/src/explore/components/Button.js @@ -19,7 +19,6 @@ export default ({ ${value ? `value="${value}"` : ""} ${dataId ? `data-id="${dataId}"` : ""} class="e_Button e_Button--${variant} ${className} ${rounded ? "e_Button--rounded" : ""}" - ontouchstart >
${children}
`; diff --git a/src/explore/components/Footer.css b/src/explore/components/Footer.css index 30870f6..fde22f1 100644 --- a/src/explore/components/Footer.css +++ b/src/explore/components/Footer.css @@ -121,7 +121,7 @@ margin: 0; } -.e_Footer__credits h4 { +.e_Footer__credits h3 { margin: 0; font-size: 1em; font-weight: normal; diff --git a/src/explore/components/Footer.js b/src/explore/components/Footer.js index 8e3f84a..e95cf65 100644 --- a/src/explore/components/Footer.js +++ b/src/explore/components/Footer.js @@ -9,6 +9,8 @@ export default () => { neuland - Büro für Informatik

based on @@ -26,7 +28,7 @@ export default () => {

-

techstack

+

techstack

ssr-only, modular monolith, template strings, esbuild, hono, cloudflare workers @@ -36,6 +38,8 @@ export default () => { neuland - Büro für Informatik neuland / diff --git a/src/explore/components/Header.css b/src/explore/components/Header.css index ab33f0d..d03f79b 100644 --- a/src/explore/components/Header.css +++ b/src/explore/components/Header.css @@ -111,6 +111,7 @@ @media (min-width: 500px) { width: 270px; } + aspect-ratio: 3.5; display: block; } diff --git a/src/explore/components/Recommendation.js b/src/explore/components/Recommendation.js index 4b32f28..93c0dd1 100644 --- a/src/explore/components/Recommendation.js +++ b/src/explore/components/Recommendation.js @@ -12,6 +12,7 @@ export default ({ image, url, name }) => { class="e_Recommendation_image" src="${src(image, 200)}" srcet="${srcset(image, [200, 400])}" + alt="" sizes="200px" width="200" height="200" diff --git a/src/explore/pages/CategoryPage.js b/src/explore/pages/CategoryPage.js index 816ca37..4c43df9 100644 --- a/src/explore/pages/CategoryPage.js +++ b/src/explore/pages/CategoryPage.js @@ -32,9 +32,14 @@ export default ({ category, c }) => { ]; return html` - + + Tractor Store + diff --git a/src/explore/pages/HomePage.js b/src/explore/pages/HomePage.js index dc157aa..def36d1 100644 --- a/src/explore/pages/HomePage.js +++ b/src/explore/pages/HomePage.js @@ -13,9 +13,14 @@ import Meta from "../components/Meta.js"; */ export default ({ c }) => { return html` - + + Tractor Store + @@ -32,7 +37,7 @@ export default ({ c }) => { src="${src(image, 500)}" srcet="${srcset(image, [500, 1000])}" sizes="100vw, (min-width: 500px) 50vw" - alt="${title}" + alt="" /> ${title} `, diff --git a/src/explore/pages/StoresPage.js b/src/explore/pages/StoresPage.js index baef7f3..1ff60a4 100644 --- a/src/explore/pages/StoresPage.js +++ b/src/explore/pages/StoresPage.js @@ -14,9 +14,14 @@ import Meta from "../components/Meta.js"; */ export default ({ c }) => { return html` - + + Tractor Store + diff --git a/src/explore/styles.css b/src/explore/styles.css index 5105e28..bf55745 100644 --- a/src/explore/styles.css +++ b/src/explore/styles.css @@ -17,6 +17,7 @@ format("woff2"); font-weight: normal; font-style: normal; + font-display: swap; } * { diff --git a/wrangler.toml b/wrangler.toml index bd69b53..d15e4b0 100644 --- a/wrangler.toml +++ b/wrangler.toml @@ -3,4 +3,12 @@ main = "src/server.cloudflare.js" compatibility_date = "2024-03-12" [site] -bucket = "./public" \ No newline at end of file +bucket = "./public" + + [[site.headers]] + for = "*" + [site.headers.values] + Cache-Control = "public, max-age=3600" + Access-Control-Allow-Origin = "*" + Access-Control-Allow-Methods = "GET, POST, OPTIONS" + Access-Control-Allow-Headers = "*" \ No newline at end of file