90 lines
2.2 KiB
HTML
90 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>iRacing - Race Options</title>
|
|
<link rel="stylesheet" href="common.css">
|
|
</head>
|
|
<body data-step="16">
|
|
|
|
<header class="header">
|
|
<div class="step-indicator" data-indicator="race-options">
|
|
<span>Step</span>
|
|
<span class="current">16</span>
|
|
<span>of 18</span>
|
|
<span>—</span>
|
|
<span>Race Options</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
<h1 class="page-title">Race Options</h1>
|
|
|
|
<form id="race-options-form">
|
|
<div class="form-group">
|
|
<label class="form-label" for="maxDrivers">Maximum Drivers</label>
|
|
<input
|
|
type="number"
|
|
id="maxDrivers"
|
|
class="form-input"
|
|
data-field="maxDrivers"
|
|
value="32"
|
|
min="1"
|
|
max="60"
|
|
/>
|
|
</div>
|
|
|
|
<div class="toggle-group">
|
|
<input
|
|
type="checkbox"
|
|
id="rollingStart"
|
|
class="toggle-input"
|
|
data-toggle="rollingStart"
|
|
/>
|
|
<label class="toggle-label" for="rollingStart">Rolling start</label>
|
|
</div>
|
|
|
|
<div class="toggle-group">
|
|
<input
|
|
type="checkbox"
|
|
id="fullCourseCautions"
|
|
class="toggle-input"
|
|
data-toggle="fullCourseCautions"
|
|
/>
|
|
<label class="toggle-label" for="fullCourseCautions">Full course cautions</label>
|
|
</div>
|
|
|
|
<div class="toggle-group">
|
|
<input
|
|
type="checkbox"
|
|
id="fastRepairs"
|
|
class="toggle-input"
|
|
data-toggle="fastRepairs"
|
|
/>
|
|
<label class="toggle-label" for="fastRepairs">Fast repairs</label>
|
|
</div>
|
|
</form>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<button
|
|
type="button"
|
|
class="btn btn-secondary"
|
|
data-action="back"
|
|
onclick="window.location.href='step-15-time-of-day.html'"
|
|
>
|
|
Back
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn btn-primary"
|
|
data-action="next"
|
|
onclick="window.location.href='step-17-race-options.html'"
|
|
>
|
|
Next
|
|
</button>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |