diff --git a/src/pages/shopify-app-stack-kill-or-keep-auditor.astro b/src/pages/shopify-app-stack-kill-or-keep-auditor.astro index 5f84690..65aa5ef 100644 --- a/src/pages/shopify-app-stack-kill-or-keep-auditor.astro +++ b/src/pages/shopify-app-stack-kill-or-keep-auditor.astro @@ -389,18 +389,45 @@ const tocHeadings = [ document.getElementById('app-free').textContent = '£' + freeTotal.toLocaleString() + '/mo'; document.getElementById('app-annual').textContent = '£' + (freeTotal * 12).toLocaleString() + '/yr'; - let killHTML = ''; + const killListContainer = document.getElementById('app-kill-list'); + killListContainer.textContent = ''; + if (killItems.length) { - killHTML = '
YOUR_KILL_LIST
'; + const header = document.createElement('div'); + header.setAttribute('style', 'font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#6b7671;margin-bottom:12px;'); + header.textContent = 'YOUR_KILL_LIST'; + killListContainer.appendChild(header); + killItems.forEach(item => { - killHTML += '
'; - killHTML += '
' + item.name.split('(')[0].trim() + '
'; - killHTML += '
Replace with: ' + item.replace + '
'; - if (item.link) killHTML += 'SET UP FREE →'; - killHTML += '
'; + const itemContainer = document.createElement('div'); + itemContainer.setAttribute('style', 'display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid rgba(52,211,119,.2);background:rgba(52,211,119,.04);margin-bottom:6px;gap:12px;'); + + const textWrapper = document.createElement('div'); + + const titleDiv = document.createElement('div'); + titleDiv.setAttribute('style', 'font-size:11px;font-weight:700;color:#fff;'); + titleDiv.textContent = item.name.split('(')[0].trim(); + + const replaceDiv = document.createElement('div'); + replaceDiv.setAttribute('style', 'font-size:10px;color:#6b7671;'); + replaceDiv.textContent = 'Replace with: ' + item.replace; + + textWrapper.appendChild(titleDiv); + textWrapper.appendChild(replaceDiv); + itemContainer.appendChild(textWrapper); + + if (item.link) { + const linkEl = document.createElement('a'); + linkEl.setAttribute('href', item.link); + linkEl.setAttribute('style', 'font-size:10px;font-weight:700;letter-spacing:.08em;color:#34d377;text-decoration:none;white-space:nowrap;border:1px solid rgba(52,211,119,.3);padding:6px 12px;'); + linkEl.textContent = 'SET UP FREE →'; + itemContainer.appendChild(linkEl); + } + + killListContainer.appendChild(itemContainer); }); } - document.getElementById('app-kill-list').innerHTML = killHTML; + document.getElementById('app-result').classList.add('show'); }