Add favicon and apple-touch-icon to multiple HTML files; implement toast notification feature in app.js; update duration mode handling; enhance footer navigation and styling; create AGB and Mietbedingungen pages; improve Nginx configuration for HTML file handling; add logo images.
This commit is contained in:
LagoESP
@@ -1,40 +0,0 @@
|
||||
{"__type":"$$EventMessageAudit","id":"ceb1be9f-9fdb-4f19-a9e2-3c945b499605","ts":"2026-04-29T19:56:50.025+02:00","eventName":"n8n.audit.user.login.success","message":"n8n.audit.user.login.success","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","authenticationMethod":"email"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"ceb1be9f-9fdb-4f19-a9e2-3c945b499605","ts":"2026-04-29T19:56:50.040+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"7f5edda4-5a8a-48d6-838f-e4a4e58171dd","ts":"2026-04-29T19:56:57.617+02:00","eventName":"n8n.audit.user.credentials.created","message":"n8n.audit.user.credentials.created","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","credentialType":"postgres","credentialId":"846yS75jh8skSnX2","publicApi":false,"projectId":"julyz3yhfTK4pMNd","projectType":"personal","isDynamic":false,"usesExternalSecrets":false}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"7f5edda4-5a8a-48d6-838f-e4a4e58171dd","ts":"2026-04-29T19:56:57.617+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"c23fc82f-477e-4e86-878f-5a599448b1b8","ts":"2026-04-29T19:57:09.092+02:00","eventName":"n8n.audit.user.credentials.created","message":"n8n.audit.user.credentials.created","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","credentialType":"supabaseApi","credentialId":"cgEX1vWw0IkStuoU","publicApi":false,"projectId":"julyz3yhfTK4pMNd","projectType":"personal","isDynamic":false,"usesExternalSecrets":false}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"c23fc82f-477e-4e86-878f-5a599448b1b8","ts":"2026-04-29T19:57:09.093+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"6900ba6a-ddcc-4fda-a24b-528648bfa010","ts":"2026-04-29T19:57:23.157+02:00","eventName":"n8n.audit.workflow.created","message":"n8n.audit.workflow.created","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"6900ba6a-ddcc-4fda-a24b-528648bfa010","ts":"2026-04-29T19:57:23.157+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"241da235-3a1b-4c07-a3f5-814004b9e0da","ts":"2026-04-29T19:57:40.542+02:00","eventName":"n8n.audit.user.login.success","message":"n8n.audit.user.login.success","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","authenticationMethod":"email"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"241da235-3a1b-4c07-a3f5-814004b9e0da","ts":"2026-04-29T19:57:40.542+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"b6800e1b-dc8e-49bc-94ef-230b602c6df0","ts":"2026-04-29T19:58:10.640+02:00","eventName":"n8n.audit.user.login.success","message":"n8n.audit.user.login.success","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","authenticationMethod":"email"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"b6800e1b-dc8e-49bc-94ef-230b602c6df0","ts":"2026-04-29T19:58:10.640+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"6a1a6709-c254-4c1e-bb9e-2f634b90498a","ts":"2026-04-29T19:58:18.234+02:00","eventName":"n8n.audit.workflow.executed","message":"n8n.audit.workflow.executed","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"1","source":"user-manual"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"6a1a6709-c254-4c1e-bb9e-2f634b90498a","ts":"2026-04-29T19:58:18.234+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageWorkflow","id":"412e9165-2cef-4628-9dd4-b58c18c7d236","ts":"2026-04-29T19:58:18.234+02:00","eventName":"n8n.workflow.started","message":"n8n.workflow.started","payload":{"executionId":"1","workflowId":"MiEBjJYxhUVm6sl3","isManual":false,"mode":"manual","workflowName":"New Lead Notification","projectId":"julyz3yhfTK4pMNd","projectName":"MC Cars <admin@mccars.local>"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"412e9165-2cef-4628-9dd4-b58c18c7d236","ts":"2026-04-29T19:58:18.234+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageNode","id":"e0e05a15-933e-4370-8bcf-55da83f2a683","ts":"2026-04-29T19:58:18.240+02:00","eventName":"n8n.node.started","message":"n8n.node.started","payload":{"workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"1","nodeType":"n8n-nodes-base.postgresTrigger","nodeName":"Check New Leads","nodeId":"trigger1"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"e0e05a15-933e-4370-8bcf-55da83f2a683","ts":"2026-04-29T19:58:18.240+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageNode","id":"5e59bc80-0096-4f44-94e1-0ed813cf8a3d","ts":"2026-04-29T19:59:18.261+02:00","eventName":"n8n.node.finished","message":"n8n.node.finished","payload":{"workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"1","nodeType":"n8n-nodes-base.postgresTrigger","nodeName":"Check New Leads","nodeId":"trigger1"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"5e59bc80-0096-4f44-94e1-0ed813cf8a3d","ts":"2026-04-29T19:59:18.261+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageWorkflow","id":"2629e130-478d-400b-814a-6004b414f004","ts":"2026-04-29T19:59:18.269+02:00","eventName":"n8n.workflow.failed","message":"n8n.workflow.failed","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","executionId":"1","success":false,"isManual":true,"mode":"manual","workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","projectId":"julyz3yhfTK4pMNd","projectName":"MC Cars <admin@mccars.local>","lastNodeExecuted":"Check New Leads","errorMessage":"Aborted, no data received within 30secs. This 30sec timeout is only set for \"manually triggered execution\". Active Workflows will listen indefinitely."}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"2629e130-478d-400b-814a-6004b414f004","ts":"2026-04-29T19:59:18.270+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"e106259d-47a0-41fa-97e2-a384ebe82015","ts":"2026-04-29T20:02:00.788+02:00","eventName":"n8n.audit.workflow.executed","message":"n8n.audit.workflow.executed","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"2","source":"user-manual"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"e106259d-47a0-41fa-97e2-a384ebe82015","ts":"2026-04-29T20:02:00.788+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageWorkflow","id":"d904b8f4-87ee-40f3-ba88-55293d0eada8","ts":"2026-04-29T20:02:00.788+02:00","eventName":"n8n.workflow.started","message":"n8n.workflow.started","payload":{"executionId":"2","workflowId":"MiEBjJYxhUVm6sl3","isManual":false,"mode":"manual","workflowName":"New Lead Notification","projectId":"julyz3yhfTK4pMNd","projectName":"MC Cars <admin@mccars.local>"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"d904b8f4-87ee-40f3-ba88-55293d0eada8","ts":"2026-04-29T20:02:00.788+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageNode","id":"4c4896ef-4dde-4ac6-9746-91886e6c434a","ts":"2026-04-29T20:02:00.795+02:00","eventName":"n8n.node.started","message":"n8n.node.started","payload":{"workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"2","nodeType":"n8n-nodes-base.postgresTrigger","nodeName":"Check New Leads","nodeId":"trigger1"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"4c4896ef-4dde-4ac6-9746-91886e6c434a","ts":"2026-04-29T20:02:00.796+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageNode","id":"dd1e3736-5352-4a60-ac25-48edf7f7c814","ts":"2026-04-29T20:02:02.383+02:00","eventName":"n8n.node.finished","message":"n8n.node.finished","payload":{"workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"2","nodeType":"n8n-nodes-base.postgresTrigger","nodeName":"Check New Leads","nodeId":"trigger1"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"dd1e3736-5352-4a60-ac25-48edf7f7c814","ts":"2026-04-29T20:02:02.383+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageNode","id":"18332840-312c-400f-8efa-ba9b00161d5e","ts":"2026-04-29T20:02:02.384+02:00","eventName":"n8n.node.started","message":"n8n.node.started","payload":{"workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"2","nodeType":"n8n-nodes-base.set","nodeName":"Format Lead Data","nodeId":"set1"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"18332840-312c-400f-8efa-ba9b00161d5e","ts":"2026-04-29T20:02:02.384+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageNode","id":"eb33d71c-ab1e-45e7-b8a1-c2f4233db4cc","ts":"2026-04-29T20:02:02.388+02:00","eventName":"n8n.node.finished","message":"n8n.node.finished","payload":{"workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","executionId":"2","nodeType":"n8n-nodes-base.set","nodeName":"Format Lead Data","nodeId":"set1"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"eb33d71c-ab1e-45e7-b8a1-c2f4233db4cc","ts":"2026-04-29T20:02:02.388+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageWorkflow","id":"0da331f2-66a0-45fd-b691-d4c28a01598c","ts":"2026-04-29T20:02:02.404+02:00","eventName":"n8n.workflow.success","message":"n8n.workflow.success","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","executionId":"2","success":true,"isManual":true,"mode":"manual","workflowId":"MiEBjJYxhUVm6sl3","workflowName":"New Lead Notification","projectId":"julyz3yhfTK4pMNd","projectName":"MC Cars <admin@mccars.local>"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"0da331f2-66a0-45fd-b691-d4c28a01598c","ts":"2026-04-29T20:02:02.404+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"a0ac56d7-5dd2-4d92-ba16-9480f5d7be4e","ts":"2026-04-29T21:40:47.656+02:00","eventName":"n8n.audit.workflow.created","message":"n8n.audit.workflow.created","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","workflowId":"5254P6wnxXA4bhWf","workflowName":"Lead Qualified → Payment Email"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"a0ac56d7-5dd2-4d92-ba16-9480f5d7be4e","ts":"2026-04-29T21:40:47.656+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
{"__type":"$$EventMessageAudit","id":"8b319e39-54c7-41d6-a1f6-4a28fcc9f340","ts":"2026-04-29T21:41:00.236+02:00","eventName":"n8n.audit.workflow.created","message":"n8n.audit.workflow.created","payload":{"userId":"aeec9612-50f4-4124-889e-83325fb5af8a","_email":"admin@mccars.local","_firstName":"MC","_lastName":"Cars","globalRole":"global:owner","workflowId":"40NOffvLouMXkVPO","workflowName":"Lead Qualified → Mietvertrag PDF"}}
|
||||
{"__type":"$$EventMessageConfirm","confirm":"8b319e39-54c7-41d6-a1f6-4a28fcc9f340","ts":"2026-04-29T21:41:00.236+02:00","source":{"id":"0","name":"eventBus"}}
|
||||
|
||||
@@ -4,6 +4,8 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Admin · MC Cars</title>
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<script>document.write('<scr'+'ipt src="config.js?v='+Date.now()+'"><\/scr'+'ipt>')</script>
|
||||
|
||||
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>AGB · MC Cars</title>
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<script>document.write('<scr'+'ipt src="config.js?v='+Date.now()+'"><\/scr'+'ipt>')</script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="shell">
|
||||
<a class="logo" href="/" aria-label="MC Cars Startseite">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</a>
|
||||
<button class="menu-toggle" aria-label="Menü">☰</button>
|
||||
<nav class="main-nav" aria-label="Hauptnavigation">
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#stimmen" data-i18n="navReviews">Stimmen</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
<a class="btn small" href="/#buchen" data-i18n="bookNow">Jetzt buchen</a>
|
||||
<button class="lang-toggle" type="button" aria-label="Sprache wechseln">EN</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style="padding: 3rem 0;">
|
||||
<div class="shell">
|
||||
<h1>Allgemeine Geschäftsbedingungen (AGB)</h1>
|
||||
<div style="max-width: 65ch; line-height: 1.7; color: var(--text);">
|
||||
<p style="color: var(--muted); font-style: italic;">
|
||||
Diese Seite wird in Kürze mit den vollständigen AGB aktualisiert.
|
||||
</p>
|
||||
<p>
|
||||
Die AGB definieren die rechtlichen Bedingungen für die Vermietung von Fahrzeugen durch MC Cars.
|
||||
</p>
|
||||
<p>
|
||||
Bitte wenden Sie sich an hello@mccars.at für weitere Informationen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer" id="kontakt">
|
||||
<div class="shell">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="logo" style="margin-bottom:0.8rem;">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</div>
|
||||
<p style="color:var(--muted);font-size:0.9rem;max-width:40ch;" data-i18n="footerTagline">Sportwagenvermietung in Österreich. Standort: Steiermark (TBD).</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerNav">Navigation</h4>
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerLegal">Rechtliches</h4>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerContact">Kontakt</h4>
|
||||
<a href="mailto:hello@mccars.at">hello@mccars.at</a>
|
||||
<a href="tel:+43316880000">+43 316 880000</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<span>© <span id="year"></span> MC Cars. <span data-i18n="copyright">Alle Rechte vorbehalten.</span></span>
|
||||
<span>Made in Steiermark</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+19
-4
@@ -52,7 +52,7 @@ const bpfSubmitBtn = document.querySelector("#bpfSubmit");
|
||||
const bpfSidebar = document.querySelector("#bpfSidebar");
|
||||
const bpfSidebarContent = document.querySelector("#bpfSidebarContent");
|
||||
const bpfSidebarPlaceholder = document.querySelector(".bpf-sidebar-placeholder");
|
||||
let bpfDurationMode = "custom"; // "day" | "weekend" | "custom"
|
||||
let bpfDurationMode = ""; // "day" | "weekend" | "custom" | ""
|
||||
let bpfSubmitting = false;
|
||||
|
||||
function formatYmdLocal(d) {
|
||||
@@ -96,6 +96,17 @@ const today = formatYmdLocal(new Date());
|
||||
|
||||
document.querySelector("#year").textContent = new Date().getFullYear();
|
||||
|
||||
// ----------------Toast Notification ----------------
|
||||
function showToast(message, duration = 3000) {
|
||||
const toast = document.querySelector("#toast");
|
||||
if (!toast) return;
|
||||
toast.textContent = message;
|
||||
toast.classList.add("show");
|
||||
setTimeout(() => {
|
||||
toast.classList.remove("show");
|
||||
}, duration);
|
||||
}
|
||||
|
||||
// ---------------- Vehicles ----------------
|
||||
async function loadVehicles() {
|
||||
const { data, error } = await supabase
|
||||
@@ -287,7 +298,7 @@ bpfFileIncome.addEventListener("change", () => {
|
||||
|
||||
// ---------------- Duration Presets ----------------
|
||||
function setDurationMode(mode) {
|
||||
bpfDurationMode = mode;
|
||||
bpfDurationMode = mode || "";
|
||||
document.querySelectorAll(".bpf-preset").forEach(b => b.classList.toggle("active", b.dataset.preset === mode));
|
||||
document.querySelector("#bpfDateDay").style.display = mode === "day" ? "block" : "none";
|
||||
document.querySelector("#bpfDateWeekend").style.display = mode === "weekend" ? "block" : "none";
|
||||
@@ -295,6 +306,9 @@ function setDurationMode(mode) {
|
||||
updateSidebar();
|
||||
}
|
||||
|
||||
// Fresh page load: no duration selected, so no date inputs are visible.
|
||||
setDurationMode("");
|
||||
|
||||
document.querySelectorAll(".bpf-preset").forEach(btn => {
|
||||
btn.addEventListener("click", () => setDurationMode(btn.dataset.preset));
|
||||
});
|
||||
@@ -452,7 +466,8 @@ document.querySelector("#bpfSubmit").addEventListener("click", async () => {
|
||||
await Promise.all(uploads);
|
||||
|
||||
bookingFeedback.className = "form-feedback";
|
||||
bookingFeedback.textContent = t("bookingSuccess");
|
||||
bookingFeedback.textContent = "";
|
||||
showToast(t("bookingSuccess"), 4000);
|
||||
showBpfStep(1);
|
||||
bpfCar.value = "";
|
||||
bpfFrom.value = "";
|
||||
@@ -465,7 +480,7 @@ document.querySelector("#bpfSubmit").addEventListener("click", async () => {
|
||||
bpfMessage.value = "";
|
||||
document.querySelector("#bpfFileIdName").textContent = "";
|
||||
document.querySelector("#bpfFileIncomeName").textContent = "";
|
||||
setDurationMode("custom");
|
||||
setDurationMode("");
|
||||
updateSidebar();
|
||||
bpfSubmitting = false;
|
||||
if (bpfSubmitBtn) bpfSubmitBtn.disabled = false;
|
||||
|
||||
@@ -4,16 +4,80 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Datenschutz · MC Cars (GmbH)</title>
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<main class="shell" style="padding:4rem 1rem;">
|
||||
<p class="eyebrow">Rechtliches</p>
|
||||
<h1>Datenschutz</h1>
|
||||
<p>Buchungsanfragen werden aktuell zu Demozwecken lokal im Browser gespeichert. Fahrzeugdaten werden über ein selbstgehostetes Supabase verwaltet.</p>
|
||||
<p>Ansprechpartner: hello@mccars.at</p>
|
||||
<p style="margin-top:2rem;"><a class="btn small" href="index.html">← Startseite</a></p>
|
||||
<header class="site-header">
|
||||
<div class="shell">
|
||||
<a class="logo" href="/" aria-label="MC Cars Startseite">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</a>
|
||||
<button class="menu-toggle" aria-label="Menü">☰</button>
|
||||
<nav class="main-nav" aria-label="Hauptnavigation">
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#stimmen" data-i18n="navReviews">Stimmen</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
<a class="btn small" href="/#buchen" data-i18n="bookNow">Jetzt buchen</a>
|
||||
<button class="lang-toggle" type="button" aria-label="Sprache wechseln">EN</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style="padding: 3rem 0;">
|
||||
<div class="shell">
|
||||
<h1>Datenschutz</h1>
|
||||
<div style="max-width: 65ch; line-height: 1.7; color: var(--text);">
|
||||
<p>Buchungsanfragen werden aktuell zu Demozwecken lokal im Browser gespeichert. Fahrzeugdaten werden über ein selbstgehostetes Supabase verwaltet.</p>
|
||||
<p>Ansprechpartner: hello@mccars.at</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer" id="kontakt">
|
||||
<div class="shell">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="logo" style="margin-bottom:0.8rem;">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</div>
|
||||
<p style="color:var(--muted);font-size:0.9rem;max-width:40ch;" data-i18n="footerTagline">Sportwagenvermietung in Österreich. Standort: Steiermark (TBD).</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerNav">Navigation</h4>
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerLegal">Rechtliches</h4>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerContact">Kontakt</h4>
|
||||
<a href="mailto:hello@mccars.at">hello@mccars.at</a>
|
||||
<a href="tel:+43316880000">+43 316 880000</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<span>© <span id="year"></span> MC Cars. <span data-i18n="copyright">Alle Rechte vorbehalten.</span></span>
|
||||
<span>Made in Steiermark</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+4
-2
@@ -118,7 +118,8 @@ export const translations = {
|
||||
footerNav: "Navigation",
|
||||
imprint: "Impressum",
|
||||
privacy: "Datenschutz",
|
||||
footerTerms: "Mietbedingungen",
|
||||
terms: "AGB",
|
||||
rentalTerms: "Mietbedingungen",
|
||||
copyright: "Alle Rechte vorbehalten.",
|
||||
|
||||
close: "Schließen",
|
||||
@@ -352,7 +353,8 @@ export const translations = {
|
||||
footerNav: "Navigation",
|
||||
imprint: "Imprint",
|
||||
privacy: "Privacy",
|
||||
footerTerms: "Rental conditions",
|
||||
terms: "Terms",
|
||||
rentalTerms: "Rental Terms",
|
||||
copyright: "All rights reserved.",
|
||||
|
||||
close: "Close",
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 MiB |
+73
-9
@@ -4,19 +4,83 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Impressum · MC Cars (GmbH)</title>
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
</head>
|
||||
<body>
|
||||
<main class="shell" style="padding:4rem 1rem;">
|
||||
<p class="eyebrow">Rechtliches</p>
|
||||
<h1>Impressum</h1>
|
||||
<p>MC Cars (GmbH)</p>
|
||||
<p>Standort: Steiermark (TBD)</p>
|
||||
<p>E-Mail: hello@mccars.at</p>
|
||||
<p>Telefon: +43 316 880000</p>
|
||||
<p>Firmenbuch und UID werden nachgereicht.</p>
|
||||
<p style="margin-top:2rem;"><a class="btn small" href="index.html">← Startseite</a></p>
|
||||
<header class="site-header">
|
||||
<div class="shell">
|
||||
<a class="logo" href="/" aria-label="MC Cars Startseite">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</a>
|
||||
<button class="menu-toggle" aria-label="Menü">☰</button>
|
||||
<nav class="main-nav" aria-label="Hauptnavigation">
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#stimmen" data-i18n="navReviews">Stimmen</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
<a class="btn small" href="/#buchen" data-i18n="bookNow">Jetzt buchen</a>
|
||||
<button class="lang-toggle" type="button" aria-label="Sprache wechseln">EN</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style="padding: 3rem 0;">
|
||||
<div class="shell">
|
||||
<h1>Impressum</h1>
|
||||
<div style="max-width: 65ch; line-height: 1.7; color: var(--text);">
|
||||
<p><strong>MC Cars (GmbH)</strong></p>
|
||||
<p>Standort: Steiermark (TBD)</p>
|
||||
<p>E-Mail: hello@mccars.at</p>
|
||||
<p>Telefon: +43 316 880000</p>
|
||||
<p>Firmenbuch und UID werden nachgereicht.</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer" id="kontakt">
|
||||
<div class="shell">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="logo" style="margin-bottom:0.8rem;">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</div>
|
||||
<p style="color:var(--muted);font-size:0.9rem;max-width:40ch;" data-i18n="footerTagline">Sportwagenvermietung in Österreich. Standort: Steiermark (TBD).</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerNav">Navigation</h4>
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerLegal">Rechtliches</h4>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerContact">Kontakt</h4>
|
||||
<a href="mailto:hello@mccars.at">hello@mccars.at</a>
|
||||
<a href="tel:+43316880000">+43 316 880000</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<span>© <span id="year"></span> MC Cars. <span data-i18n="copyright">Alle Rechte vorbehalten.</span></span>
|
||||
<span>Made in Steiermark</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+20
-12
@@ -5,6 +5,8 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>MC Cars · Sportwagenvermietung Steiermark</title>
|
||||
<meta name="description" content="MC Cars · Premium Sportwagen- und Luxusvermietung in der Steiermark. Faire Kaution, transparent, sofort startklar." />
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet" />
|
||||
@@ -15,7 +17,7 @@
|
||||
<header class="site-header">
|
||||
<div class="shell">
|
||||
<a class="logo" href="/" aria-label="MC Cars Startseite">
|
||||
<span class="logo-mark">MC</span>
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</a>
|
||||
|
||||
@@ -91,9 +93,10 @@
|
||||
|
||||
<!-- Why -->
|
||||
<section id="warum" style="background:var(--bg-elev);">
|
||||
<div class="shell">
|
||||
<div class="section-head">
|
||||
<div>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
<p class="eyebrow" data-i18n="whyEyebrow">Warum MC Cars</p>
|
||||
<h2 data-i18n="whyTitle">Keine Kompromisse zwischen Sicherheit und Fahrspaß.</h2>
|
||||
</div>
|
||||
@@ -119,6 +122,8 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Toast Notification -->
|
||||
<div id="toast" class="toast" role="status" aria-live="polite" aria-atomic="true"></div>
|
||||
<!-- Reviews -->
|
||||
<section id="stimmen">
|
||||
<div class="shell">
|
||||
@@ -180,7 +185,7 @@
|
||||
</span>
|
||||
<span data-i18n="bpfPresetWeekend">Wochenende</span>
|
||||
</button>
|
||||
<button type="button" class="bpf-preset active" data-preset="custom">
|
||||
<button type="button" class="bpf-preset" data-preset="custom">
|
||||
<span class="bpf-preset-icon">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line><path d="M8 14h8"></path><path d="M8 18h8"></path></svg>
|
||||
</span>
|
||||
@@ -190,20 +195,20 @@
|
||||
</div>
|
||||
|
||||
<!-- Day mode: single date picker -->
|
||||
<div class="bpf-field bpf-date-day" id="bpfDateDay" style="display:none;">
|
||||
<div class="bpf-field bpf-date-day" id="bpfDateDay" style="display:none;">
|
||||
<label data-i18n="bpfPickDate">Datum wählen</label>
|
||||
<input type="date" id="bpfDayDate" />
|
||||
</div>
|
||||
|
||||
<!-- Weekend mode: pick the Saturday -->
|
||||
<div class="bpf-field bpf-date-weekend" id="bpfDateWeekend" style="display:none;">
|
||||
<div class="bpf-field bpf-date-weekend" id="bpfDateWeekend" style="display: none;">
|
||||
<label data-i18n="bpfPickWeekend">Wochenende wählen (Samstag)</label>
|
||||
<input type="date" id="bpfWeekendDate" />
|
||||
<p class="bpf-weekend-def" data-i18n="bpfWeekendDef">Wochenende: Samstag 9:00 – Sonntag 20:00</p>
|
||||
</div>
|
||||
|
||||
<!-- Custom mode: from/to date pickers -->
|
||||
<div class="bpf-date-custom" id="bpfDateCustom">
|
||||
<div class="bpf-date-custom" id="bpfDateCustom" style="display:none;">
|
||||
<div class="bpf-field-row">
|
||||
<div class="bpf-field">
|
||||
<label data-i18n="bpfStartDate">Startdatum</label>
|
||||
@@ -307,7 +312,7 @@
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="logo" style="margin-bottom:0.8rem;">
|
||||
<span class="logo-mark">MC</span>
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</div>
|
||||
<p style="color:var(--muted);font-size:0.9rem;max-width:40ch;" data-i18n="footerTagline">Sportwagenvermietung in Österreich. Standort: Steiermark (TBD).</p>
|
||||
@@ -322,9 +327,10 @@
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerLegal">Rechtliches</h4>
|
||||
<a href="impressum.html" data-i18n="imprint">Impressum</a>
|
||||
<a href="datenschutz.html" data-i18n="privacy">Datenschutz</a>
|
||||
<a href="#" data-i18n="terms">Mietbedingungen</a>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@@ -350,6 +356,8 @@
|
||||
<div class="dialog-body" id="dialogBody"></div>
|
||||
</dialog>
|
||||
|
||||
<div id="toast" class="toast" role="status" aria-live="polite" aria-atomic="true"></div>
|
||||
|
||||
<script type="module" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Mietbedingungen · MC Cars</title>
|
||||
<link rel="icon" type="image/png" href="/images/mc-cars-logo.png" />
|
||||
<link rel="apple-touch-icon" href="/images/mc-cars-logo.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<script>document.write('<scr'+'ipt src="config.js?v='+Date.now()+'"><\/scr'+'ipt>')</script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="shell">
|
||||
<a class="logo" href="/" aria-label="MC Cars Startseite">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</a>
|
||||
<button class="menu-toggle" aria-label="Menü">☰</button>
|
||||
<nav class="main-nav" aria-label="Hauptnavigation">
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#stimmen" data-i18n="navReviews">Stimmen</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
<a class="btn small" href="/#buchen" data-i18n="bookNow">Jetzt buchen</a>
|
||||
<button class="lang-toggle" type="button" aria-label="Sprache wechseln">EN</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main style="padding: 3rem 0;">
|
||||
<div class="shell">
|
||||
<h1>Mietbedingungen</h1>
|
||||
<div style="max-width: 65ch; line-height: 1.7; color: var(--text);">
|
||||
<p style="color: var(--muted); font-style: italic;">
|
||||
Diese Seite wird in Kürze mit den vollständigen Mietbedingungen aktualisiert.
|
||||
</p>
|
||||
<p>
|
||||
Die Mietbedingungen regeln die Nutzung der Mietfahrzeuge, Zahlungsbedingungen, Haftung und Versicherung.
|
||||
</p>
|
||||
<p>
|
||||
Bitte wenden Sie sich an hello@mccars.at für weitere Informationen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer" id="kontakt">
|
||||
<div class="shell">
|
||||
<div class="footer-grid">
|
||||
<div>
|
||||
<div class="logo" style="margin-bottom:0.8rem;">
|
||||
<img class="logo-icon" src="/images/mc-cars-logo.png" alt="MC Cars Logo" onerror="this.style.display='none'" />
|
||||
<span>MC Cars</span>
|
||||
</div>
|
||||
<p style="color:var(--muted);font-size:0.9rem;max-width:40ch;" data-i18n="footerTagline">Sportwagenvermietung in Österreich. Standort: Steiermark (TBD).</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerNav">Navigation</h4>
|
||||
<a href="/" data-i18n="navCars">Fahrzeuge</a>
|
||||
<a href="/#warum" data-i18n="navWhy">Warum wir</a>
|
||||
<a href="/#buchen" data-i18n="navBook">Buchen</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerLegal">Rechtliches</h4>
|
||||
<a href="/impressum" data-i18n="imprint">Impressum</a>
|
||||
<a href="/agb" data-i18n="terms">AGB</a>
|
||||
<a href="/mietbedingungen" data-i18n="rentalTerms">Mietbedingungen</a>
|
||||
<a href="/datenschutz" data-i18n="privacy">Datenschutz</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 data-i18n="footerContact">Kontakt</h4>
|
||||
<a href="mailto:hello@mccars.at">hello@mccars.at</a>
|
||||
<a href="tel:+43316880000">+43 316 880000</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<span>© <span id="year"></span> MC Cars. <span data-i18n="copyright">Alle Rechte vorbehalten.</span></span>
|
||||
<span>Made in Steiermark</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+2
-1
@@ -10,7 +10,8 @@ server {
|
||||
location ~* \.html$ { add_header Cache-Control "no-store"; try_files $uri =404; }
|
||||
|
||||
location / {
|
||||
try_files $uri $uri/ /index.html;
|
||||
# Try files with or without .html, then fallback to index
|
||||
try_files $uri $uri.html $uri/ /index.html;
|
||||
}
|
||||
|
||||
# Static assets: images/fonts can be cached, JS/CSS must revalidate.
|
||||
|
||||
@@ -97,6 +97,20 @@ section { padding: 5rem 0; }
|
||||
}
|
||||
.logo:hover { opacity: 0.85; }
|
||||
|
||||
.logo-icon {
|
||||
width: 2.3rem;
|
||||
height: 2.3rem;
|
||||
border-radius: 10px;
|
||||
object-fit: cover;
|
||||
box-shadow: 0 4px 12px rgba(196, 138, 66, 0.35);
|
||||
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.logo:hover .logo-icon {
|
||||
transform: scale(1.04);
|
||||
box-shadow: 0 6px 16px rgba(196, 138, 66, 0.55);
|
||||
}
|
||||
|
||||
.logo-mark {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
@@ -760,6 +774,10 @@ select:focus, input:focus, textarea:focus {
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.footer-grid > div > a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
border-top: 1px solid var(--line);
|
||||
padding-top: 1.8rem;
|
||||
@@ -772,6 +790,30 @@ select:focus, input:focus, textarea:focus {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
/* ----------------Toast Notification --------------- */
|
||||
.toast {
|
||||
position: fixed;
|
||||
bottom: 2rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(200px);
|
||||
background: var(--accent);
|
||||
color: var(--bg-base);
|
||||
padding: 1rem 2rem;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
|
||||
font-size: 0.95rem;
|
||||
text-align: center;
|
||||
max-width: 90%;
|
||||
z-index: 9999;
|
||||
transition: transform 0.3s ease;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.toast.show {
|
||||
transform: translateX(-50%) translateY(0);
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/* ---------------- Dialog ---------------- */
|
||||
dialog {
|
||||
width: min(700px, 92vw);
|
||||
|
||||
Reference in New Issue
Block a user