<html>
<head>
<link rel="stylesheet" href="/css/main.css">
<script type="text/javascript" src="/blogposts/blogposts.json"></script>
<script type="text/javascript" src="/js/main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onload="main('blogtext')">
<div class="cont">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="stuffarea">
<ul class="navbar">
<a href="/" id="about-link"><li><div class="button">About</div></li></a>
<a href="/games" id="games-link"><li><div class="button">Games</div></li></a>
<a href="/blog" id="blog-link"><li><div class="button">Blog</div></li></a>
</ul>
<div id="about" class="hiddenarea" >
<h1>Teascade</h1>
<p>Teascade about file!<br>
This is a random link: <a href="http://google.fi">link</a></p>
</div>
<div id="games" class="hiddenarea" >
<h1>Games</h1>
<p>Here I'm going to list all my games from my <a href="https://teascade.itch.io">itch.io</a></p>
</div>
<div id="blog" class="hiddenarea" >
<h1>Blog</h1>
<p>Welcome to my weird and messy blog!</p>
<noscript><p>
I'm awfully sorry though, I tried my best, but I couldn't implement a blog system
without it taking a butt-load of space and files while being Non-Javascript friendly.
<p>So this means no blogs for you, M. No-Javascript!</p>
</p></noscript>
</div>
<div id="blogtext" >
</div>
</div>
</div>
</body>
</html>