<html>
	<head>
		<script src="/vendor/jquery.min.js"></script>
		<script src="script.js"></script>
		<link rel="stylesheet" href="style.css">
	</head>
	<body onload="pageload(), checkConnection(), applySettings('plug')" onhashchange="pageload()">
		<div class="main">
			<div class="navigation">
				<div class="navigation-header" onclick="secondaryNavigation('open','plug-select')">
				  Steckerauswahl
				  <div>Wird geladen...</div>
				</div>
				<div id="index" id="start" onclick="window.location.href='#index'; pageload();"><img src="/vendor/icons/electric-plug-icon.svg" />Federleiste prüfen</div>
				<div id="cable-check" onclick="window.location.href='#cable-check'; pageload();"><img src="/vendor/icons/fiber-cable-icon.svg" />Spurkabel prüfen</div>
				<div id="index" class="navigation-footer">
				  <div class="connection-indicator unknown"></div>Verbinde...<br>
				  <img class="infrago-logo" src="/vendor/DB_InfraGo_logo_red_black_100px_rgb.svg" width="100%" />
				</div>
			</div>
			<div class="navigation secondary" id="navigation-secondary">
			
			  
			
			</div>
			<div id="message-box" style="display: none;position: absolute; bottom: 10px; left: 260px; right: 10px; background-color:grey;height:auto;padding:20px;box-sizing:border-box;transform: translateY(calc(100% + 5px));transition-duration:.5s;    border-radius: 10px;background-color: #d2d2d2;z-index: 502;"></div>
			<div class="content" id="content">
				
			</div>
		</div>
	</body>
</html>
