74 lines
2.5 KiB
HTML
74 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Create Election</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #1a1a1a;
|
|
color: #9f9f9f;
|
|
}
|
|
.container {
|
|
width: 25em;
|
|
margin: 3.125em auto;
|
|
padding: 1.25em;
|
|
background-color: #2b2b2b;
|
|
border-radius: 0.3125em;
|
|
box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.1);
|
|
}
|
|
h2 {
|
|
text-align: center;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
input[type="text"],
|
|
input[type="datetime-local"],
|
|
textarea,
|
|
input[type="submit"] {
|
|
width: 100%;
|
|
padding: 0.625em;
|
|
margin-bottom: 0.625em;
|
|
border: 0.0125em solid #868686;
|
|
border-radius: 0.3125em;
|
|
box-sizing: border-box;
|
|
background-color: #2b2b2b;
|
|
color: #9f9f9f;
|
|
}
|
|
textarea {
|
|
height: 6.25em;
|
|
background-color: #2b2b2b;
|
|
color: #9f9f9f;
|
|
}
|
|
input[type="submit"] {
|
|
background-color: #1a75ff; /* Darker blue */
|
|
color: white;
|
|
cursor: pointer;
|
|
border: 0px;
|
|
}
|
|
input[type="submit"]:hover {
|
|
background-color: #145cbf; /* Even darker blue */
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h2>Create Election</h2>
|
|
<form id="electionForm" action="/elections/create" method="POST">
|
|
<label for="name">Name:</label>
|
|
<input type="text" id="name" name="name" placeholder="Enter election name" required>
|
|
<label for="description">Description:</label>
|
|
<textarea id="description" name="description" placeholder="Enter election description" required></textarea>
|
|
<label for="start_date">Start Date:</label>
|
|
<input type="datetime-local" id="start_date" name="start_date" required>
|
|
<label for="end_date">End Date:</label>
|
|
<input type="datetime-local" id="end_date" name="end_date" required>
|
|
<label for="namespace">Namespace:</label>
|
|
<input type="text" id="namespace" name="namespace" placeholder="Enter namespace" required>
|
|
<!-- Additional fields for election items can be added here -->
|
|
<input type="submit" value="Create Election">
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |