Invalid JSON: Unexpected token '<', "<!doctype "... is not valid JSON
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Operator Warlock Numerology</title> | |
| <style> | |
| body { background: #111; color: #eee; font-family: sans-serif; padding: 2rem; } | |
| h1 { font-size: 2rem; margin-bottom: 1rem; } | |
| .grade { padding: 1rem; margin-bottom: 1rem; background: #222; border-radius: 6px; } | |
| .grade h2 { margin: 0 0 .5rem 0; } | |
| .grade p { margin: .2rem 0; } | |
| .stars, .money { font-size: 1.2rem; } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>🎩 Hail, Seeker of the Arcane Digits.</h1> | |
| <div id="grades"></div> | |
| <script> | |
| // ——— All-in-One Config & Renderer ——— | |
| const config = { | |
| avatar: { | |
| greeting: "🎩 Hail, Seeker of the Arcane Digits. Welcome to the Luminous Nexus of Numeros." | |
| }, | |
| revenueGrades: [ | |
| {"grade":"A","label":"Wild Warlock","DAU":150000,"conversionRate":0.15,"subscribers":22500,"ARPU_monthly":10,"annualRevenue":28800000,"stars":5,"moneyStacks":5}, | |
| {"grade":"B","label":"Operator Prime","DAU":75000,"conversionRate":0.10,"subscribers":7500,"ARPU_monthly":7,"annualRevenue":7200000,"stars":4,"moneyStacks":4}, | |
| {"grade":"C","label":"Sigil Starter","DAU":25000,"conversionRate":0.05,"subscribers":1250,"ARPU_monthly":5,"annualRevenue":900000,"stars":3,"moneyStacks":3}, | |
| {"grade":"D","label":"Rookie Rune","DAU":10000,"conversionRate":0.03,"subscribers":300,"ARPU_monthly":3,"annualRevenue":108000,"stars":1,"moneyStacks":1} | |
| ] | |
| }; | |
| const container = document.getElementById('grades'); | |
| config.revenueGrades.forEach(g => { | |
| const div = document.createElement('div'); | |
| div.className = 'grade'; | |
| div.innerHTML = \` | |
| <h2>\${g.grade} — \${g.label}</h2> | |
| <p>📈 DAU: \${g.DAU.toLocaleString()}</p> | |
| <p>🔄 Conversion: \${(g.conversionRate * 100).toFixed(1)}%</p> | |
| <p>👥 Subs: \${g.subscribers.toLocaleString()}</p> | |
| <p>💵 ARPU: $\${g.ARPU_monthly}/mo</p> | |
| <p>💰 Annual: $\${g.annualRevenue.toLocaleString()}</p> | |
| <p class="stars">\${'⭐'.repeat(g.stars)}</p> | |
| <p class="money">\${'💰'.repeat(g.moneyStacks)}</p> | |
| \`; | |
| container.appendChild(div); | |
| }); | |
| </script> | |
| </body> | |
| </html> |