Timeline-test: Difference between revisions
From Beyond the Pale
No edit summary |
No edit summary Tag: Reverted |
||
| 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> | |||
Revision as of 07:08, 25 July 2025
<!DOCTYPE html>