Teascade.net/index.html

110 lines
5.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all">
<meta name="description" content="Game dev, artist and a philosopher featuring very bad jokes.">
<meta charset="utf-8">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | about">
<meta property="og:site_name" content="Teascade">
<meta name="title" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="Game dev, artist and a philosopher featuring very bad jokes.">
<meta property="og:image" content="http://teasca.de/favicon.png">
<meta property="og:image:secure_url" content="http://teasca.de/favicon.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="512">
<meta property="og:image:height" content="512">
<meta name="twitter:site" content="@teascade">
<meta name="twitter:creator" content="@teascade">
<meta name="twitter:title" content="Teascade | about">
<meta name="twitter:description" content="Game dev, artist and a philosopher featuring very bad jokes.">
<meta name="twitter:image" content="http://teasca.de/favicon.png">
<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>
<link rel="shortcut icon" href="favicon.png"></link>
<title>Teascade | about</title>
</head>
<body onload="main('about')">
<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 class="active"><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" >
<h1>Teascade</h1>
<p>I'm a boring person, but in a desperate attempt to make you interested in me, I'm going to to tell you a few things I am;</p>
<ul>
<li>Game dev</li>
<li>Artist</li>
<li>Philosopher</li>
</ul>
<p>And a few things I am not;</p>
<ul>
<li><em>A normal person</em></li>
</ul>
<p>Assuming I've <em>totally</em> caught your interest (for now at least), how about you check out <a class="js-link" href="/games">my games</a>,
<a class="js-link" href="/blog">my blog</a>, and if you want to get <strong>really</strong> invested, you should check out some of the
following things:</p>
<ul>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://twitter.com/teascade">Twitter (@Teascade)</a></li>
<li><a href="https://reddit.com/u/teascade">Reddit (not very active, /u/teascade)</a></li>
</ul>
<p>And if you have a really desperate urge to contact me, you may try to email me at <a href="mailto:teascade@gmail.com">teascade@gmail.com</a></p>
</div>
<div id="games" class="hiddenarea" >
<h1>Games</h1>
<p>I have a tonne of games none of which are released! You can check some of them from my <a href="https://github.com/teascade">github</a>.<br>
Once I release them I'll make sure to post them here and on <a href="https://teascade.itch.io">my itch.io</a>!</p>
<h2><a class="js-link" href="/saltosion">Saltosion</a></h2>
<p>I have this organization though (<a href="https://github.com/saltosion">See GitHub!</a>), which I
sometimes use when collaborating games with other people.<br>
The games made under this organization then are listed here (aswell with <a href="https://saltosion.itch.io">Saltosion's own itch.io</a>)</p>
<p><iframe class="itch-embedded" frameborder="0" src="https://itch.io/embed/94673?linkback=true&amp;bg_color=222&amp;fg_color=fff&amp;link_color=ff0091&amp;border_color=303030" width="552" height="167"></iframe></p>
</div>
<div id="blog" class="hiddenarea" >
<h1>Blog</h1>
<p>Welcome to my weird and messy blog!<br>
Also remember to check out my Twitter <a href="https://twitter.com/teascade">@Teascade</a></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="saltosion" class="hiddenarea" >
<h1>Saltosion</h1>
<p>Saltosion is an organization founded by me, <a class="js-link" href="/about">Teascade</a>
which I sometimes use, when collaborating with other devs and making
some art (and games sometimes)</p>
<p>Saltosion also has a <a href="https://github.com/saltosion">GitHub</a> and an <a href="https://saltosion.itch.io">Itch.io</a> so check them out!</p>
<p>Here's also all the games made by Saltosion!</p>
<p><iframe class="itch-embedded" frameborder="0" src="https://itch.io/embed/94673?linkback=true&amp;bg_color=222&amp;fg_color=fff&amp;link_color=ff0091&amp;border_color=303030" width="552" height="167"></iframe>
By <a class="js-link" href="/about">Teascade</a> and <a href="https://revolverpunk.itch.io">Revolverpunk</a></p>
</div>
<div id="blogtext" class="hiddenarea" >
<noscript>
<p>Oh sorry, it looks like someone sent you a link to a blogtext (or something), but you don't have javascript enabled!</p>
<p>Sorry to be the one to break the bad news for you, but we don't take javascript-absolutists kindly this 'round 'o town. So if you could kindly just press that "About" button and forget this ever happened, yeah?</p>
</noscript>
</div>
</div>
</div>
</body>
</html>