60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
<script type="module" src="traveldrafter.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="menu">
|
|
<div id="journeys-search-button">Search journeys</div>
|
|
</div>
|
|
|
|
<div id="drafting-board">
|
|
<div id="drafting-board-content">
|
|
<div class="station-name" style="grid-column: 1 / 4; grid-row: 1;">Göttingen</div>
|
|
<div class="station-column" style="grid-column: 2 / 3; grid-row: 2 / 5;"></div>
|
|
<div class="station-name" style="grid-column: 4 / 7; grid-row: 1;">Fulda</div>
|
|
<div class="station-column" style="grid-column: 5 / 6; grid-row: 2 / 5;"></div>
|
|
<div class="trip-left" style="grid-column: 1 / 2; grid-row: 2;">16:45 Uhr<br/>Gleis 7</div>
|
|
<div class="trip" style="grid-column: 3 / 5; grid-row: 2;">ICE 1337</div>
|
|
<div class="trip-right" style="grid-column: 6 / 7; grid-row: 2;">18:05 Uhr</br>Gleis 3</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div id="journeys-search" class="popup">
|
|
<div class="popup-close">×</div>
|
|
<div id="journeys-search-content" class="popup-content">
|
|
<div class="container">
|
|
<input id="journey-search-from" class="form-control" type="text" placeholder="From" readonly/>
|
|
<input id="journey-search-to" class="form-control" type="text" placeholder="To" readonly/>
|
|
<div id="journey-search-submit">Search</div>
|
|
<div id="journey-search-result"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="locations-search" class="popup">
|
|
<div class="popup-close">×</div>
|
|
<div id="locations-search-content" class="popup-content">
|
|
<div class="container">
|
|
<input id="locations-search-query" class="form-control" type="text" />
|
|
<div id="locations-search-response"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="trip-details" class="popup">
|
|
<div class="popup-close">×</div>
|
|
<div id="trip-details-content" class="popup-content">
|
|
<div class="container">
|
|
<div id="trip-details-response"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|