Spaces:
Sleeping
Sleeping
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>首都当てクイズ</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-color: #f0f0f0; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| h1 { | |
| color: #333; | |
| text-align: center; | |
| } | |
| form { | |
| text-align: center; | |
| } | |
| input[type="text"] { | |
| padding: 5px; | |
| margin-top: 10px; | |
| width: 200px; | |
| border: 1px solid #ccc; | |
| border-radius: 5px; | |
| } | |
| input[type="submit"] { | |
| padding: 8px 20px; | |
| margin-top: 10px; | |
| background-color: #007bff; | |
| color: #fff; | |
| border: none; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| } | |
| input[type="submit"]:hover { | |
| background-color: #0056b3; | |
| } | |
| p { | |
| color: #666; | |
| text-align: center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>{{ element }}の首都は?</h1> | |
| <form method="POST"> | |
| <label>答え: <input type="text" name="user_input"></label> | |
| <br> | |
| <input type="submit" value="回答"> | |
| </form> | |
| {% if result %} | |
| <p>{{ result }}</p> | |
| <form method="POST" action="/next_capital"> | |
| <input type="submit" value="次の問題"> | |
| </form> | |
| {% endif %} | |
| </body> | |
| </html> | |