<header class="navbar">
	<section class="navbar-section">
	  <a href="#" class="btn btn-link">Docs</a>
	  <a href="#" class="btn btn-link">Examples</a>
	</section>
	<div class="navbar-center"><img src="/favicon.png" style="height:4rem;" alt="Spectre.css"></div>
	<section class="navbar-section">
	  <a href="#" class="btn btn-link">Twitter</a>
	  <a href="#" class="btn btn-link">GitHub</a>
	</section>
  </header>
<main>
	<div class="hero hero-sm bg-dark">
		<div class="hero-body">
			<h1><img src="/favicon.png" alt="Logo" style="height: 5rem;vertical-align: middle;"><span style="vertical-align: middle;">LfK!Scan</span></h1>
			<p>Lauf für Kaya! Scanstation</p>
		</div>
	</div>
	<div style="padding:1rem;">
		<div class="column col-12">
			<h3>Configure Scanstation <a target="_blank" href="https://docs.lauf-fuer-kaya.de/"><small class="label">📃 take a look at the configuration guide</small></a></h3>
		</div>
		<div class="column col-6 col-xs-12">
		  <div class="form-group">
			<label class="form-label" for="input-example-1">Token</label>
			<input class="form-input" id="input-example-1" type="text" placeholder="Token">
		  </div>
		  <button class="btn btn-primary input-group-btn btn-lg">Submit</button>
		</div>
	  </div>
</main>