cff-displays/index.html

58 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SBB - CFF - FFS</title>
<link rel="stylesheet" href="index.css">
<script type="text/javascript" src="config.js"></script>
</head>
<body>
<div id="waggon-template" class="waggon template">
<div class="number"></div>
<div class="outline">
<div class="class"></div>
<div class="services"></div>
</div>
</div>
<form id="search">
<input type="text" id="search-input" placeholder="Station...">
<button id="search-btn">Search</button>
</form>
<div id="stations"></div>
<div id="station">
<h1 class="name">St-Maurice</h1>
<div class="field">
<label for="platforms">Platform</label>
<div class="select-wrapper">
<select id="platforms"></select>
<span class="select-arrow"></span>
</div>
</div>
<button id="refresh"></button>
</div>
<div id="grid">
<div id="type-time">
<img id="train-type" src="icons/ic-61.svg" alt="InterCity 61">
<div id="departure">08:56</div>
</div>
<div id="destination">Interlaken Ost</div>
<div id="stops">
<div class="stop">Liestal</div>
<div class="stop">Olten</div>
<div class="stop">Bern</div>
<div class="stop">Spiez</div>
</div>
<div id="composition">
<div id="sectors">
<div class="sector">A</div>
<div class="sector">B</div>
<div class="sector">C</div>
<div class="sector">D</div>
</div>
<div id="carriages"></div>
</div>
</div>
<script type="text/javascript" src="index.js"></script>
</body>
</html>