topic

 Prompt:

Build me a fully functional, fun, multi-page HTML/CSS/JS website titled "Excuse & Abuse". The site should contain:

🌐 Pages:

1. Homepage (index.html)

   • Title: “Excuse & Abuse – The Ultimate Fun Tool Hub”

   • Description: A viral toolbox of useless but hilarious internet tools.

   • Buttons linking to:

     • Excuse Generator (/excuse.html)

     • Roast Generator (/roast.html)

     • IQ, Rizz & Toxicity Quiz (/quiz.html)

   • Placeholders for Adsterra banner ads (header + footer)

2. Excuse Generator Page

   • Dropdowns for:

     • Scenario: [School, Work, Family, Dating, Random]

     • Tone: [Funny, Serious, Savage, Emotional]

   • "Generate Excuse" button

   • Output box with:

     • Copy to clipboard

     • Share on WhatsApp button

   • Random excuses are generated based on scenario + tone.

   • Inject native ad placeholders (top + middle of page)

3. Roast Generator Page

   • Single "Roast Me" button

   • Output savage/funny roast lines

   • Optional “Roast Level” slider: Mild, Medium, Savage

   • Copy + share buttons

   • Ad slot under every 2nd roast

4. IQ, Rizz, Toxicity Test Page

   • Fun multi-step quiz:

     • 3–5 funny, quirky questions

   • Calculate random but funny results:

     • IQ: 80–160

     • Rizz: 0–100

     • Toxicity: 0–100

   • Display all 3 scores with progress bars

   • Include buttons to retake quiz, share score

   • Place ads near result display

💻 Requirements:

• Use clean HTML/CSS and vanilla JS

• Responsive on mobile and desktop

• No external libraries required

• Include example placeholder ads using <div class="adsterra-ad"></div>

• All code should be inside one HTML file for each page

⚠️ Do NOT give download links. Just provide the entire code in chat.
Label each page clearly (index.html, excuse.html, etc.)