From db4001aaa56c227bf9fffb028656bba736d934ba Mon Sep 17 00:00:00 2001 From: Lago Date: Sat, 9 May 2026 23:51:40 +0200 Subject: [PATCH] fix: optimize vehicle photo URLs and update HTML preconnect and stylesheet links --- frontend/app.js | 15 ++++++++++++--- frontend/index.html | 12 +++++------- 2 files changed, 17 insertions(+), 10 deletions(-) diff --git a/frontend/app.js b/frontend/app.js index ca9dd67..2733c52 100644 --- a/frontend/app.js +++ b/frontend/app.js @@ -156,11 +156,12 @@ function renderGrid() { emptyState.style.display = state.filtered.length ? "none" : "block"; for (const v of state.filtered) { + const photoUrl = optimizedVehiclePhotoUrl(v.photo_url); const card = document.createElement("article"); card.className = "vehicle-card"; card.innerHTML = `
- ${escapeAttr(v.brand)} ${escapeAttr(v.model)} + ${escapeAttr(v.brand)} ${escapeAttr(v.model)}
@@ -198,12 +199,13 @@ function renderGrid() { function openDetails(id) { const v = state.vehicles.find(x => x.id === id); if (!v) return; + const photoUrl = optimizedVehiclePhotoUrl(v.photo_url); const lang = getLang(); const desc = lang === "en" ? v.description_en : v.description_de; dialogTitle.textContent = `${v.brand} ${v.model}`; dialogBody.innerHTML = ` - ${escapeAttr(v.brand + ' ' + v.model)} + ${escapeAttr(v.brand + ' ' + v.model)}

${escapeHtml(desc || "")}

${v.power_hp}${t("hp")}
@@ -399,6 +401,7 @@ async function updateSidebar() { const kmPerWeekday = price.max_daily_km; const kmPerWeekendDay = price.max_km_weekend; const includedKm = (weekdays * kmPerWeekday) + (weekendDays * kmPerWeekendDay); + const photoUrl = optimizedVehiclePhotoUrl(v.photo_url); bpfSidebarPlaceholder.style.display = "none"; bpfSidebarContent.style.display = "block"; @@ -413,7 +416,7 @@ async function updateSidebar() {
${t("bpfDeposit")}€ ${deposit.toLocaleString("de-DE")}
${t("bpfIncludedKm")}${includedKm} km
${t("bpfExtraKm")}€ 1,50${t("bpfPerKm")}
-
+

${escapeHtml(v.brand)} ${escapeHtml(v.model)}

${v.power_hp} ${t("hp")} • ${v.top_speed_kmh} ${t("kmh")} • ${escapeHtml(v.acceleration)}

`; @@ -533,6 +536,12 @@ function escapeHtml(s) { } function escapeAttr(s) { return escapeHtml(s); } +function optimizedVehiclePhotoUrl(url) { + const raw = String(url ?? ""); + if (!raw) return raw; + return raw.replace("/images/ferrari-main-car.png", "/images/ferrari-main-car-mobile.jpg"); +} + // ---------------- Boot ---------------- langToggle.textContent = getLang() === "de" ? "EN" : "DE"; applyI18n(); diff --git a/frontend/index.html b/frontend/index.html index 3881bcd..d02b0f8 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -8,13 +8,11 @@ - + - - - - + + @@ -52,7 +50,7 @@ "alternateName": "MC Cars", "description": "Premium Sportwagen- und Luxusvermietung in der Steiermark", "url": "https://demo.lago.dev", - "logo": "https://demo.lago.dev/images/mc-cars-logo.png", + "logo": "https://demo.lago.dev/images/mc-cars-mark.svg", "image": "https://demo.lago.dev/images/mc-cars-og-image.png", "areaServed": { "@type": "Place", @@ -76,7 +74,7 @@ "@type": "Organization", "name": "MC Cars GmbH", "url": "https://demo.lago.dev", - "logo": "https://demo.lago.dev/images/mc-cars-logo.png", + "logo": "https://demo.lago.dev/images/mc-cars-mark.svg", "description": "Premium Sportwagen- und Luxusvermietung in Steiermark, Österreich", "foundingDate": "2024", "contactPoint": {