<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Name Generator</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { padding: 2em; font-family: sans-serif; text-align: center; } h1 { font-size: 2em; margin: 0.5em 0; } h2 { font-size: 1.5em; margin: 0.5em 0; } button { font-size: 1.5em; margin: 0.5em 0; } canvas { margin: 0.5em 0; } </style> </head> <body> <h1>Name Generator</h1> <button id="generate">Call upon a new hero</button> <h2 id="name"></h2> <canvas id="canvas" width="500" height="50"></canvas> <script src="app.js"></script> </body> </html>