|
Tags: Replaced Manual revert |
| Line 5: |
Line 5: |
| |format=timeline | | |format=timeline |
| }} | | }} |
| <!DOCTYPE html>
| |
| <html>
| |
| <head>
| |
| <title>Add Timeline Event</title>
| |
| <style>
| |
| body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; }
| |
| form { display: grid; gap: 15px; }
| |
| label { font-weight: bold; }
| |
| input, select, textarea { width: 100%; padding: 8px; }
| |
| button { background: #3498db; color: white; border: none; padding: 10px; cursor: pointer; }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <h1>Add New Timeline Event</h1>
| |
| <form id="eventForm">
| |
| <div>
| |
| <label for="clan">Clan:</label>
| |
| <select id="clan" required>
| |
| <option value="TC">ThunderClan</option>
| |
| <option value="RC">RiverClan</option>
| |
| <option value="WC">WindClan</option>
| |
| <option value="SC">ShadowClan</option>
| |
| <option value="CL">Clanless</option>
| |
| <option value="ALL">All Clans</option>
| |
| </select>
| |
| </div>
| |
|
| |
| <div>
| |
| <label for="moon">Moons from Start:</label>
| |
| <input type="number" id="moon" required placeholder="e.g., -256 for pre-start events">
| |
| </div>
| |
|
| |
| <div>
| |
| <label for="title">Event Title:</label>
| |
| <input type="text" id="title" required placeholder="e.g., 'Battle of Sunningrocks'">
| |
| </div>
| |
|
| |
| <div>
| |
| <label for="details">Event Details:</label>
| |
| <textarea id="details" rows="4"></textarea>
| |
| </div>
| |
|
| |
| <button type="submit">Add Event</button>
| |
| </form>
| |
|
| |
| <div id="message" style="margin-top: 20px;"></div>
| |
|
| |
| <script src="form_handler.js"></script>
| |
| </body>
| |
| </html>
| |