<template>
	<div id="app">
		<p>WIP website, for further information ask Ecconia in the discord.</p>
		<h2>Possibly new website for the RedstoneServer</h2>
		<div class="menu">
			<h4>Menu:</h4>
			<ul>
				<li><router-link class="rl" to="/">Startpage</router-link></li>
				<li><router-link class="rl" to="/applications">Applications</router-link></li>
				<li><router-link class="rl" to="/devblog">Development Blog</router-link></li>
			</ul>
		</div>
		<div class="content">
			<router-view/>
		</div>
		<router-link to="/impressum">Impressum</router-link>
	</div>
</template>

<style>
	body {
		font-family: sans-serif;
		background-color: #111;
		color: #aaa;
		margin: 0;
	}

	body a:link {
		color: #ddd;
	}

	body a:visited {
		color: #666;
	}
</style>

<style scoped>
	.menu h4 {
		margin: 0;
		padding: 0.2em 0.4em 0.2em 0.4em;
	}

	.menu {
		background-color: #222;
		display: inline-block;
	}

	.menu ul {
		margin: 0;
		list-style-type: none;
		padding: 0;
	}

	.menu li {
		color: #aaa;
		padding: 0.4em 0.8em 0.4em 0.8em;
		border-top: solid 1px;
	}

	.menu li .rl {
		color: #aaa;
	}

	.menu a {
		text-decoration: none;
	}

	.content {
		margin-left: 8px;
		margin-right: 8px;
	}
</style>