diff --git a/public/widget/custom/od8n.css b/public/widget/custom/od8n.css new file mode 100644 index 0000000..4a57d4f --- /dev/null +++ b/public/widget/custom/od8n.css @@ -0,0 +1,80 @@ + +/* Headline above the wizard */ +.wizard-headline { + text-align: center; + font-size: 24px; + font-weight: bold; + padding: 20px 0; + background-color: #f8f9f9; + color: #2c3e50; + border-bottom: 2px solid #ddd; +} + +/* Main wizard container */ +.wizard { + display: flex; + justify-content: space-between; + list-style: none; + padding: 0; + margin: 0; + width: 100%; + background-color: #e0e0e0; +} + +/* Each step box */ +.wizard li { + flex: 1; + display: flex; + flex-direction: column; + border-right: 2px solid #fff; + color: white; + box-sizing: border-box; +} + +.wizard li:last-child { + border-right: none; +} + +/* Header inside each box (icon + label) */ +.wizard .header { + display: flex; + justify-content: center; + align-items: center; + gap: 8px; + padding: 10px; + font-weight: bold; + font-size: 16px; + text-align: center; +} + +/* Detail text area inside the box */ +.wizard .text { + padding: 20px 10px; + text-align: center; + font-size: 14px; + flex-grow: 1; +} + +/* DARK GREY: Open */ +.wizard li.open { + background-color: #7f8c8d; +} + +.wizard li.open .header { + background-color: #5d6d7e; +} + +/* DARK GREEN: Done */ +.wizard li.done { + background-color: #1e8449; +} + +.wizard li.done .header { + background-color: #145a32; +} + +/* Icon style */ +.wizard i { + font-size: 18px; +} + diff --git a/public/widget/widget.js b/public/widget/widget.js index 70deb78..ba066f0 100644 --- a/public/widget/widget.js +++ b/public/widget/widget.js @@ -1,10 +1,5 @@ document.addEventListener('DOMContentLoaded', async () => { try { - const id = window.location.hostname || "localhost"; - console.log("Detected domain ID:", id); - - const configUrl = `https://od8n.com/widget/custom/${id}.json`; - console.log(configUrl); const response = await fetch(configUrl); if (!response.ok) throw new Error(`Config not found at ${configUrl}`);