Update website to new generator

This commit is contained in:
Sofia 2018-04-20 05:44:15 +03:00
parent 2982a57c29
commit ebffbee0ca
128 changed files with 2392 additions and 1615 deletions

4
.gitignore vendored
View File

@ -1,4 +0,0 @@
.sass-cache
terminal/.git
terminal/.sass-cache
terminal/.gitignore

View File

1
CNAME
View File

@ -1 +0,0 @@
teasca.de

View File

@ -1,31 +0,0 @@
[Teasca.de](https://teasca.de/)
===============================
My website, shown on [teasca.de](https://teasca.de/), is a piece of open souce.
It is a piece of art, which consists of markdown files (found in [src](/src))
which are then built into static webpages using python 3.
Building?
---------
Yes, you need to build this website in order for it to be up to date to the markdowns.
For that you need a few dependencies:
- Python 3.x
- Markdown (available via python PIP)
Now if you have them installed, simply run `python build.py` and it should build itself.
AFter this you can preview the page via `index.html`
Copying?
--------
As far as I'm concerned you can use this for educational purposes all you want
(and you can, if you want to, even take my whole build and just make your own website using my buildscript,
but do change the CSS and the actual content.
So shortly, I know this will sound harsh, but my website is licensed under..
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" /></a><br />
**but** worry not! Like I said, you can use my buildscript (build.py) as you like so it's instead licensed under
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />

View File

@ -1,113 +0,0 @@
<!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 | blog">
<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 | blog">
<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 | blog</title>
</head>
<body onload="main('blog')">
<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="#" id="blog-link"><li class="active"><div class="button">Blog</div></li></a>
</ul>
<div id="about" class="hiddenarea" >
<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://git.teasca.de/teascade">Selfhosted Git</a></li>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://cybergay.space/users/teascade">Mastodon (@Teascade@cybergay.space)</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>
<p><em>(By the way, don't get tooo attached to these sites, I intend to rework my websites some day)</em></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://git.teasca.de/teascade">selfhosted git</a> (Or <a href="https://github.com/teascade">GitHub</a> if you're sceptical).<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" >
<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://git.teasca.de/saltosion">Selfhosted Git</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></p>
<p>By <a class="js-link" href="/about">Teascade</a> and <a href="https://neon.moe/">Excitedneon</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>

View File

@ -1,2 +0,0 @@
<h1>First blogpost!</h1>
<p>Test! This is just a test blogpost!</p>

View File

@ -1,4 +0,0 @@
<h1>The Creation</h1>
<p>The Blog was created, but not yet quite ready, the blog still needs some editing before given to publicity, but soon you will see it!</p>
<p>Today Allexits Magical Modpack was released to publicity ( <a href="https://blog.allex.it/allexits-magical-pack">click here</a> ) and is built up from LOTS and LOTS of mods!
it will soon be updated too quite a lot of times for reasons such as it does not support custom launcher nor easy installation yet..</p>

View File

@ -1,6 +0,0 @@
<h1>January update</h1>
<p>so, I kinda forgot about the thing where I was supposed to post a post every week, but once every month is good too.. right …? Yeah I admit I screwed up, but Ill make it up to you, I started to learn <a href="http://jmonkeyengine.org">jMonkeyEngine</a> in the side of doing Solid Kingdom (still thinking another name for it), wishing I could once make a 3D game (lol).</p>
<p>I have this one idea Im going to make with jME, but Ill keep it a secret, Ill tell you guys if it catches on, but its supposed to be release ready about 1.4.14 (see already why?), but it can strech up to August, since thats when the <a href="http://www.assembly.org/">Summer Assembly</a> starts. Ill be sending the game to the game dev comp this year, hoping for some attention and just for fun.</p>
<hr>
<p>Later lookback on the post;</p>
<p>This post is one of the draft posts I started to make in this time, but somehow got lost, I finally found one. This wa ssupposed to be posted 12.1.2014, but anyways this project Im talking about here has been like priority #2 for quite a long time now, I havent forgotten it but I rather work on Solid Kingdom than this.</p>

View File

@ -1,5 +0,0 @@
<h1>Renovated grand opening</h1>
<p>Hello, so as many of you probably know, I havent posted in a remarkably long time. I can not answer your fervent question, weather its about to change or not, but Ive decided to take a complete new angle on this blog.</p>
<p>Now this blog is not just for my projects and programming stuff, but its for pretty much anything that I think of. Imagine twitter, but longer.</p>
<p>Ill now start posting again some updates about a few projects I might have etc. but along with that Ill be posting some rantings that might be philosophical, of public opinion, or some random criticism.</p>
<p>Till we meet again, have a jolly gay day.</p>

View File

@ -1 +0,0 @@
window.blogpostDataStr = '[ { "title": "First blogpost!", "source": "021116_2346_first.html", "time": 1478123391045 }, { "title": "How the “best years of my life” are quickly becoming the worst", "source": "060416_0000_bestyears.html", "time": 1459904400000 }, { "title": "The matrix is (uncertainly) real!", "source": "311015_0000_matrix.html", "time": 1440896400000 }, { "title": "Renovated grand opening", "source": "281016_0000_grand.html", "time": 1440723600000 }, { "title": "January update", "source": "230114_0000_january.html", "time": 1390442400001 }, { "title": "Updates updates..", "source": "230114_0000_updates.html", "time": 1390442400000 }, { "title": "Its been a long time, isnt it?", "source": "161213_0000_longtime.html", "time": 1387159200000 }, { "title": "Much going on", "source": "220913_0000_much.html", "time": 1379811600000 }, { "title": "My absence", "source": "160813_0000_absence.html", "time": 1376614800000 }, { "title": "My first meaningful post", "source": "060813_0000_meaningful.html", "time": 1375750800001 }, { "title": "The Creation", "source": "060813_0000_creation.html", "time": 1375750800000 }]';

View File

@ -1,113 +0,0 @@
<!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 | blogtext">
<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 | blogtext">
<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 | blogtext</title>
</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>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://git.teasca.de/teascade">Selfhosted Git</a></li>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://cybergay.space/users/teascade">Mastodon (@Teascade@cybergay.space)</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>
<p><em>(By the way, don't get tooo attached to these sites, I intend to rework my websites some day)</em></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://git.teasca.de/teascade">selfhosted git</a> (Or <a href="https://github.com/teascade">GitHub</a> if you're sceptical).<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://git.teasca.de/saltosion">Selfhosted Git</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></p>
<p>By <a class="js-link" href="/about">Teascade</a> and <a href="https://neon.moe/">Excitedneon</a></p>
</div>
<div id="blogtext" >
<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>

125
build.py
View File

@ -1,125 +0,0 @@
# -*- coding: utf-8 -*-
import markdown
import glob
import re
def generate_template():
content_file = open('src/template.html', 'r', encoding="utf-8")
content = content_file.read()
content_file.close()
md_list = glob.glob("src/*.md")
for md in md_list:
f = open(md, 'r', encoding="utf-8")
file_content = f.read()
f.close()
name = md[4:][:len(md)-7]
content = content.replace("$" + name + "_content$", markdown.markdown(file_content, output_format="html5"))
return content
def generate_page(template, page):
content = template.replace("$page$", page);
rel = {
"about": "/",
"games": "/games",
"blog": "/blog",
"saltosion": "/saltosion",
"blogtext": "/"
}
md_list = glob.glob("src/*.md")
md_list.append("blogtext")
for md in md_list:
md = md.replace("\\", "/")
name = md.split("src/")[-1].split(".md")[0]
if page != name:
content = content.replace("$relative_" + name + "$", rel[name])
content = content.replace("$" + name + "_class$", 'class="hiddenarea"')
content = content.replace("$" + name + "_btn_class$", '')
else:
content = content.replace("$relative_" + name + "$", "#")
content = content.replace("$" + name + "_class$", "")
content = content.replace("$" + name + "_btn_class$", 'class="active"')
return content;
def build_blogposts():
blogposts = glob.glob("src/blogposts/*.md")
for path in blogposts:
with open(path, "r", encoding="utf-8") as f:
with open(path.replace("src/blogposts", "blogposts").replace(".md", ".html"), "w+", encoding="utf-8") as f2:
f2.write(markdown.markdown(f.read(), output_format="html5"))
with open("src/blogposts/blogposts.json", "r", encoding="utf-8") as f:
with open("blogposts/blogposts.json", "w+", encoding="utf-8") as f2:
f2.write("window.blogpostDataStr = '" + f.read().replace("\n", "") + "';")
def apply_custom_markdown(markdown):
itch_embed_template = '<iframe class="itch-embedded" frameborder="0" src="https://itch.io/embed/$id$?linkback=true&amp;bg_color=222&amp;fg_color=fff&amp;link_color=ff0091&amp;border_color=303030" width="552" height="167"></iframe>'
regex = re.compile(r"\[itch\$[0-9]*\]")
while regex.search(markdown) is not None:
search = regex.search(markdown)
split = [markdown[:search.start()], markdown[search.end():]]
curr_id = int(markdown[(search.start() + 6):][:(search.end() - search.start() - 7)])
markdown = split[0] + itch_embed_template.replace("$id$", str(curr_id)) + split[1]
link_template = '<a class="js-link" href="$link$">$text$</a>'
regex = re.compile(r"\[[ -ö]*\]\$\([A-z0-9,./]*\)")
while regex.search(markdown, re.IGNORECASE) is not None:
search = regex.search(markdown)
split = [markdown[:search.start()], markdown[search.end():]]
parts = markdown[(search.start() + 1):][:(search.end() - search.start() - 2)].split("]$(")
markdown = split[0] + link_template.replace("$text$", parts[0]).replace("$link$", parts[1]) + split[1]
return markdown
def generate():
print("Building blogposts..")
build_blogposts()
print("Done!\n")
print("Generating template..")
template = generate_template()
print("Done!\n")
print("Applying custom markdown..")
template = apply_custom_markdown(template)
print("Done!\n")
print("Generating pages..")
with open('index.html', 'w+', encoding="utf-8") as f:
f.write(generate_page(template, "about"))
print(" About (index.html) done!")
with open('games/index.html', 'w+', encoding="utf-8") as f:
f.write(generate_page(template, "games"))
print(" Games done!")
with open('blog/index.html', 'w+', encoding="utf-8") as f:
f.write(generate_page(template, "blog"))
print(" Blog done!")
with open('blogtext/index.html', 'w+', encoding="utf-8") as f:
f.write(generate_page(template, "blogtext"))
print(" Blogtext done!")
with open('saltosion/index.html', 'w+', encoding="utf-8") as f:
f.write(generate_page(template, "saltosion"))
print(" Saltosion done!")
print("Done!\n")
generate()

49
config.toml Normal file
View File

@ -0,0 +1,49 @@
[website]
website_name = "Teascade"
built_pages = ["src/about.toml", "src/games.toml", "src/saltosion.toml", "src/blog.toml"
, "src/blogposts/beenalongtime.toml", "src/blogposts/bestworstyears.toml", "src/blogposts/creation.toml"
, "src/blogposts/firstblogpost.toml", "src/blogposts/firstmeaningful.toml", "src/blogposts/januaryupdate.toml"
, "src/blogposts/matrixisreal.toml", "src/blogposts/muchgoingon.toml", "src/blogposts/myabsence.toml"
, "src/blogposts/renovatedgrandopening.toml", "src/blogposts/updatesupdates.toml"]
use_default_css = true
use_default_js = true
javascript = ["/js/loadbar.js"]
css = ["/css/loadbar.css", "/css/custom.css", "/css/blogposts.css"]
favicon = "/img/favicon.png"
before_navbar_url = "src/injections/before_navbar.html"
#before_content_url = "test_page/resources/before_content.html"
after_content_url = "src/injections/after_content.html"
#charset = "utf-8"
#mobile_viewport = true
#meta_description = true
#meta_og = true
#output = "public"
[google]
google_robots = "all"
google_site_verification = "xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo"
[twitter]
twitter_site = "@teascade"
twitter_creator = "@teascade"
[navbar]
items = ["about", "games", "blog"]
[navbar.item.about]
title = "About"
link = "/"
[navbar.item.games]
title = "Games"
link = "/games"
[navbar.item.blog]
title = "Blog"
link = "/blog"
[resource.test]
source = "src/resources"
destination = ""

View File

@ -1,142 +0,0 @@
body, html {
background-color: #1f1f1f;
font-family: helvetica, sans-serif;
width: 100%;
height: 100%;
margin: 0;
padding: 0; }
@media (max-width: 800px) {
.cont {
display: block !important;
width: 100%; }
.cont .teacup {
height: auto !important; }
.cont .teacup img {
margin-right: 20%;
width: 40% !important;
height: auto !important;
padding-top: 1em;
padding-bottom: 1em; }
.cont .stuffarea {
margin-left: 10%;
padding-right: 0 !important;
width: 80% !important;
height: auto !important; }
.cont .stuffarea ul.navbar {
padding: 0 !important;
padding-left: 0.5em !important; } }
.cont {
display: inline-flex;
flex-direction: row;
width: 100%;
height: 100%; }
.cont .teacup {
flex: auto;
height: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: #1b1b1b; }
.cont .teacup img {
width: 75%;
max-height: 100%;
height: auto; }
.cont .stuffarea {
width: 45%;
height: 100%;
padding-left: 5%;
padding-right: 5%;
margin-bottom: 10%;
overflow-y: auto; }
.cont .stuffarea .hiddenarea {
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
margin: 0;
padding: 0; }
.cont .stuffarea div {
margin: 0;
padding: 0;
padding-bottom: 15%; }
.cont .stuffarea h1 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h2 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h3 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h4 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h5 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h6 {
margin: 0;
color: #ff0091; }
.cont .stuffarea h2.blogtitle {
padding: 0.5em;
color: #ff0091;
transition: 0.2s;
margin: 0; }
.cont .stuffarea h2.blogtitle:hover {
cursor: pointer;
background-color: #191919;
transition: 0.2s; }
.cont .stuffarea a {
color: #ff0091; }
.cont .stuffarea .timestamp {
color: #636363;
vertical-align: middle;
font-size: 15px; }
.cont .stuffarea p {
color: #fff; }
.cont .stuffarea li {
color: #fff; }
.cont .stuffarea ul.navbar {
padding-left: 1em;
list-style: none;
white-space: nowrap;
padding-bottom: 1em; }
.cont .stuffarea ul.navbar a:focus {
outline: none;
font-style: none;
border: none; }
.cont .stuffarea ul.navbar li {
display: inline-block;
padding: 0.5em;
background-color: #1f1f1f;
margin: -3px;
transition: 0.2s;
color: #dddddd;
border-right: 2px solid #303030;
transform: skewX(-20deg); }
.cont .stuffarea ul.navbar li .button {
transform: skewX(20deg); }
.cont .stuffarea ul.navbar li:first-of-type {
border-left: 2px solid #303030; }
.cont .stuffarea ul.navbar li:hover {
background-color: #303030;
transition: 0.2s;
cursor: pointer; }
.cont .stuffarea ul.navbar li.active {
background-color: #252525; }
.cont .stuffarea ul.navbar li.active:hover {
background-color: #363636; }
.cont .stuffarea iframe.itch-embedded {
width: 100%;
max-width: 700px; }
.cont .stuffarea .js-link {
text-decoration: underline; }
.cont .stuffarea .js-link:hover {
cursor: pointer; }
noscript {
color: #fff; }
/*# sourceMappingURL=main.css.map */

View File

@ -1,7 +0,0 @@
{
"version": 3,
"mappings": "AAIA,UAAW;EACR,gBAAgB,EAHZ,OAAO;EAIX,WAAW,EAAE,qBAAqB;EAClC,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGb,yBAA0B;EACvB,KAAM;IACH,OAAO,EAAE,gBAAgB;IACzB,KAAK,EAAE,IAAI;IAEX,aAAQ;MACL,MAAM,EAAE,eAAe;MAEvB,iBAAI;QACD,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,eAAe;QACvB,WAAW,EAAE,GAAG;QAChB,cAAc,EAAE,GAAG;IAIzB,gBAAW;MACR,WAAW,EAAE,GAAG;MAChB,aAAa,EAAE,YAAY;MAC3B,KAAK,EAAE,cAAc;MACrB,MAAM,EAAE,eAAe;MAEvB,0BAAU;QACP,OAAO,EAAE,YAAY;QACrB,YAAY,EAAE,gBAAgB;AAM1C,KAAM;EACH,OAAO,EAAE,WAAW;EACpB,cAAc,EAAE,GAAG;EACnB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EAEZ,aAAQ;IACL,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,MAAM;IAClB,OAAO,EAAC,IAAI;IACZ,eAAe,EAAC,MAAM;IACtB,WAAW,EAAC,MAAM;IAClB,gBAAgB,EAAE,OAAe;IAEjC,iBAAI;MACD,KAAK,EAAE,GAAG;MACV,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,IAAI;EAKlB,gBAAW;IACR,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,EAAE;IACjB,aAAa,EAAE,GAAG;IAClB,UAAU,EAAE,IAAI;IAEhB,4BAAY;MACT,UAAU,EAAE,MAAM;MAClB,MAAM,EAAE,CAAC;MACT,KAAK,EAAE,CAAC;MACR,QAAQ,EAAE,MAAM;MAChB,MAAM,EAAE,CAAC;MACT,OAAO,EAAE,CAAC;IAGb,oBAAI;MACD,MAAM,EAAE,CAAC;MACT,OAAO,EAAE,CAAC;MACV,cAAc,EAAE,GAAG;IAKnB,mBAAO;MACJ,MAAM,EAAE,CAAC;MACT,KAAK,EA9FV,OAAO;IA4FL,mBAAO;MACJ,MAAM,EAAE,CAAC;MACT,KAAK,EA9FV,OAAO;IA4FL,mBAAO;MACJ,MAAM,EAAE,CAAC;MACT,KAAK,EA9FV,OAAO;IA4FL,mBAAO;MACJ,MAAM,EAAE,CAAC;MACT,KAAK,EA9FV,OAAO;IA4FL,mBAAO;MACJ,MAAM,EAAE,CAAC;MACT,KAAK,EA9FV,OAAO;IA4FL,mBAAO;MACJ,MAAM,EAAE,CAAC;MACT,KAAK,EA9FV,OAAO;IAkGR,6BAAa;MACV,OAAO,EAAE,KAAK;MACd,KAAK,EApGP,OAAO;MAqGL,UAAU,EAAE,IAAI;MAChB,MAAM,EAAE,CAAC;IAGZ,mCAAmB;MAChB,MAAM,EAAE,OAAO;MACf,gBAAgB,EAAE,OAAe;MACjC,UAAU,EAAE,IAAI;IAGnB,kBAAE;MACC,KAAK,EAhHP,OAAO;IAmHR,2BAAW;MACR,KAAK,EAAE,OAAY;MACnB,cAAc,EAAE,MAAM;MACtB,SAAS,EAAE,IAAI;IAGlB,kBAAE;MACC,KAAK,EAzHJ,IAAI;IA4HR,mBAAG;MACA,KAAK,EA7HJ,IAAI;IAgIR,0BAAU;MAEP,YAAY,EAAE,GAAG;MACjB,UAAU,EAAE,IAAI;MAChB,WAAW,EAAE,MAAM;MACnB,cAAc,EAAE,GAAG;MAEnB,kCAAQ;QACL,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,IAAI;MAGf,6BAAG;QACA,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,KAAK;QACd,gBAAgB,EA/IrB,OAAO;QAgJF,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,OAAe;QACtB,YAAY,EAAE,iBAAsB;QACpC,SAAS,EAAE,aAAa;QAExB,qCAAQ;UACL,SAAS,EAAE,YAAY;MAG7B,2CAAiB;QACd,WAAW,EAAE,iBAAsB;MAEtC,mCAAS;QACN,gBAAgB,EAAE,OAAY;QAC9B,UAAU,EAAE,IAAI;QAChB,MAAM,EAAE,OAAO;MAGlB,oCAAU;QACP,gBAAgB,EAAE,OAAe;MAGpC,0CAAgB;QACb,gBAAgB,EAAE,OAAsB;IAI9C,qCAAqB;MAClB,KAAK,EAAE,IAAI;MACX,SAAS,EAAE,KAAK;IAGnB,yBAAS;MACN,eAAe,EAAE,SAAS;IAG7B,+BAAe;MACZ,MAAM,EAAE,OAAO;;AAKxB,QAAS;EACN,KAAK,EA7LE,IAAI",
"sources": ["../src/scss/main.scss"],
"names": [],
"file": "main.css"
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

View File

@ -1,113 +0,0 @@
<!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 | games">
<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 | games">
<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 | games</title>
</head>
<body onload="main('games')">
<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="#" id="games-link"><li class="active"><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>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://git.teasca.de/teascade">Selfhosted Git</a></li>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://cybergay.space/users/teascade">Mastodon (@Teascade@cybergay.space)</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>
<p><em>(By the way, don't get tooo attached to these sites, I intend to rework my websites some day)</em></p>
</div>
<div id="games" >
<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://git.teasca.de/teascade">selfhosted git</a> (Or <a href="https://github.com/teascade">GitHub</a> if you're sceptical).<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://git.teasca.de/saltosion">Selfhosted Git</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></p>
<p>By <a class="js-link" href="/about">Teascade</a> and <a href="https://neon.moe/">Excitedneon</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>

BIN
generator Executable file

Binary file not shown.

View File

@ -1,113 +0,0 @@
<!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://git.teasca.de/teascade">Selfhosted Git</a></li>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://cybergay.space/users/teascade">Mastodon (@Teascade@cybergay.space)</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>
<p><em>(By the way, don't get tooo attached to these sites, I intend to rework my websites some day)</em></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://git.teasca.de/teascade">selfhosted git</a> (Or <a href="https://github.com/teascade">GitHub</a> if you're sceptical).<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://git.teasca.de/saltosion">Selfhosted Git</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></p>
<p>By <a class="js-link" href="/about">Teascade</a> and <a href="https://neon.moe/">Excitedneon</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>

View File

@ -1,132 +0,0 @@
function main(page) {
window.currPage = page;
window.currOpacity = 1;
document.getElementById("about-link").removeAttribute("href");
document.getElementById("games-link").removeAttribute("href");
document.getElementById("blog-link").removeAttribute("href");
document.getElementById("about-link").onclick = function () { return openPage("about"); };
document.getElementById("games-link").onclick = function () { return openPage("games"); };
document.getElementById("blog-link").onclick = function () { return openPage("blog"); };
var links = document.getElementsByClassName("js-link");
var _loop_1 = function(i) {
var link = links[i];
var href = link.getAttribute("href").split("/").filter(function (f) { return f != ""; })[0];
link.removeAttribute("href");
link.onclick = function () {
openPage(href);
};
};
for (var i = 0; i < links.length; i++) {
_loop_1(i);
}
addBlogposts();
var search = window.location.search;
if (search != "") {
setBlogTextOnSearch(search);
}
window.onpopstate = function () {
var page = window.location.pathname.split("/").filter(function (f) { return f != ""; })[0];
var search = window.location.search.slice(0, -1);
if (page == "blogtext") {
setBlogTextOnSearch(search);
}
openPage(page || "about", page, false);
};
}
function openPage(page, new_url, renew_history) {
if (new_url === void 0) { new_url = null; }
if (renew_history === void 0) { renew_history = true; }
if (page == window.currPage) {
return;
}
slideOpacity(function () {
var link = document.getElementById(window.currPage + "-link");
var new_link = document.getElementById(page + "-link");
console.log(new_link);
if (link) {
link.children[0].className = "";
}
if (new_link) {
new_link.children[0].className = "active";
}
document.getElementById(window.currPage).className = "hiddenarea";
window.currPage = page;
document.getElementById(page).style.opacity = "0";
document.getElementById(page).className = "";
var target = new_url || page;
var targetPg = "/" + target;
if (target == "about") {
target = "";
targetPg = "";
}
;
if (renew_history) {
window.history.pushState(target, target, targetPg + "/");
}
document.title = "Teascade | " + page;
document.getElementsByClassName("stuffarea")[0].scrollTop = 0;
slideOpacity(function () {
}, 1.5);
}, -1.5);
}
function slideOpacity(callback, step) {
var currElem = document.getElementById(window.currPage);
var id = setInterval(function () {
window.currOpacity += 0.02 * step;
currElem.style.opacity = "" + window.currOpacity;
if ((window.currOpacity <= 0 && step < 0) || (window.currOpacity >= 1 && step > 0)) {
clearInterval(id);
callback();
}
}, 2);
}
function addBlogposts() {
window.blogpostData = JSON.parse(window.blogpostDataStr);
var div = document.getElementById("blog");
var blogpostData = window.blogpostData.sort(function (a, b) { return b.time - a.time; });
blogpostData.forEach(function (val) {
var title = document.createElement("h2");
title.className = "blogtitle";
title.innerHTML = val.title;
var timestamp = document.createElement("p");
timestamp.className += "timestamp";
timestamp.innerHTML = new Date(val.time).toUTCString();
title.appendChild(timestamp);
div.appendChild(title);
title.onclick = function () {
openPage("blogtext", "blogtext?id=" + val.source.slice(0, -5));
setBlogText(val.source, new Date(val.time).toUTCString());
};
});
}
function setBlogTextOnSearch(search) {
search = search.slice(1, -1);
var parts = search.split("=");
if (parts[0] == "id") {
var timestamp = void 0;
for (var i in window.blogpostData) {
console.log(window.blogpostData[i].source);
console.log(search + ".html");
if (window.blogpostData[i].source == parts[1] + ".html") {
timestamp = new Date(window.blogpostData[i].time).toUTCString();
}
}
setBlogText(parts[1] + ".html", timestamp);
}
}
function setBlogText(source, time) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == XMLHttpRequest.DONE) {
if (xmlhttp.status == 200) {
document.getElementById("blogtext").innerHTML = xmlhttp.responseText;
var timestamp = document.createElement("p");
timestamp.className += "timestamp";
timestamp.innerHTML = time;
document.getElementById("blogtext").appendChild(timestamp);
}
}
};
xmlhttp.open("GET", "/blogposts/" + source, true);
xmlhttp.send();
}

View File

@ -1,68 +0,0 @@
==================================================================
https://keybase.io/teascade
--------------------------------------------------------------------
I hereby claim:
* I am an admin of http://teasca.de
* I am teascade (https://keybase.io/teascade) on keybase.
* I have a public key with fingerprint 1688 BA8D 8F2E 2E5B F11C 7E2B 64A5 AE50 2065 6E2E
To do so, I am signing this object:
{
"body": {
"key": {
"eldest_kid": "010194d0fbd784a27e32bee2e574d3a3a884f6f8368abaf38b250ecf0501413a28c90a",
"fingerprint": "1688ba8d8f2e2e5bf11c7e2b64a5ae5020656e2e",
"host": "keybase.io",
"key_id": "64a5ae5020656e2e",
"kid": "010194d0fbd784a27e32bee2e574d3a3a884f6f8368abaf38b250ecf0501413a28c90a",
"uid": "ee4a0be7dfbc8d8b2766de4fa5504219",
"username": "teascade"
},
"service": {
"hostname": "teasca.de",
"protocol": "http:"
},
"type": "web_service_binding",
"version": 1
},
"ctime": 1478253579,
"expire_in": 157680000,
"prev": "f5e2246f42fd747ba8aa1021025bdd55375dc58a2f83997ba778193cc1cc7c5e",
"seqno": 10,
"tag": "signature"
}
which yields the signature:
-----BEGIN PGP MESSAGE-----
Version: Keybase OpenPGP v2.0.58
Comment: https://keybase.io/crypto
yMIfAnicrZJbSBVBGMePngwvWD4kYgTp9pJhurfZ2ZXyoRBNy0sZ5a3DzM6sbuqe
0zmrpVbqg6h0IaReEsqHSoqwtEglKk9KYWaRSgpCoE9hGARKolDNSj0EPTYMDPPN
//vN//tmRqLdrsiQzvG26j0FPVEhY8GrNa7j20qjGjjsJXVcWgNXSdcXWkVowPZU
moRL43iBFzSZ8AYmUJWRCKkkYkpFCqBMJCQhVZUNxVAlRUUYGZKKRcBT3eABL8iC
hERV13jEJXOGaZVTv89vWjbDCoqqYqQS1RAdFjYEQYdUxIqMAKKAF3kFKOyEJVZ4
A04GM4dRgKaYXhZjG8+6vX/o/7PvmnUcpTLiMYXEwDpzjUWoKITKBgKAl0VBc4QB
6rdQNWVqm6KAjgjlziVzLFpr6tRprFPJX4oU4hj2+b22V/dWsXCFbfvSnCy7zufI
TlPs+Q3wYNMirIcsoZb6A6bX4tIEptRt0yEKMlRFIAGoJXP0jM/0U4/pKABUVJ4N
5xpay5AGoKIoK4YsGgTKkD0CQgIvsgkwIQBIEBAdqEhkvdE0dg6hKmiSrgu6DnXg
GA7QU5aXsRnURuWMGTDLLWTX+FnBL4dKN7hCIl0bw0Kdz+WKjIj58+VgRLhrcGmt
mby6llk2tre/J+PsrcGirttjt+d7V2bcZcLqwJvsPn45JnwH0mMOnuxruuxJyZqY
Gp/DBY3Bxe7Elvzi5QPWj/bgz864mbcleYt3OnZdGhhK/Zra9Y1f6H4+3jo1H59Y
X5he/XB1NHh0LvbZfm3s8we00i4MR94fmumfaPsYO5qx0qujuMMlPV8Glh5daUla
oWvnZevig+mcyd2Gu/Z1+sC9abn4aaEvp2gyf19m7nSIK2b7e8Ha+eIE3FS45d3m
J6HNwyC24dhy4uxCZ/ynsK11hxZGJoY6Gh9XX8jVbuS47462N/GzCcGs7O9HukMT
+nFX6/W8hJvRmUn1vwBS50D6
=ZJf7
-----END PGP MESSAGE-----
And finally, I am proving ownership of this host by posting or
appending to this document.
View my publicly-auditable identity here: https://keybase.io/teascade
==================================================================

View File

@ -1,4 +1,58 @@
<h1>Its been a long time, isnt it?</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="Its been a long time, isnt it?">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | Its been a long time, isnt it?">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="Its been a long time, isnt it?">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | Its been a long time, isnt it?">
<meta name="twitter:description" content="Its been a long time, isnt it?">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | Its been a long time, isnt it?</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>Its been a long time, isnt it?</h1>
<p>So its been a pretty damn long time since my last post (about 3 months .. I think ? ), so I decided to post one now.</p> <p>So its been a pretty damn long time since my last post (about 3 months .. I think ? ), so I decided to post one now.</p>
<p>Yeah I admit Ive kind of partially forgotten this blog meantime, I promised myself I will try to get something to remind me every week or so from now on to post a blog post so everything gets to be in my blog and nothing gets forgotten.</p> <p>Yeah I admit Ive kind of partially forgotten this blog meantime, I promised myself I will try to get something to remind me every week or so from now on to post a blog post so everything gets to be in my blog and nothing gets forgotten.</p>
<p>So, lets rewind a little and think what has happened meanwhile, shall we? So Arkhados is still in the makes (see <a href="http://wlinna.wordpress.com/">Dnyarris blog</a> for more information on Arkhados), and Im still making heroes for it (see <a href="http://allexit.x10.mx/">my page</a> for the hero designs), but the rate at whitch Im putting new heroes on the battlefield is slowing (because making of a hero takes quite a long time and I wait until some heroes are finished before designing new ones), meanwhile I can gather some inspiration on some new ones.</p> <p>So, lets rewind a little and think what has happened meanwhile, shall we? So Arkhados is still in the makes (see <a href="http://wlinna.wordpress.com/">Dnyarris blog</a> for more information on Arkhados), and Im still making heroes for it (see <a href="http://allexit.x10.mx/">my page</a> for the hero designs), but the rate at whitch Im putting new heroes on the battlefield is slowing (because making of a hero takes quite a long time and I wait until some heroes are finished before designing new ones), meanwhile I can gather some inspiration on some new ones.</p>
@ -16,3 +70,10 @@
So Solid Kindom is going to be a Multiplayer (or Singleplayer) Open World turn-based RPG (kind of a hack n slash). Solid Kingdom is licenced with GPLv3. You can find <a href="https://github.com/Allexit/Solid-Kingdom">Solid Kingdoms Github here</a>. Solid Kingdom is completely programmed in Java and for its multicolor output, and hotkey-system and partially for GUI an map drawing it uses <a href="https://code.google.com/p/lanterna/">Lanterna</a> (a Java “terminal” library that allows all these things to be done).</p> So Solid Kindom is going to be a Multiplayer (or Singleplayer) Open World turn-based RPG (kind of a hack n slash). Solid Kingdom is licenced with GPLv3. You can find <a href="https://github.com/Allexit/Solid-Kingdom">Solid Kingdoms Github here</a>. Solid Kingdom is completely programmed in Java and for its multicolor output, and hotkey-system and partially for GUI an map drawing it uses <a href="https://code.google.com/p/lanterna/">Lanterna</a> (a Java “terminal” library that allows all these things to be done).</p>
<p>Another project Ive been working on with another friend of mine (commonly known as Firefortcut), is an Open Source handheld console that works on Raspberry Pi type-B circuit. The toughest part of it is actually (surprisingly) the shell of the console. after the future of the console is looking better Im going to start working on a user interface for the console, and after that another game for the console (called Shadows of Karatsu, I already started working on it but not very focused on it, I will talk about it later). If the console gets enough fame and some name we can probably start making bit more of them and a good estimated price for the actual console is about 100-150€ (135-200 US$), the price gathers from the actual Pi, screen, buttons and the shell material and some tip for us. The Licence of the user interface is still in concideration weather its going to be completely free or what? The compressed version of the user interface most likely will be free.</p> <p>Another project Ive been working on with another friend of mine (commonly known as Firefortcut), is an Open Source handheld console that works on Raspberry Pi type-B circuit. The toughest part of it is actually (surprisingly) the shell of the console. after the future of the console is looking better Im going to start working on a user interface for the console, and after that another game for the console (called Shadows of Karatsu, I already started working on it but not very focused on it, I will talk about it later). If the console gets enough fame and some name we can probably start making bit more of them and a good estimated price for the actual console is about 100-150€ (135-200 US$), the price gathers from the actual Pi, screen, buttons and the shell material and some tip for us. The Licence of the user interface is still in concideration weather its going to be completely free or what? The compressed version of the user interface most likely will be free.</p>
<p>As for Shadows of Karatsu, its going to be a pretty generig jRPG game that is going to be very LPC (Liberated Pixel Cup) styled (see http://lpc.opengameart.org/) in graphic and is going to be programmed in java, it uses <a href="http://libgdx.badlogicgames.com/">LibGDX</a> for its 2D game engine. Its at very early stage and isnt even working correctly atm. so you can expect a very long time before seeing something from it (and not even pushed to github yet, sorry). Theres nothing else really to say about it else than its going to be published with GPLv3 licence too.</p> <p>As for Shadows of Karatsu, its going to be a pretty generig jRPG game that is going to be very LPC (Liberated Pixel Cup) styled (see http://lpc.opengameart.org/) in graphic and is going to be programmed in java, it uses <a href="http://libgdx.badlogicgames.com/">LibGDX</a> for its 2D game engine. Its at very early stage and isnt even working correctly atm. so you can expect a very long time before seeing something from it (and not even pushed to github yet, sorry). Theres nothing else really to say about it else than its going to be published with GPLv3 licence too.</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,15 +1,69 @@
<h1>How the “best years of my life” are quickly becoming the worst</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="How the “best years of my life” are quickly becoming the worst">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | How the “best years of my life” are quickly becoming the worst">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="How the “best years of my life” are quickly becoming the worst">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | How the “best years of my life” are quickly becoming the worst">
<meta name="twitter:description" content="How the “best years of my life” are quickly becoming the worst">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | How the “best years of my life” are quickly becoming the worst</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>How the “best years of my life” are quickly becoming the worst</h1>
<p>Hi, Im just someone from Finland, and Im going to be 18 in a few weeks. As many of you might know, people often consider ages 18 through 24 to be the best years one could live. Where nothing bothers you, when you dont really have anything worth stressing over, and everything is chill.. Right?</p> <p>Hi, Im just someone from Finland, and Im going to be 18 in a few weeks. As many of you might know, people often consider ages 18 through 24 to be the best years one could live. Where nothing bothers you, when you dont really have anything worth stressing over, and everything is chill.. Right?</p>
<p><strong>Prologue</strong></p> <p><strong>Prologue</strong></p>
<p>There are a few things though, that I need to get off my chest before I venture towards these amazing and absolutely glorious years of my life. Im a transexual, which means that Im not comfortable with the body I was born with, and wish it was the opposite gender. In some cases the desire is quite faint, and some hormone pills, or even a good talk can help. For me though, its very important to me that I do everything I can in order to get as close to the other gender as possible. Im not satisfied, even if a small feature of me even resembles my current gender. And it sickens me. In addition to all this, Im even bisexual, which stirs the stew¹ even more.</p> <p>There are a few things though, that I need to get off my chest before I venture towards these amazing and absolutely glorious years of my life. Im a transexual, which means that Im not comfortable with the body I was born with, and wish it was the opposite gender. In some cases the desire is quite faint, and some hormone pills, or even a good talk can help. For me though, its very important to me that I do everything I can in order to get as close to the other gender as possible. Im not satisfied, even if a small feature of me even resembles my current gender. And it sickens me. In addition to all this, Im even bisexual, which stirs the stew¹ even more.</p>
<p>Always, have I felt uncomfortable around myself, and when I was smaller I was more attracted in the girls parties than the boys parties, and I was always intrigued about barbies and the generic girls toys. I didnt play with them, I actually didnt play with pretty much any toys at all, but the toys I played with, were very gender neutral, like legos (Ill come back to this later). I also always ended up in the boys group since thats just what society wants us to do, so the others wouldve bullied me for life for being the boy who played with barbies in kindergarten.. I feel remorse though, I feel like I shouldve done it anyways, maybe so I wouldnt even be in this situation right now.</p> <p>Always, have I felt uncomfortable around myself, and when I was smaller I was more attracted in the girls parties than the boys parties, and I was always intrigued about barbies and the generic girls toys. I didnt play with them, I actually didnt play with pretty much any toys at all, but the toys I played with, were very gender neutral, like legos (Ill come back to this later). I also always ended up in the boys group since thats just what society wants us to do, so the others wouldve bullied me for life for being the boy who played with barbies in kindergarten.. I feel remorse though, I feel like I shouldve done it anyways, maybe so I wouldnt even be in this situation right now.</p>
<p>When I was smaller, I wanted the girls swim suits instead of the boys, I often felt “girly” and I even asked my brother about it, and he was confused and laughed. I said about the swimsuit thing to my grandmom, whom I went swimming with often back then, but she was very confused aswell. I finally played with some girls some time before school started and I didnt understand some of the words and got laughed at and traumatized, which is why I really never went into the girls groups anymore.</p> <p>When I was smaller, I wanted the girls swim suits instead of the boys, I often felt “girly” and I even asked my brother about it, and he was confused and laughed. I said about the swimsuit thing to my grandmom, whom I went swimming with often back then, but she was very confused aswell. I finally played with some girls some time before school started and I didnt understand some of the words and got laughed at and traumatized, which is why I really never went into the girls groups anymore.</p>
<hr> <hr />
<p>(This is a bit off-topic, you can skip this paragraph if you want)</p> <p>(This is a bit off-topic, you can skip this paragraph if you want)</p>
<p>Back to the legos for a bit, this is what eventually led to my career. I always liked creating, designing and being creative. I was presented computing and engineering, but I didnt understand electricity, the mechanics required and I thought the material required to build everything I wanted, and I got disappointed since I wanted to make so much, but I couldnt, since the materials and cables and everything required would cost so much and it was so complicated and “qhbwgqkjg”. So I was playing games at this age, as I grew a bit older I started thinking, I want to make my own games. I had made some board games and lego “games” before, but now I was starting to become interested in real video games. Therefore I started to research all this, and eventually this lead to me using Game Maker, later a friend teaching me Python and that was the start of my beautiful career as an indie game developer.</p> <p>Back to the legos for a bit, this is what eventually led to my career. I always liked creating, designing and being creative. I was presented computing and engineering, but I didnt understand electricity, the mechanics required and I thought the material required to build everything I wanted, and I got disappointed since I wanted to make so much, but I couldnt, since the materials and cables and everything required would cost so much and it was so complicated and “qhbwgqkjg”. So I was playing games at this age, as I grew a bit older I started thinking, I want to make my own games. I had made some board games and lego “games” before, but now I was starting to become interested in real video games. Therefore I started to research all this, and eventually this lead to me using Game Maker, later a friend teaching me Python and that was the start of my beautiful career as an indie game developer.</p>
<hr> <hr />
<p>Alas this all leads to what I am today. Im too shy to talk about my feelings, I feel very uncomfortable in my body and since I kind of gave out clues about my inner personality to people near me, they didnt understand them. The feeling, that I cant live my life to the fullest, that I am not, what I feel inside makes me feel caged, trapped, jailed even. Me being very shy and quiet, even introverted, Im not going to tell anyone, obviously. I cant. Very few people around me actually know how I feel, and the thought of telling my parents or my brother makes me scared stiff. I have actually told a doctor, but Im not 18 yet, so they wont let me into any kind of treatment without my parents knowing, not even the preparations for treatment.</p> <p>Alas this all leads to what I am today. Im too shy to talk about my feelings, I feel very uncomfortable in my body and since I kind of gave out clues about my inner personality to people near me, they didnt understand them. The feeling, that I cant live my life to the fullest, that I am not, what I feel inside makes me feel caged, trapped, jailed even. Me being very shy and quiet, even introverted, Im not going to tell anyone, obviously. I cant. Very few people around me actually know how I feel, and the thought of telling my parents or my brother makes me scared stiff. I have actually told a doctor, but Im not 18 yet, so they wont let me into any kind of treatment without my parents knowing, not even the preparations for treatment.</p>
<hr> <hr />
<p><strong>Real analytical part</strong></p> <p><strong>Real analytical part</strong></p>
<p>Im starting to lose my strain of thought, so I guess its a good idea to take another start, this time more so from the medical and real standpoint. I admit, I was, for a long time, grossed out by girls and girl bacteria and such, but I feel like its because the society told me there were girl bacteria in the first place;</p> <p>Im starting to lose my strain of thought, so I guess its a good idea to take another start, this time more so from the medical and real standpoint. I admit, I was, for a long time, grossed out by girls and girl bacteria and such, but I feel like its because the society told me there were girl bacteria in the first place;</p>
<p><strong>Stage 1, Denial and Anger</strong></p> <p><strong>Stage 1, Denial and Anger</strong></p>
@ -18,7 +72,7 @@
<p>I then later, towards the end of upper elementary school, started to realize there was nothing to do about it, so I fell into depression. Not too hard yet, this stage didnt fully start until high school or so. When it started though, it hit me good. This stage hasnt even completely ended for me and the depression hits me very hard some days. When it hits, I often feel like even if I go through all these processes, nothing matters, since Im not really a girl after them, or something like that. Sometimes it gets really bad. Like, really bad. So bad, that I dont want to be a boy, but Ill never be a girl, and it always leads me even to the edge of thinking that suicide is the only answer. Ive never done it obviously, nor Ive even tried it. But Its just a feeling. Ill come back to these thoughts later after stage 3.</p> <p>I then later, towards the end of upper elementary school, started to realize there was nothing to do about it, so I fell into depression. Not too hard yet, this stage didnt fully start until high school or so. When it started though, it hit me good. This stage hasnt even completely ended for me and the depression hits me very hard some days. When it hits, I often feel like even if I go through all these processes, nothing matters, since Im not really a girl after them, or something like that. Sometimes it gets really bad. Like, really bad. So bad, that I dont want to be a boy, but Ill never be a girl, and it always leads me even to the edge of thinking that suicide is the only answer. Ive never done it obviously, nor Ive even tried it. But Its just a feeling. Ill come back to these thoughts later after stage 3.</p>
<p><strong>Stage 3, Acceptance</strong></p> <p><strong>Stage 3, Acceptance</strong></p>
<p>This stage, actually, started for me only around two years ago. This is when I actually realized I was transexual and there was really nothing I could do about it, well besides hormone pills and other “repairing” operations. Ive never really fallen off the stage two though, but I feel like Im in stage three already, since I accept myself as trans, and I know Im trans, but I still get often very depressed about it.</p> <p>This stage, actually, started for me only around two years ago. This is when I actually realized I was transexual and there was really nothing I could do about it, well besides hormone pills and other “repairing” operations. Ive never really fallen off the stage two though, but I feel like Im in stage three already, since I accept myself as trans, and I know Im trans, but I still get often very depressed about it.</p>
<hr> <hr />
<p><strong>Conclusions</strong></p> <p><strong>Conclusions</strong></p>
<p>So as I mentioned earlier, I havent gotten into medical care about this, because I dont want anyone to know about these “hideous” and “horrifying” (or so some think) conditions I had. Now later on my dad now knows, and I feel like all this saving and waiting until Im 18 has gone straight to the drain. Now as Im closing up to the age of 18, Im becoming fairly old. Not old old, but you might get my point in jiffy. The fixing processes take years at best, and Itll be a very long time from now until Im going to be actually satisfied with my body. Now as I said in stage 2, I still get strongly depressed these days, and this is mostly why;</p> <p>So as I mentioned earlier, I havent gotten into medical care about this, because I dont want anyone to know about these “hideous” and “horrifying” (or so some think) conditions I had. Now later on my dad now knows, and I feel like all this saving and waiting until Im 18 has gone straight to the drain. Now as Im closing up to the age of 18, Im becoming fairly old. Not old old, but you might get my point in jiffy. The fixing processes take years at best, and Itll be a very long time from now until Im going to be actually satisfied with my body. Now as I said in stage 2, I still get strongly depressed these days, and this is mostly why;</p>
<p>Remember when I told you ages 18 through 24 are the best years in human life, according to most people? Well Im now entering this age, and not until soon, I can get actual medical attention and proper treatment. Do you know what this means? Instead of living my “best years of my life” happy and carefree, Im going to be very depressed, sad and living in an abomination² of a body. Partially the reason Im so introverted even, is because my body is not what i want it to be. Even if I started my fixing process right now, Ill have to go talk to a therapist/psychiatrist or some sort, whom will determine if Im qualified for these treatments. Thisll take about a year at worst. Now after the treatment starts, I probably start taking pills and eventually begin to resemble and/or look like my opposite gender, though my passport and pretty much everything says; “SEX: MALE”. This is a problem, a major problem. Im going to practically have to live under a rock in order to not get beaten, because the guard in the bar line wont let me in, because Im a trap or something.</p> <p>Remember when I told you ages 18 through 24 are the best years in human life, according to most people? Well Im now entering this age, and not until soon, I can get actual medical attention and proper treatment. Do you know what this means? Instead of living my “best years of my life” happy and carefree, Im going to be very depressed, sad and living in an abomination² of a body. Partially the reason Im so introverted even, is because my body is not what i want it to be. Even if I started my fixing process right now, Ill have to go talk to a therapist/psychiatrist or some sort, whom will determine if Im qualified for these treatments. Thisll take about a year at worst. Now after the treatment starts, I probably start taking pills and eventually begin to resemble and/or look like my opposite gender, though my passport and pretty much everything says; “SEX: MALE”. This is a problem, a major problem. Im going to practically have to live under a rock in order to not get beaten, because the guard in the bar line wont let me in, because Im a trap or something.</p>
@ -29,3 +83,10 @@
<li>Stirring the stew is a finnish saying, which means making something, which is already confusing or in some way odd, even more so.</li> <li>Stirring the stew is a finnish saying, which means making something, which is already confusing or in some way odd, even more so.</li>
<li>Not in literal sense, but the body is unpleasant either way, which is the point</li> <li>Not in literal sense, but the body is unpleasant either way, which is the point</li>
</ol> </ol>
</article>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="Creation">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | Creation">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="Creation">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | Creation">
<meta name="twitter:description" content="Creation">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | Creation</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>The Creation</h1>
<p>The Blog was created, but not yet quite ready, the blog still needs some editing before given to publicity, but soon you will see it!</p>
<p>Today Allexits Magical Modpack was released to publicity ( <a href="https://blog.allex.it/allexits-magical-pack">click here</a> ) and is built up from LOTS and LOTS of mods!
it will soon be updated too quite a lot of times for reasons such as it does not support custom launcher nor easy installation yet..</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="First blogpost!">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | First blogpost!">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="First blogpost!">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | First blogpost!">
<meta name="twitter:description" content="First blogpost!">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | First blogpost!</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>First blogpost!</h1>
<p>Test! This is just a test blogpost!</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,6 +1,67 @@
<h1>My first meaningful post</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="My first meaningful post">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | My first meaningful post">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="My first meaningful post">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | My first meaningful post">
<meta name="twitter:description" content="My first meaningful post">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | My first meaningful post</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>My first meaningful post</h1>
<p>Today was a fairly productive day as I began working on this kinda small but fun-to-do project for a minecraft mod. The minecraft mod is called ComputerCraft and its just so amazing, it lets you to bring the power of lua to Minecraft and interact with the world at the same time. Anyways, I didnt make anything too practical but I did make an program that simulates an operating system, its not even near ready yet but Im going to post a video about it later today.</p> <p>Today was a fairly productive day as I began working on this kinda small but fun-to-do project for a minecraft mod. The minecraft mod is called ComputerCraft and its just so amazing, it lets you to bring the power of lua to Minecraft and interact with the world at the same time. Anyways, I didnt make anything too practical but I did make an program that simulates an operating system, its not even near ready yet but Im going to post a video about it later today.</p>
<p>So its called the Wandoze, and its supposed to be a text-based version of Windows, kinda as a joke, but it already can handle quite a lot for a PC of Minecraft. it does have profiles like Windows professional, so you have to type your username and then password to get in etc. but it also supports a VERY high permission ranks, infinite literally, I made the system so that you can add even 100s of permission ranks from never-on-computer-visitor-dude to the ruler of all time. it also has many commands to help edit the profiles from the hand of admin without having to seek for the real files. ALSO it does not only support these little technical things, it already supports games and apps, whitch it can run pretty smooth, if the game/app is well made, but it doesnt have any API or any sort of that stuff to help making them. but just make your game / app anything you want and drag it to on of the folders so the computer can run them.</p> <p>So its called the Wandoze, and its supposed to be a text-based version of Windows, kinda as a joke, but it already can handle quite a lot for a PC of Minecraft. it does have profiles like Windows professional, so you have to type your username and then password to get in etc. but it also supports a VERY high permission ranks, infinite literally, I made the system so that you can add even 100s of permission ranks from never-on-computer-visitor-dude to the ruler of all time. it also has many commands to help edit the profiles from the hand of admin without having to seek for the real files. ALSO it does not only support these little technical things, it already supports games and apps, whitch it can run pretty smooth, if the game/app is well made, but it doesnt have any API or any sort of that stuff to help making them. but just make your game / app anything you want and drag it to on of the folders so the computer can run them.</p>
<p>About the Modpack I was working earlier today and yesterday, its now changed its name to a better more offical name, <a href="https://allexit.wordpress.com/xetrox-pack/">Xetrox Modpack</a>, I made quite a lot of information for it and a download link too, but an update is coming SOON, so you better look up to it. I also created a Wiki -page for the Modpack too, just so if people actually get interested in it, they can share their knowledge about the modpack in it, seriosuly even I dont know much about some of the mods in it, as ironic as it sounds. Well what am I talking here heres the link, <a href="http://xetroxpack.wikia.com/">Xetrox pack Wiki</a> I too made a couple of pages for it already, Im of course going to make more later but for starters a couple.</p> <p>About the Modpack I was working earlier today and yesterday, its now changed its name to a better more offical name, <a href="https://allexit.wordpress.com/xetrox-pack/">Xetrox Modpack</a>, I made quite a lot of information for it and a download link too, but an update is coming SOON, so you better look up to it. I also created a Wiki -page for the Modpack too, just so if people actually get interested in it, they can share their knowledge about the modpack in it, seriosuly even I dont know much about some of the mods in it, as ironic as it sounds. Well what am I talking here heres the link, <a href="http://xetroxpack.wikia.com/">Xetrox pack Wiki</a> I too made a couple of pages for it already, Im of course going to make more later but for starters a couple.</p>
<p>For now I think Im going to take my focus more on the Wandoze -program, later Im going to make Wandoze 2.0, whitch is practically the same but more bugfixes, a little more features and a internet support so all the usernames can be stored in one computer and remotely gotten to. After that Possibly a third Wandoze which is going to have more graphical features, but well have to see.. wait and see..</p> <p>For now I think Im going to take my focus more on the Wandoze -program, later Im going to make Wandoze 2.0, whitch is practically the same but more bugfixes, a little more features and a internet support so all the usernames can be stored in one computer and remotely gotten to. After that Possibly a third Wandoze which is going to have more graphical features, but well have to see.. wait and see..</p>
<p>but FOR NOW really Im really damn tired since I didnt get any rest last night so Im hitting the hay earlier than normal..</p> <p>but FOR NOW really Im really damn tired since I didnt get any rest last night so Im hitting the hay earlier than normal..</p>
</article>
</div>
</div>
</body>
</html>

98
public/blog/index.html Normal file
View File

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="The things that I have blogged about.">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="The things that I have blogged about.">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog">
<meta name="twitter:description" content="The things that I have blogged about.">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>Blog</h1>
<p>Welcome to my weird and messy blog!<br />
Also remember to check out my Mastodong <a href="https://cybergay.space">@Teascade@cybergay.space</a></p>
<p><ul class="blogposts"><li><a href="/blog/firstblogpost/index.html">
<h3>First blogpost!</h3>
<p class="timestamp">Wed, 02 Nov 2016</p>
</a></li><li><a href="/blog/bestworstyears/index.html">
<h3>How the “best years of my life” are quickly becoming the worst</h3>
<p class="timestamp">Wed, 06 Apr 2016</p>
</a></li><li><a href="/blog/matrixisreal/index.html">
<h3>The matrix is (uncertainly) real!</h3>
<p class="timestamp">Sun, 30 Aug 2015</p>
</a></li><li><a href="/blog/renovatedgrandopening/index.html">
<h3>Renovated grand opening</h3>
<p class="timestamp">Fri, 28 Aug 2015</p>
</a></li><li><a href="/blog/januaryupdate/index.html">
<h3>January update</h3>
<p class="timestamp">Thu, 23 Jan 2014</p>
</a></li><li><a href="/blog/updatesupdates/index.html">
<h3>Updates updates..</h3>
<p class="timestamp">Thu, 23 Jan 2014</p>
</a></li><li><a href="/blog/beenalongtime/index.html">
<h3>Its been a long time, isnt it?</h3>
<p class="timestamp">Mon, 16 Dec 2013</p>
</a></li><li><a href="/blog/muchgoingon/index.html">
<h3>Much going on</h3>
<p class="timestamp">Sun, 22 Sep 2013</p>
</a></li><li><a href="/blog/myabsence/index.html">
<h3>My absence</h3>
<p class="timestamp">Fri, 16 Aug 2013</p>
</a></li><li><a href="/blog/firstmeaningful/index.html">
<h3>My first meaningful post</h3>
<p class="timestamp">Tue, 06 Aug 2013</p>
</a></li><li><a href="/blog/creation/index.html">
<h3>Creation</h3>
<p class="timestamp">Tue, 06 Aug 2013</p>
</a></li></ul></p>
</article>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="January update">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | January update">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="January update">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | January update">
<meta name="twitter:description" content="January update">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | January update</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>January update</h1>
<p>so, I kinda forgot about the thing where I was supposed to post a post every week, but once every month is good too.. right …? Yeah I admit I screwed up, but Ill make it up to you, I started to learn <a href="http://jmonkeyengine.org">jMonkeyEngine</a> in the side of doing Solid Kingdom (still thinking another name for it), wishing I could once make a 3D game (lol).</p>
<p>I have this one idea Im going to make with jME, but Ill keep it a secret, Ill tell you guys if it catches on, but its supposed to be release ready about 1.4.14 (see already why?), but it can strech up to August, since thats when the <a href="http://www.assembly.org/">Summer Assembly</a> starts. Ill be sending the game to the game dev comp this year, hoping for some attention and just for fun.</p>
<hr />
<p>Later lookback on the post;</p>
<p>This post is one of the draft posts I started to make in this time, but somehow got lost, I finally found one. This wa ssupposed to be posted 12.1.2014, but anyways this project Im talking about here has been like priority #2 for quite a long time now, I havent forgotten it but I rather work on Solid Kingdom than this.</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,4 +1,58 @@
<h1>The matrix is (uncertainly) real!</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="The matrix is (uncertainly) real!">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | The matrix is (uncertainly) real!">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="The matrix is (uncertainly) real!">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | The matrix is (uncertainly) real!">
<meta name="twitter:description" content="The matrix is (uncertainly) real!">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | The matrix is (uncertainly) real!</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>The matrix is (uncertainly) real!</h1>
<p>So I was thinking the other day about humanity and our society. I then started thinking about the future of humanity, what kind of life would be “good life” for people in the future, and what kind of society could provide good life for everyone?</p> <p>So I was thinking the other day about humanity and our society. I then started thinking about the future of humanity, what kind of life would be “good life” for people in the future, and what kind of society could provide good life for everyone?</p>
<p>Well defining good life obviously differs for subject to subject, so general good life doesnt exactly exist. This only means that people must be offered differing things depending on their desires, to give good life to them. A good place to start is obviously communism. In a perfect marxist communist society everyone gets equally what they need, and there is no money whatsoever. This though leads to a society where you would <strong>need</strong> to define a global good life, that people should live on, which wouldnt work as intended as earlier noted, there can be no global good life. And because in communism there is no money, stuff is shared equally, people get stuff they dont want and not enough stuff they want, so its not really optimal.</p> <p>Well defining good life obviously differs for subject to subject, so general good life doesnt exactly exist. This only means that people must be offered differing things depending on their desires, to give good life to them. A good place to start is obviously communism. In a perfect marxist communist society everyone gets equally what they need, and there is no money whatsoever. This though leads to a society where you would <strong>need</strong> to define a global good life, that people should live on, which wouldnt work as intended as earlier noted, there can be no global good life. And because in communism there is no money, stuff is shared equally, people get stuff they dont want and not enough stuff they want, so its not really optimal.</p>
<p>Now another path we could go, what if everyone has the equal amount of money, this would mean that anyone could just buy what they want, and everyone has the equal opportunity to have anything. This is a good model of a society working technically, but the greater questions come in hand, who would collect and more importantly distribute the money? Who would keep track of the money? Would money actually be necessary even in a society like this? If everyone just gets money, why would anyone do any work to get money or produce the goods to sell? So this model doesnt quite fit for what were looking for either.</p> <p>Now another path we could go, what if everyone has the equal amount of money, this would mean that anyone could just buy what they want, and everyone has the equal opportunity to have anything. This is a good model of a society working technically, but the greater questions come in hand, who would collect and more importantly distribute the money? Who would keep track of the money? Would money actually be necessary even in a society like this? If everyone just gets money, why would anyone do any work to get money or produce the goods to sell? So this model doesnt quite fit for what were looking for either.</p>
@ -6,3 +60,10 @@
<p>Then I started thinking, to provide to a single person anything he could desire, we should invent a true <em>virtual reality</em>, in which people can do and create whatever they desire, after the technology is sufficient enough, they wouldnt be too expensive to create, and everyone could have their own “private reality” they live in. But hold on, were getting into some real matrix shit over here. Maybe the virtual reality would just be a counterpart of our reality, in where someone could just decide anything s/he wants, and it would happen (et cetera). So would that mean that everyone who lives there (exists there in general) are in the matrix? Yes. How can we tell we arent already in virtual reality like this? We most likely cant. So when we invent these virtual reality machines, we end the circle, and nobody again knows, that they live in a virtual reality. This loop repeats infinitely, until someone were to realize they live in the virtual reality, and manage to actually escape it.</p> <p>Then I started thinking, to provide to a single person anything he could desire, we should invent a true <em>virtual reality</em>, in which people can do and create whatever they desire, after the technology is sufficient enough, they wouldnt be too expensive to create, and everyone could have their own “private reality” they live in. But hold on, were getting into some real matrix shit over here. Maybe the virtual reality would just be a counterpart of our reality, in where someone could just decide anything s/he wants, and it would happen (et cetera). So would that mean that everyone who lives there (exists there in general) are in the matrix? Yes. How can we tell we arent already in virtual reality like this? We most likely cant. So when we invent these virtual reality machines, we end the circle, and nobody again knows, that they live in a virtual reality. This loop repeats infinitely, until someone were to realize they live in the virtual reality, and manage to actually escape it.</p>
<p>The only problem is, how can you really tell if youre on the top level matrix or not?</p> <p>The only problem is, how can you really tell if youre on the top level matrix or not?</p>
<p>This has been a jolly philosophical rant session. Thank you for reading. <em><insert an equal communist smily here></em></p> <p>This has been a jolly philosophical rant session. Thank you for reading. <em><insert an equal communist smily here></em></p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,4 +1,58 @@
<h1>Much going on</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="'Much' going on">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | 'Much' going on">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="'Much' going on">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | 'Much' going on">
<meta name="twitter:description" content="'Much' going on">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | 'Much' going on</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>Much going on</h1>
<p>Okay so.. I havent posted anything here for a while and kind of forgotten (damn), so I remembered now and decided its time to post another of these fabulous posts. Theres much been going on lately and Ive had a quite projects, for example, Dnyarri, a friend of mine, is creating a BLC -like MOBA game called Arkhados, he has a <a href="http://wlinna.wordpress.com/">blog of his own</a> and you can see Arkhados process and progress from there.</p> <p>Okay so.. I havent posted anything here for a while and kind of forgotten (damn), so I remembered now and decided its time to post another of these fabulous posts. Theres much been going on lately and Ive had a quite projects, for example, Dnyarri, a friend of mine, is creating a BLC -like MOBA game called Arkhados, he has a <a href="http://wlinna.wordpress.com/">blog of his own</a> and you can see Arkhados process and progress from there.</p>
<p>So as I said Arkhados is a BLC (Bloodline Champions) -like MOBA game, for others, who are not familiar with BLC, its a MOBA game where in beginning of the match players select their bloodlines to play with. When the match starts there is a smallish map where two teams fight eachother (1v1 to 5v5) and when the other team manages to kill other players of the opposite team, they win. You require x amount of wins to win the match, it is determined in rules and options.</p> <p>So as I said Arkhados is a BLC (Bloodline Champions) -like MOBA game, for others, who are not familiar with BLC, its a MOBA game where in beginning of the match players select their bloodlines to play with. When the match starts there is a smallish map where two teams fight eachother (1v1 to 5v5) and when the other team manages to kill other players of the opposite team, they win. You require x amount of wins to win the match, it is determined in rules and options.</p>
<p>Arkhados is much like that but at the moment there is only 3 rounds and basically nobody wins, also there is no teams (yet) and there will be multiple gamemodes, the only one and the current is deathmatch but for an example. there will be team deathmatch etc. later on in the game. Why Im telling this is because I (at least) see myself as one of the biggest factors in the game, like Im creating the heroes/champions (whatever they are really) and when we get to the certain point Ill be making most of the maps too. Of course Dnyarri has power over the heroes since hes making the game.</p> <p>Arkhados is much like that but at the moment there is only 3 rounds and basically nobody wins, also there is no teams (yet) and there will be multiple gamemodes, the only one and the current is deathmatch but for an example. there will be team deathmatch etc. later on in the game. Why Im telling this is because I (at least) see myself as one of the biggest factors in the game, like Im creating the heroes/champions (whatever they are really) and when we get to the certain point Ill be making most of the maps too. Of course Dnyarri has power over the heroes since hes making the game.</p>
@ -6,3 +60,10 @@
<p>Also I have cancelled the Red West project and continued with my old projects whitch can help the next textbased RPG Im going to make, Ill be providing links to their git repositerys too, so Im making a textbased game-engine whitch includes everything a textbased game could need to get started. I havent uploaded it to git yet but Im also making an <a href="https://github.com/Allexit/rpg-toolkit">rpg-toolkit</a>, its compactible with textbased RPG:s, 2D and 3D RPG:s, and everything else in between. Its supposed to handle much of the basic RPG elements, such as basic vendors, normal character, weapons, inventory, equipment, buffs and spells etc. The RPG-toolkit doesnt really have a name of its own, at least yet, it just is, mostly to be an community project. Also please note that the rpg-toolkit is in a very early stage and not ready for heavy criticism, so please if you look at it, look at it in a light perspective and be free to contribute with patches and suggestions.</p> <p>Also I have cancelled the Red West project and continued with my old projects whitch can help the next textbased RPG Im going to make, Ill be providing links to their git repositerys too, so Im making a textbased game-engine whitch includes everything a textbased game could need to get started. I havent uploaded it to git yet but Im also making an <a href="https://github.com/Allexit/rpg-toolkit">rpg-toolkit</a>, its compactible with textbased RPG:s, 2D and 3D RPG:s, and everything else in between. Its supposed to handle much of the basic RPG elements, such as basic vendors, normal character, weapons, inventory, equipment, buffs and spells etc. The RPG-toolkit doesnt really have a name of its own, at least yet, it just is, mostly to be an community project. Also please note that the rpg-toolkit is in a very early stage and not ready for heavy criticism, so please if you look at it, look at it in a light perspective and be free to contribute with patches and suggestions.</p>
<p>For the Tower Defence I was supposed to make with JMonkeyEngine is looking pretty bad, I havent worked on it for quite a while (QUITE) and Im feeling I should probably start the project all over again if I wanted it to happen. There are too much flaws in it.</p> <p>For the Tower Defence I was supposed to make with JMonkeyEngine is looking pretty bad, I havent worked on it for quite a while (QUITE) and Im feeling I should probably start the project all over again if I wanted it to happen. There are too much flaws in it.</p>
<p>But mosly Ive been slacking off and not getting any work done, althrough Ive had pretty rough days lately, it doesnt still explain why I havent done anything but played <a href="http://xonotic.org/">Xonotic</a>. Xonotic is pretty awesome btw, I recommen you checking it out, its a FOSS game created on DarkPlaces -engine, whitch is based on Quake Engine.Anyways I hope Ill get more active now and remember to post more on this blog.</p> <p>But mosly Ive been slacking off and not getting any work done, althrough Ive had pretty rough days lately, it doesnt still explain why I havent done anything but played <a href="http://xonotic.org/">Xonotic</a>. Xonotic is pretty awesome btw, I recommen you checking it out, its a FOSS game created on DarkPlaces -engine, whitch is based on Quake Engine.Anyways I hope Ill get more active now and remember to post more on this blog.</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,5 +1,66 @@
<h1>My absence</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="My absence">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | My absence">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="My absence">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | My absence">
<meta name="twitter:description" content="My absence">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | My absence</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>My absence</h1>
<p>ok.. so, Ive been faily absent from the blog for a while now, even tho its just begun, but I have my reasons for it.</p> <p>ok.. so, Ive been faily absent from the blog for a while now, even tho its just begun, but I have my reasons for it.</p>
<p>For the first, I want to make clear that this isnt the kinds of blogs that update like 4 times a day, I update when I get content to update. For the last days Ive gotten a little content now, but Ive somehow been so tired (because of school) and absent-minded that Ive kinda forgot. So, I left to see my dad (I go see him usually every second weekend) and while there, Im not able to access computer, so thats why I kind of forgot about this blog. And thats also why I havent had any content lately really, After going there Ive been just lazy and playing with my friends (you can see my progress on it on http://www.Duxter.com/Allexit) and thats not the kind of stuff I upload on this blog about.</p> <p>For the first, I want to make clear that this isnt the kinds of blogs that update like 4 times a day, I update when I get content to update. For the last days Ive gotten a little content now, but Ive somehow been so tired (because of school) and absent-minded that Ive kinda forgot. So, I left to see my dad (I go see him usually every second weekend) and while there, Im not able to access computer, so thats why I kind of forgot about this blog. And thats also why I havent had any content lately really, After going there Ive been just lazy and playing with my friends (you can see my progress on it on http://www.Duxter.com/Allexit) and thats not the kind of stuff I upload on this blog about.</p>
<p>So what Ive been doing the few days now, Ive started learning to use <a href="http://jmonkeyengine.org/">jMonkeyEngine</a>, a 3D engine for Java, I dont make any promies nor any speculations on upcoming games on it, but I hope to see it on more use on my projects later. Also I have this “old” text-based RPG -project called “Red West”, its at VERY early stage, not even really playable yet, so Im not sending a link, yet, but before I get to making that Im going to continue with my RPG-toolkit on python, I havent uploaded that on git yet, but I will soon after I get it some decent features more.</p> <p>So what Ive been doing the few days now, Ive started learning to use <a href="http://jmonkeyengine.org/">jMonkeyEngine</a>, a 3D engine for Java, I dont make any promies nor any speculations on upcoming games on it, but I hope to see it on more use on my projects later. Also I have this “old” text-based RPG -project called “Red West”, its at VERY early stage, not even really playable yet, so Im not sending a link, yet, but before I get to making that Im going to continue with my RPG-toolkit on python, I havent uploaded that on git yet, but I will soon after I get it some decent features more.</p>
<p>On the jMonkeyEngine, Im hoping to make a Tower Defence game as a training game, I might release it, but thats a <strong>huge maybe</strong>, and I dont think its going to include very good art nor much content so dont get your hopes up. also Im hoping to make an <strong>VERY old</strong> project Ive been speculating for like 3 years now, Ive never really began making it, ubt I hope I get to make it with jMonkeyEngine. The game is very Arcade-like and humoristic, its also a kind of zombie survival, youll see when I start making on it. Also other game I hope to make on jMonkeyEngine is an RPG game, which Ive been speculating too for quite a while, its going to have pretty much everything procedurally generated, from world to creatures, from weapons to cities. Im hoping to see much activity on that too a little later as I learn to use jMonkeyEngine a little more.</p> <p>On the jMonkeyEngine, Im hoping to make a Tower Defence game as a training game, I might release it, but thats a <strong>huge maybe</strong>, and I dont think its going to include very good art nor much content so dont get your hopes up. also Im hoping to make an <strong>VERY old</strong> project Ive been speculating for like 3 years now, Ive never really began making it, ubt I hope I get to make it with jMonkeyEngine. The game is very Arcade-like and humoristic, its also a kind of zombie survival, youll see when I start making on it. Also other game I hope to make on jMonkeyEngine is an RPG game, which Ive been speculating too for quite a while, its going to have pretty much everything procedurally generated, from world to creatures, from weapons to cities. Im hoping to see much activity on that too a little later as I learn to use jMonkeyEngine a little more.</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="Renovated grand opening">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | Renovated grand opening">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="Renovated grand opening">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | Renovated grand opening">
<meta name="twitter:description" content="Renovated grand opening">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | Renovated grand opening</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>Renovated grand opening</h1>
<p>Hello, so as many of you probably know, I havent posted in a remarkably long time. I can not answer your fervent question, weather its about to change or not, but Ive decided to take a complete new angle on this blog.</p>
<p>Now this blog is not just for my projects and programming stuff, but its for pretty much anything that I think of. Imagine twitter, but longer.</p>
<p>Ill now start posting again some updates about a few projects I might have etc. but along with that Ill be posting some rantings that might be philosophical, of public opinion, or some random criticism.</p>
<p>Till we meet again, have a jolly gay day.</p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,7 +1,68 @@
<h1>Updates updates..</h1> <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="Updates updates..">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Blog | Updates updates..">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="Updates updates..">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Blog | Updates updates..">
<meta name="twitter:description" content="Updates updates..">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Blog | Updates updates..</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>Updates updates..</h1>
<p>So, no I didnt forget about the blog meantime the last update I made, instead I actually posted one or two updates but Im not really sure why, they got removed and I didnt obviously have a backup on them. now Im just going to cover all Ive updated so in them and a bit more.</p> <p>So, no I didnt forget about the blog meantime the last update I made, instead I actually posted one or two updates but Im not really sure why, they got removed and I didnt obviously have a backup on them. now Im just going to cover all Ive updated so in them and a bit more.</p>
<p>So looking at Solid Kingdom, my newest project (see previous post where I tell more about it), its went on pretty well, I DO have it on github, in fact <a href="https://github.com/Allexit/Solid-Kingdom">this</a> is its github repositery, but I havent pushed updates into github for quite a long time actually, Im very sorry about that, it might look like the projects frozen but its actually running further than almost any of my projects has before. I still dont have any real gameplay on the actual game (Im currently working on it), but instead Ive been working on huge things behind the scenes and I think this game is going to be so good and so much fun to make. Im now going to try list all the things Ive done after I stopped using github; Ive added a layer system (easier to add messages and other things that overlap eachother). Ive also added some kind of message box system, thats not in real use yet but will be as soon as I get on the real gameplay. Ive now recently added an Action/ActionHandler system, this just makes it easier for me to first work on singleplayer side of the game and later implement multiplayer, Im not going to explain here with all the technical information on how it works, but in a nutshell, when you try to do anything it sends an action to the ActionHandler, whitch decides on what to do with it, after that it either processes the action itself or sends it to server to be processed (depends on if youre playing multiplayer or singleplayer). Ive also added tonnes of little things and bigger things too that I cant quite recall at the moment</p> <p>So looking at Solid Kingdom, my newest project (see previous post where I tell more about it), its went on pretty well, I DO have it on github, in fact <a href="https://github.com/Allexit/Solid-Kingdom">this</a> is its github repositery, but I havent pushed updates into github for quite a long time actually, Im very sorry about that, it might look like the projects frozen but its actually running further than almost any of my projects has before. I still dont have any real gameplay on the actual game (Im currently working on it), but instead Ive been working on huge things behind the scenes and I think this game is going to be so good and so much fun to make. Im now going to try list all the things Ive done after I stopped using github; Ive added a layer system (easier to add messages and other things that overlap eachother). Ive also added some kind of message box system, thats not in real use yet but will be as soon as I get on the real gameplay. Ive now recently added an Action/ActionHandler system, this just makes it easier for me to first work on singleplayer side of the game and later implement multiplayer, Im not going to explain here with all the technical information on how it works, but in a nutshell, when you try to do anything it sends an action to the ActionHandler, whitch decides on what to do with it, after that it either processes the action itself or sends it to server to be processed (depends on if youre playing multiplayer or singleplayer). Ive also added tonnes of little things and bigger things too that I cant quite recall at the moment</p>
<p>Now the reason Ive kind of stopped using github, is because it really makes my project harder to handle for me. Git is a nice and easy version control, but I cant use it very well, for example if I rename a file, it does not remove the old file from the repo nor rename it, just adds the renamed file as a new one. If Im ever going to return to using Github with Solid Kingdom, Im most likely going to make a full wipe and re-push everything. Now Im not saying Im stopping to use github on other projects, it works well in any other way and Im very pleased with it, Im just going to have to learn more how to use it and look back on it later.</p> <p>Now the reason Ive kind of stopped using github, is because it really makes my project harder to handle for me. Git is a nice and easy version control, but I cant use it very well, for example if I rename a file, it does not remove the old file from the repo nor rename it, just adds the renamed file as a new one. If Im ever going to return to using Github with Solid Kingdom, Im most likely going to make a full wipe and re-push everything. Now Im not saying Im stopping to use github on other projects, it works well in any other way and Im very pleased with it, Im just going to have to learn more how to use it and look back on it later.</p>
<p>On the story side of the Solid Kingdom, I havent really decided much, Ive decided that Im going to make some kind of “personal” wiki for the story and addthe story piece-by-piece there, not writing books or anything, but instead just listing out events, characters etc. from the story.</p> <p>On the story side of the Solid Kingdom, I havent really decided much, Ive decided that Im going to make some kind of “personal” wiki for the story and addthe story piece-by-piece there, not writing books or anything, but instead just listing out events, characters etc. from the story.</p>
<p>As some of you may have also noticed I always publish my working under “Smoldering Planet”, and as some of you might know, Smoldering Planet is my game-making studio. Obviously its not like a real company with oriented people doing stuff for me, but once in a while I might ask a friend to join me on a project, and we publish the work under the studio, and list our names in the credits. Anyways, Smoldering Planet has been going now for about 4 to 5 years, or maby even longer. Yes Smoldering Planet is VERY old, but its changed its name very many times for a number of reasons. Mostly because I just later thought the name is incredibly stupid. Smoldering Planet was first called “Lol Gamer Studios” (yes Im serious), it was like that for about a year or so, then it changed to “Forming Time Studios” (yes, Im not kidding). It stayed like that for about 2 years or so, when I changed to “OverCore”, I really never used the name, like it was there, but I never made a big thing about it. I dont think I ever even made a website for it. Anyways, after that I finally changed to Smoldering Planet, Im not very sure how long Ive been with the name, but I think its been aroud a year. After all this time Ive finally come up with a name I really like; Saltosion Entertainment or shortly just Saltosion. Yes Im changing the name again, not very sure when, but probably as soon as I get Saltosions new page up and running, I allready have a logo for it too.</p> <p>As some of you may have also noticed I always publish my working under “Smoldering Planet”, and as some of you might know, Smoldering Planet is my game-making studio. Obviously its not like a real company with oriented people doing stuff for me, but once in a while I might ask a friend to join me on a project, and we publish the work under the studio, and list our names in the credits. Anyways, Smoldering Planet has been going now for about 4 to 5 years, or maby even longer. Yes Smoldering Planet is VERY old, but its changed its name very many times for a number of reasons. Mostly because I just later thought the name is incredibly stupid. Smoldering Planet was first called “Lol Gamer Studios” (yes Im serious), it was like that for about a year or so, then it changed to “Forming Time Studios” (yes, Im not kidding). It stayed like that for about 2 years or so, when I changed to “OverCore”, I really never used the name, like it was there, but I never made a big thing about it. I dont think I ever even made a website for it. Anyways, after that I finally changed to Smoldering Planet, Im not very sure how long Ive been with the name, but I think its been aroud a year. After all this time Ive finally come up with a name I really like; Saltosion Entertainment or shortly just Saltosion. Yes Im changing the name again, not very sure when, but probably as soon as I get Saltosions new page up and running, I allready have a logo for it too.</p>
<p>Looking on this blog, I really like this blog and Im probably going to post here again in a week or two, so be prepared. Im also hoping Id see more visitors in this blog, not that I really like being famous or anything, but instead Id like to share my stories with the whole world and I want everyone to know them, and maeby even help me on some situations. If youd be so kind, tell your friends about me.</p> <p>Looking on this blog, I really like this blog and Im probably going to post here again in a week or two, so be prepared. Im also hoping Id see more visitors in this blog, not that I really like being famous or anything, but instead Id like to share my stories with the whole world and I want everyone to know them, and maeby even help me on some situations. If youd be so kind, tell your friends about me.</p>
</article>
</div>
</div>
</body>
</html>

37
public/css/blogposts.css Normal file
View File

@ -0,0 +1,37 @@
.blogposts {
padding: 0;
list-style: none;
}
.blogposts > li a {
display: table;
width: var(--content-width);
transition: 0.2s;
background-color: #222;
overflow: scroll;
text-decoration: none;
padding: 1em;
padding-top: 0.5em;
color: var(--color-navbar-fg);
}
.blogposts > li:hover a {
background-color: #1a1a1a;
}
.blogposts > li a > * {
margin: 0;
}
.blogposts > li a:focus {
outline: none;
background-color: #1a1a1a;
}
.blogposts h3 {
color: var(--highlight-color);
}
.blogposts .timestamp {
color: #868282;
font-style: italic;
}

102
public/css/custom.css Normal file
View File

@ -0,0 +1,102 @@
:root {
--color-main: #272727 !important;
--color-navbar-bg: #252525 !important;
--color-navbar-button: #222 !important;
--color-navbar-button-hover: #1a1a1a !important;
--color-navbar-button-focus: #161616 !important;
--color-navbar-border-bottom: #252525 !important;
--color-content-bg: #282828 !important;
--color-content-fg: #cfcfcf !important;
--highlight-color: #ff0091 !important;
--content-width: calc(100% - 4em) !important;
--navbar-width: 80% !important;
}
.container {
width: 100%;
height: 100%;
display: inline-flex;
flex-direction: row;
}
.teacup {
flex: auto;
background-color: #1f1f1f;
text-align: center;
height: 100%;
display:flex;
justify-content:center;
align-items:center;
}
.teacup img {
width: 70%;
margin: auto;
}
article > *:last-child {
padding-bottom: 2em;
}
.content {
flex: auto;
width: 30%;
height: 100%;
overflow: auto;
}
h1 {
color: var(--highlight-color);
}
article p, article h2, article h3, hr {
margin-top: 1em;
}
.itch-embedded {
max-width: var(--content-width);
}
@media (max-width: 900px) {
.container {
flex-direction: column;
}
.teacup {
height: 10%;
}
.teacup img {
height: 100%;
}
.content {
width: 100%;
}
:root {
--content-side-padding: 0%;
--content-width: 100%;
--navbar-text-size: 30px;
--content-text-size: 1.5em;
--navbar-width: 100% !important;
}
nav {
height: auto;
}
nav li {
display: block;
}
nav li a {
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
border: solid 3px var(--color-navbar-button-hover);
}
}

179
public/css/default.css Normal file
View File

@ -0,0 +1,179 @@
:root {
--color-main-bg: rgb(38, 40, 43);
--color-navbar-bg: rgb(52, 52, 56);
--color-navbar-button: rgb(50, 50, 53);
--color-navbar-button-hover: rgb(43, 43, 46);
--color-navbar-button-focus: rgb(44, 44, 48);
--color-navbar-border-bottom: rgb(41, 41, 44);
--color-content-bg: rgb(44, 44, 48);
--color-content-fg: rgb(164, 161, 172);
--navbar-height: 3.5vw;
--navbar-width: 60%;
--navbar-padding-size: 0.5em;
--navbar-text-size: 24px;
--content-width: 50%;
--content-text-size: 1.2em;
--content-top-padding: 2em;
--content-side-padding: 2em;
--highlight-color: rgb(230, 134, 217);
}
body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-family: Roboto, Helvetica, sans-serif;
background-color: var(--color-main-bg);
}
#text {
width: 100%;
margin: 0;
padding: 0;
}
/* Navbar styles */
nav {
width: 100%;
height: var(--navbar-height);
background-color: var(--color-navbar-bg);
border-bottom: solid 4px var(--color-navbar-border-bottom);
}
nav ul {
height: 100%;
font-size: 0;
margin: 0;
padding: 0;
list-style-type: none;
width: var(--navbar-width);
margin-left: auto;
margin-right: auto;
}
nav li {
height: 100%;
font-size: var(--navbar-text-size);
display: inline-block;
margin: 0;
}
nav li a {
display: block;
height: 100%;
background-color: var(--color-navbar-button);
color: var(--highlight-color);
text-decoration: none;
padding-left: var(--navbar-padding-size);
padding-right: var(--navbar-padding-size);
transition: 0.15s;
border-left: solid 3px var(--color-navbar-button-hover);
position: relative;
}
nav li:not(.image) a {
display: flex;
justify-content: center;
flex-direction: column;
}
nav li:first-child a {
border-left: solid 3px var(--color-navbar-button-hover);
}
nav li:last-child a {
border-right: solid 3px var(--color-navbar-button-hover);
}
nav ul a:hover {
background-color: var(--color-navbar-button-hover);
}
nav ul a:focus {
outline: none;
background-color: var(--color-navbar-button-focus);
}
/* Navbar images */
nav img {
height: var(--navbar-height);
vertical-align: top;
border: 50%;
}
nav li.image {
position: relative;
bottom: calc(var(--navbar-height) / 4);
padding: 0;
}
nav li.image a {
height: auto;
}
/* Article styles */
article {
width: var(--content-width);
min-height: calc(100% - var(--navbar-height) - var(--content-top-padding) - 4px);
margin: auto;
padding-top: var(--content-top-padding);
padding-left: var(--content-side-padding);
padding-right: var(--content-side-padding);
background-color: var(--color-content-bg);
color: var(--color-content-fg);
font-size: var(--content-text-size);
}
@media (max-width: 900px) {
:root {
--content-side-padding: 5%;
--content-width: 90%;
--navbar-text-size: 30px;
--content-text-size: 1.5em;
--navbar-width: 100%;
}
nav {
height: auto;
}
nav li {
display: block;
}
nav li a {
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
border: solid 3px var(--color-navbar-button-hover);
}
}
@media (max-width: 1500px) and (min-width: 900px) {
:root {
--content-width: 70% !important;
--navbar-text-size: 30px;
--navbar-height: 5vw;
}
}
article > * {
margin: 0;
}
article a {
color: var(--highlight-color);
}
article img {
max-width: calc(100% - var(--content-side-padding));
}

16
public/css/loadbar.css Normal file
View File

@ -0,0 +1,16 @@
#loadbar {
position: absolute;
top: 0;
left: 0;
height: 0.2em;
background-color: var(--highlight-color);
z-index: 1;
transition: 0.1s;
width: 0%;
opacity: 0;
}
#loadbar.loading {
opacity: 1;
}

70
public/games/index.html Normal file
View File

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="The games I've done, which is not many.">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Games">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="The games I've done, which is not many.">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Games">
<meta name="twitter:description" content="The games I've done, which is not many.">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Games</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<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://git.teasca.de/teascade">selfhosted git</a> (Or <a href="https://github.com/teascade">GitHub</a> if you're sceptical).
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>
<h3><a href="/saltosion">Saltosion</a></h3>
<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.
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>
</article>
</div>
</div>
</body>
</html>

View File

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

83
public/index.html Normal file
View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="Game dev, artist and a philosopher featuring very bad jokes.">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | About">
<meta property="og:site_name" 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="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | About</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<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 href="/games">my games</a>,
<a 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://git.teasca.de/teascade">Selfhosted Git</a></li>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://cybergay.space/users/teascade">Mastodon (@Teascade@cybergay.space)</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>
</article>
</div>
</div>
</body>
</html>

94
public/js/default.js Normal file
View File

@ -0,0 +1,94 @@
var _default_js_pageloader = {
begin: (url) => { console.log("Started to load " + url); },
progress: (url, current, total) => { console.log("Progress of " + url + ": " + current + "/" + current + " (" + ((current / total) * 100) + "%)"); },
loaded: (url, after_load) => { console.log("Loaded " + url); after_load(); }
}
function _default_js_main() {
let elements = document.getElementsByTagName("a");
for (element of elements) {
if (element.hostname == window.location.hostname) {
element.onclick = _default_js_onclick;
}
}
window.onpopstate = function () {
var page = window.location
_default_js_open_page(page, false);
};
}
function _default_js_onclick(event) {
event.preventDefault();
let node = event.target;
while (node.nodeName != "A") {
if (node.parentNode == null) {
return;
}
node = node.parentNode;
}
let url = node.href;
_default_js_open_page(url, true);
}
function _default_js_open_page(url, no_pop_state) {
let request = new XMLHttpRequest();
request.addEventListener("loadstart", (progress) => {
_default_js_pageloader.begin(url);
});
request.addEventListener("progress", (progress) => {
_default_js_pageloader.progress(url, progress.loaded, progress.total);
});
request.addEventListener("loadend", (progress) => {
_default_js_pageloader.loaded(url, () => {
let parser = new DOMParser();
let new_document = parser.parseFromString(request.responseText, "text/html");
change_page(new_document, url, no_pop_state);
});
});
request.open("GET", url);
request.send();
}
function change_page(new_document, new_url, no_pop_state) {
// Some meta tags
document.title = new_document.title;
let new_favicon = "";
new_favicon = new_document.querySelector("link[rel*='icon']").href;
document.querySelector("link[rel*='icon']").href = new_favicon;
// Replace css/js tags
let list = document.getElementsByClassName("._default_js_meta");
for (i in list) {
let element = list[0];
if (element !== undefined) {
element.parentNode.removeChild(element);
}
}
let new_list = new_document.getElementsByClassName("._default_js_meta");
for (i in new_list) {
let element = new_list[0];
if (element !== undefined) {
document.head.appendChild(element);
}
}
// Actually replace the content
document.body = new_document.body;
_default_js_main();
// Do history modifications
if (no_pop_state) {
window.history.pushState(new_url, new_url, new_url);
}
}

19
public/js/loadbar.js Normal file
View File

@ -0,0 +1,19 @@
_default_js_pageloader.begin = () => {
let loadbar = document.getElementById("loadbar");
loadbar.classList = "loading";
loadbar.style.width = "5%";
}
_default_js_pageloader.progress = (url, current, total) => {
let loadbar = document.getElementById("loadbar");
let percent = (current / total) * 100;
loadbar.style.width = percent + "%";
}
_default_js_pageloader.loaded = (url, after_load) => {
let loadbar = document.getElementById("loadbar");
loadbar.style.width = "100%";
loadbar.classList = "";
setTimeout(after_load, 100);
}

View File

@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Teascade">
<meta name="description" content="The games I've done with other people.">
<meta charset="utf-8">
<meta name="robots" content="all">
<meta name="google-site-verification" content="xMTesqfhCjQW48l2C5bOqYK6HsOXJORfF4gW_tkjBMo" />
<meta property="og:title" content="Teascade | Saltosion">
<meta property="og:site_name" content="Teascade">
<meta property="og:type" content="website">
<meta property="og:description" content="The games I've done with other people.">
<meta property="og:image" content="/img/favicon.png">
<meta property="og:image:secure_url" content="/img/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 | Saltosion">
<meta name="twitter:description" content="The games I've done with other people.">
<meta name="twitter:image" content="/img/favicon.png">
<script type="text/javascript" src="/js/default.js"></script>
<link rel="stylesheet" href="/css/default.css"> <link class="._default_js_meta" rel="stylesheet" href="/css/loadbar.css"><link class="._default_js_meta" rel="stylesheet" href="/css/custom.css"><link class="._default_js_meta" rel="stylesheet" href="/css/blogposts.css"><script class="._default_js_meta" type="application/javascript" src="/js/loadbar.js"></script>
<link rel="shortcut icon" href="/img/favicon.png"></link>
<title>Teascade | Saltosion</title>
</head>
<body onload="_default_js_main()" >
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">
<nav>
<ul>
<li>
<a href="/">About</a>
</li><li>
<a href="/games">Games</a>
</li><li>
<a href="/blog">Blog</a>
</li>
</ul>
</nav>
<article>
<h1>Saltosion</h1>
<p>Saltosion is an organization founded by me, <a 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://git.teasca.de/saltosion">Selfhosted Git</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></p>
<p>By <a href="/about">Teascade</a> and <a href="https://neon.moe/">Neonmoe</a></p>
</article>
</div>
</div>
</body>
</html>

View File

@ -1,113 +0,0 @@
<!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 | saltosion">
<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 | saltosion">
<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 | saltosion</title>
</head>
<body onload="main('saltosion')">
<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>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://git.teasca.de/teascade">Selfhosted Git</a></li>
<li><a href="https://github.com/teascade">GitHub (Teascade)</a></li>
<li><a href="https://cybergay.space/users/teascade">Mastodon (@Teascade@cybergay.space)</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>
<p><em>(By the way, don't get tooo attached to these sites, I intend to rework my websites some day)</em></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://git.teasca.de/teascade">selfhosted git</a> (Or <a href="https://github.com/teascade">GitHub</a> if you're sceptical).<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" >
<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://git.teasca.de/saltosion">Selfhosted Git</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></p>
<p>By <a class="js-link" href="/about">Teascade</a> and <a href="https://neon.moe/">Excitedneon</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>

View File

@ -11,8 +11,8 @@ And a few things I am not;
- _A normal person_ - _A normal person_
Assuming I've _totally_ caught your interest (for now at least), how about you check out [my games]$(/games), Assuming I've _totally_ caught your interest (for now at least), how about you check out [my games](/games),
[my blog]$(/blog), and if you want to get **really** invested, you should check out some of the [my blog](/blog), and if you want to get **really** invested, you should check out some of the
following things: following things:
- [Selfhosted Git](https://git.teasca.de/teascade) - [Selfhosted Git](https://git.teasca.de/teascade)
@ -22,5 +22,3 @@ following things:
- [Reddit (not very active, /u/teascade)](https://reddit.com/u/teascade) - [Reddit (not very active, /u/teascade)](https://reddit.com/u/teascade)
And if you have a really desperate urge to contact me, you may try to email me at [teascade@gmail.com](mailto:teascade@gmail.com) And if you have a really desperate urge to contact me, you may try to email me at [teascade@gmail.com](mailto:teascade@gmail.com)
_(By the way, don't get tooo attached to these sites, I intend to rework my websites some day)_

11
src/about.toml Normal file
View File

@ -0,0 +1,11 @@
[page]
html_path = "index.html"
title = "Teascade | About"
description = "Game dev, artist and a philosopher featuring very bad jokes."
content_path = "about.md"
#favicon = "/favicon.png"
#before_navbar_url = "/navbar.html"
#before_content_url = "/before_content.html"
#after_content_url = "/after_content.html"
#javascript = ["Additional JavaScript"]
#css = ["Additional CSS"]

View File

@ -2,10 +2,6 @@ Blog
==== ====
Welcome to my weird and messy blog! Welcome to my weird and messy blog!
Also remember to check out my Twitter [@Teascade](https://twitter.com/teascade) Also remember to check out my Mastodong [@Teascade@cybergay.space](https://cybergay.space)
<noscript><p> [from_toml$src/from_toml/blog.toml]
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>

11
src/blog.toml Normal file
View File

@ -0,0 +1,11 @@
[page]
html_path = "blog/index.html"
title = "Teascade | Blog"
description = "The things that I have blogged about."
content_path = "blog.md"
#favicon = "/favicon.png"
#before_navbar_url = "/navbar.html"
#before_content_url = "/before_content.html"
#after_content_url = "/after_content.html"
#javascript = ["Additional JavaScript"]
#css = ["Additional CSS"]

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/beenalongtime/index.html"
title = "Teascade | Blog | Its been a long time, isnt it?"
description = "Its been a long time, isnt it?"
content_path = "beenalongtime.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/bestworstyears/index.html"
title = "Teascade | Blog | How the “best years of my life” are quickly becoming the worst"
description = "How the “best years of my life” are quickly becoming the worst"
content_path = "bestworstyears.md"

View File

@ -1,57 +0,0 @@
[
{
"title": "First blogpost!",
"source": "021116_2346_first.html",
"time": 1478123391045
},
{
"title": "How the “best years of my life” are quickly becoming the worst",
"source": "060416_0000_bestyears.html",
"time": 1459904400000
},
{
"title": "The matrix is (uncertainly) real!",
"source": "311015_0000_matrix.html",
"time": 1440896400000
},
{
"title": "Renovated grand opening",
"source": "281016_0000_grand.html",
"time": 1440723600000
},
{
"title": "January update",
"source": "230114_0000_january.html",
"time": 1390442400001
},
{
"title": "Updates updates..",
"source": "230114_0000_updates.html",
"time": 1390442400000
},
{
"title": "Its been a long time, isnt it?",
"source": "161213_0000_longtime.html",
"time": 1387159200000
},
{
"title": "Much going on",
"source": "220913_0000_much.html",
"time": 1379811600000
},
{
"title": "My absence",
"source": "160813_0000_absence.html",
"time": 1376614800000
},
{
"title": "My first meaningful post",
"source": "060813_0000_meaningful.html",
"time": 1375750800001
},
{
"title": "The Creation",
"source": "060813_0000_creation.html",
"time": 1375750800000
}
]

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/creation/index.html"
title = "Teascade | Blog | Creation"
description = "Creation"
content_path = "creation.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/firstblogpost/index.html"
title = "Teascade | Blog | First blogpost!"
description = "First blogpost!"
content_path = "firstblogpost.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/firstmeaningful/index.html"
title = "Teascade | Blog | My first meaningful post"
description = "My first meaningful post"
content_path = "firstmeaningful.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/januaryupdate/index.html"
title = "Teascade | Blog | January update"
description = "January update"
content_path = "januaryupdate.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/matrixisreal/index.html"
title = "Teascade | Blog | The matrix is (uncertainly) real!"
description = "The matrix is (uncertainly) real!"
content_path = "matrixisreal.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/muchgoingon/index.html"
title = "Teascade | Blog | 'Much' going on"
description = "'Much' going on"
content_path = "muchgoingon.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/myabsence/index.html"
title = "Teascade | Blog | My absence"
description = "My absence"
content_path = "myabsence.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/renovatedgrandopening/index.html"
title = "Teascade | Blog | Renovated grand opening"
description = "Renovated grand opening"
content_path = "renovatedgrandopening.md"

View File

@ -0,0 +1,5 @@
[page]
html_path = "blog/updatesupdates/index.html"
title = "Teascade | Blog | Updates updates.."
description = "Updates updates.."
content_path = "updatesupdates.md"

60
src/from_toml/blog.toml Normal file
View File

@ -0,0 +1,60 @@
[meta]
rendered = ["firstblogpost", "bestworstyears", "matrixisreal", "renovatedgrandopening", "januaryupdate", "updatesupdates", "beenalongtime", "muchgoingon", "myabsence", "firstmeaningful", "creation"]
template = "src/from_toml/templates/blogpost.html"
list_classes = "blogposts"
is_list = true
[list.firstblogpost]
link = "/blog/firstblogpost/index.html"
title = "First blogpost!"
timestamp = "Wed, 02 Nov 2016"
[list.bestworstyears]
link = "/blog/bestworstyears/index.html"
title = "How the “best years of my life” are quickly becoming the worst"
timestamp = "Wed, 06 Apr 2016"
[list.matrixisreal]
link = "/blog/matrixisreal/index.html"
title = "The matrix is (uncertainly) real!"
timestamp = "Sun, 30 Aug 2015"
[list.renovatedgrandopening]
link = "/blog/renovatedgrandopening/index.html"
title = "Renovated grand opening"
timestamp = "Fri, 28 Aug 2015"
[list.januaryupdate]
link = "/blog/januaryupdate/index.html"
title = "January update"
timestamp = "Thu, 23 Jan 2014"
[list.updatesupdates]
link = "/blog/updatesupdates/index.html"
title = "Updates updates.."
timestamp = "Thu, 23 Jan 2014"
[list.beenalongtime]
link = "/blog/beenalongtime/index.html"
title = "Its been a long time, isnt it?"
timestamp = "Mon, 16 Dec 2013"
[list.muchgoingon]
link = "/blog/muchgoingon/index.html"
title = "Much going on"
timestamp = "Sun, 22 Sep 2013"
[list.myabsence]
link = "/blog/myabsence/index.html"
title = "My absence"
timestamp = "Fri, 16 Aug 2013"
[list.firstmeaningful]
link = "/blog/firstmeaningful/index.html"
title = "My first meaningful post"
timestamp = "Tue, 06 Aug 2013"
[list.creation]
link = "/blog/creation/index.html"
title = "Creation"
timestamp = "Tue, 06 Aug 2013"

View File

@ -0,0 +1,8 @@
[meta]
rendered = ["game"]
template = "src/from_toml/templates/itch.html"
list_classes = ""
is_list = false
[list.game]
id = "94673"

View File

@ -0,0 +1,11 @@
[meta]
rendered = ["one_thing", "another_thing"]
template = "test_page/resources/template.html"
list_classes = "test_class"
is_list = true
[list.one_thing]
thing = "jotain"
[list.another_thing]
thing = "jotain muuta"

View File

@ -0,0 +1,4 @@
<a href="{{link}}">
<h3>{{title}}</h3>
<p class="timestamp">{{timestamp}}</p>
</a>

View File

@ -0,0 +1,2 @@
<iframe class="itch-embedded" frameborder="0" src="https://itch.io/embed/{{id}}?linkback=true&amp;bg_color=222&amp;fg_color=fff&amp;link_color=ff0091&amp;border_color=303030"
width="552" height="167"></iframe>

View File

@ -4,10 +4,10 @@ Games
I have a tonne of games none of which are released! You can check some of them from my [selfhosted git](https://git.teasca.de/teascade) (Or [GitHub](https://github.com/teascade) if you're sceptical). I have a tonne of games none of which are released! You can check some of them from my [selfhosted git](https://git.teasca.de/teascade) (Or [GitHub](https://github.com/teascade) if you're sceptical).
Once I release them I'll make sure to post them here and on [my itch.io](https://teascade.itch.io)! Once I release them I'll make sure to post them here and on [my itch.io](https://teascade.itch.io)!
## [Saltosion]$(/saltosion) ### [Saltosion](/saltosion)
I have this organization though ([See GitHub!](https://github.com/saltosion)), which I I have this organization though ([See GitHub!](https://github.com/saltosion)), which I
sometimes use when collaborating games with other people. sometimes use when collaborating games with other people.
The games made under this organization then are listed here (aswell with [Saltosion's own itch.io](https://saltosion.itch.io)) The games made under this organization then are listed here (aswell with [Saltosion's own itch.io](https://saltosion.itch.io))
[itch$94673] [from_toml$src/from_toml/games_itch.toml]

11
src/games.toml Normal file
View File

@ -0,0 +1,11 @@
[page]
html_path = "games/index.html"
title = "Teascade | Games"
description = "The games I've done, which is not many."
content_path = "games.md"
#favicon = "/favicon.png"
#before_navbar_url = "/navbar.html"
#before_content_url = "/before_content.html"
#after_content_url = "/after_content.html"
#javascript = ["Additional JavaScript"]
#css = ["Additional CSS"]

View File

@ -0,0 +1,2 @@
</div>
</div>

View File

@ -0,0 +1,7 @@
<div id="loadbar"></div>
<div class="container">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="content">

View File

@ -0,0 +1,37 @@
.blogposts {
padding: 0;
list-style: none;
}
.blogposts > li a {
display: table;
width: var(--content-width);
transition: 0.2s;
background-color: #222;
overflow: scroll;
text-decoration: none;
padding: 1em;
padding-top: 0.5em;
color: var(--color-navbar-fg);
}
.blogposts > li:hover a {
background-color: #1a1a1a;
}
.blogposts > li a > * {
margin: 0;
}
.blogposts > li a:focus {
outline: none;
background-color: #1a1a1a;
}
.blogposts h3 {
color: var(--highlight-color);
}
.blogposts .timestamp {
color: #868282;
font-style: italic;
}

View File

@ -0,0 +1,102 @@
:root {
--color-main: #272727 !important;
--color-navbar-bg: #252525 !important;
--color-navbar-button: #222 !important;
--color-navbar-button-hover: #1a1a1a !important;
--color-navbar-button-focus: #161616 !important;
--color-navbar-border-bottom: #252525 !important;
--color-content-bg: #282828 !important;
--color-content-fg: #cfcfcf !important;
--highlight-color: #ff0091 !important;
--content-width: calc(100% - 4em) !important;
--navbar-width: 80% !important;
}
.container {
width: 100%;
height: 100%;
display: inline-flex;
flex-direction: row;
}
.teacup {
flex: auto;
background-color: #1f1f1f;
text-align: center;
height: 100%;
display:flex;
justify-content:center;
align-items:center;
}
.teacup img {
width: 70%;
margin: auto;
}
article > *:last-child {
padding-bottom: 2em;
}
.content {
flex: auto;
width: 30%;
height: 100%;
overflow: auto;
}
h1 {
color: var(--highlight-color);
}
article p, article h2, article h3, hr {
margin-top: 1em;
}
.itch-embedded {
max-width: var(--content-width);
}
@media (max-width: 900px) {
.container {
flex-direction: column;
}
.teacup {
height: 10%;
}
.teacup img {
height: 100%;
}
.content {
width: 100%;
}
:root {
--content-side-padding: 0%;
--content-width: 100%;
--navbar-text-size: 30px;
--content-text-size: 1.5em;
--navbar-width: 100% !important;
}
nav {
height: auto;
}
nav li {
display: block;
}
nav li a {
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
border: solid 3px var(--color-navbar-button-hover);
}
}

View File

@ -0,0 +1,16 @@
#loadbar {
position: absolute;
top: 0;
left: 0;
height: 0.2em;
background-color: var(--highlight-color);
z-index: 1;
transition: 0.1s;
width: 0%;
opacity: 0;
}
#loadbar.loading {
opacity: 1;
}

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View File

@ -0,0 +1,245 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="350"
height="350"
viewBox="0 0 350.00001 350.00001"
id="svg2"
version="1.1"
inkscape:version="0.91 r"
sodipodi:docname="teascade.svg"
inkscape:export-filename="D:\images\teascade_finished.png"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300">
<defs
id="defs4">
<linearGradient
id="linearGradient4632"
osb:paint="solid">
<stop
style="stop-color:#9a0000;stop-opacity:1;"
offset="0"
id="stop4634" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.28"
inkscape:cx="188.01299"
inkscape:cy="181.98037"
inkscape:document-units="px"
inkscape:current-layer="layer13"
showgrid="false"
inkscape:window-width="1366"
inkscape:window-height="713"
inkscape:window-x="-2"
inkscape:window-y="-3"
inkscape:window-maximized="1"
units="px" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer13"
inkscape:label="bg"
transform="translate(0,-702.36218)">
<rect
style="display:inline;opacity:1;fill:#ffffff;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="rect3358"
width="350"
height="350"
x="0"
y="702.36218"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Background"
transform="translate(0,-702.36218)" />
<g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="CUPBG"
transform="translate(0,-702.36218)">
<path
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 294.27013,814.83719 c -7.71771,0 -15.05662,3.12867 -20.39843,8.59179 a 102.73197,108.76564 0 0 0 -0.35352,-1.65429 l -199.57813,0 a 102.73197,108.76564 0 0 0 -2.94335,25.3164 102.73197,108.76564 0 0 0 42.77343,88.13282 l -79.8125,0 c 3.55199,2.75175 32.643,27.01562 139.47071,27.01562 104.07689,0 134.81055,-23.30076 139.04297,-27.01562 l -78.72266,0 a 102.73197,108.76564 0 0 0 38.39844,-57.48438 c 5.73529,-4.34285 12.00621,-5.55359 22.12304,-5.75195 15.76754,-0.30917 28.55469,-12.79235 28.55469,-28.57422 0,-15.78188 -12.78449,-28.57617 -28.55469,-28.57617 z m -0.53125,13.16601 c 1.91577,-0.0672 3.79607,0.13402 5.55078,0.68555 9.86958,4.01652 12.99204,13.55999 6.89063,23.27344 -5.7578,9.15984 -20.33613,8.80029 -30.48047,7.10742 a 102.73197,108.76564 0 0 0 0.75977,-11.97852 102.73197,108.76564 0 0 0 -0.67578,-11.62109 c 3.46875,-3.38042 10.93568,-7.22061 17.95507,-7.4668 z"
id="path4168-7"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Holder Shadow"
style="display:inline;opacity:0.5"
transform="translate(0,-702.36218)">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 285.75667,816.27526 c 19.63437,-6.39823 31.75467,15.39909 32.42133,24.26142 0.80176,10.54993 -1.32383,29.50244 -29.52366,31.62434 20.74516,0.70509 34.55494,-17.23211 34.91462,-29.06407 0,-14.67066 -15.74857,-33.31254 -37.81229,-26.82169 z m -13.54122,61.68498 c -0.57713,0.0483 -1.15599,0.0893 -1.73633,0.12304 l -0.0605,1.42969 c 0.59658,-0.55928 1.19513,-1.06774 1.79688,-1.55273 z"
id="path4231-8"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="Holder"
style="display:inline"
transform="translate(0,-702.36218)">
<path
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.80100012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 272.34617,825.49881 c 5.41857,-6.78574 13.62715,-10.73664 22.30695,-10.73664 15.7702,0 28.55447,12.79373 28.55447,28.57561 l 0,0 c 0,15.78187 -12.78693,28.26645 -28.55447,28.57562 -11.58346,0.22712 -18.12685,1.77765 -24.59542,7.84181"
id="path4231"
inkscape:connector-curvature="0"
sodipodi:nodetypes="csccsc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.80100012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 274.46053,859.25302 c 10.15083,1.89136 25.91432,2.74664 31.95205,-6.85853 6.10141,-9.71345 2.97861,-19.25754 -6.89097,-23.27406 -9.35845,-2.94147 -22.30465,4.09118 -25.00302,8.56883"
id="path4295"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Cup stripe"
style="display:inline"
transform="translate(0,-702.36218)">
<path
style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#ff0091;stroke-width:14.81098843;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 70.59609,858.52638 204.53085,0"
id="path4563"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:label="Cup"
inkscape:groupmode="layer"
id="layer1"
style="display:inline;opacity:1"
transform="translate(0,-702.36218)">
<path
style="fill:#ffffff;fill-opacity:0;fill-rule:evenodd;stroke:#000000;stroke-width:5.91787386;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 73.55229,822.45472 a 102.73197,108.76564 0 0 0 -2.94267,25.31716 102.73197,108.76564 0 0 0 43.24732,88.50982 l 119.05374,0 a 102.73197,108.76564 0 0 0 43.16206,-88.50982 102.73197,108.76564 0 0 0 -2.94268,-25.31716 l -199.57777,0 z"
id="path4153"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Cup shadow"
style="display:inline;opacity:0.5"
transform="translate(0,-702.36218)">
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.15201294;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 229.88609,825.2888 c 0.99255,6.66979 1.50201,13.4579 1.52093,20.26523 -2.67946,35.126 -18.42432,74.15524 -43.28735,92.4571 l 43.65106,0 c 25.53331,-17.11518 42.71634,-49.1335 42.71656,-85.81006 -0.0285,-9.1041 -1.13876,-18.16015 -3.2994,-26.91227 l -41.3018,0 z"
id="path4503"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer11"
inkscape:label="TEABG"
style="display:inline"
transform="translate(0,-702.36218)">
<path
style="fill:#ff0091;fill-opacity:1;stroke:#ff0091;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 135.9838,876.47616 0.0863,7.89912 7.0521,-0.0417 -0.35377,33.95529 -34.8877,0 0.35377,-33.95529 0,0 6.40592,-0.13704 0.0348,-7.68895 z"
id="path4337-3-2"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Teabag"
style="display:inline"
transform="translate(0,-702.36218)">
<path
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 135.9827,876.27068 0.0863,7.89912 7.0521,-0.0417 -0.35377,33.95529 -34.8877,0 0.35377,-33.95529 0,0 6.40592,-0.13704 0.0348,-7.68895 z"
id="path4337"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 125.52076,820.90433 0,56.36841"
id="path4345"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Cupthing"
style="display:inline"
transform="translate(0,-702.36218)">
<path
style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.24861383;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 34.25124,936.10396 c 3.55199,2.75175 32.64282,27.01592 139.47053,27.01592 104.07689,0 134.81109,-23.30106 139.04351,-27.01592 z"
id="path4168"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Cupthing shadow"
style="display:inline;opacity:0.5"
transform="translate(0,-702.36218)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.20810235px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 192.48897,936.68269 c 3.70248,8.95594 4.29401,14.62365 0.69994,26.45656 44.77941,-1.41734 109.60535,-21.93842 118.02956,-26.45656 z"
id="path4523"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,245 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="301"
height="154"
viewBox="0 0 301.00001 154"
id="svg2"
version="1.1"
inkscape:version="0.91 r"
sodipodi:docname="teascade_cropped.svg"
inkscape:export-filename="D:\images\teascade_finished.png"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300">
<defs
id="defs4">
<linearGradient
id="linearGradient4632"
osb:paint="solid">
<stop
style="stop-color:#9a0000;stop-opacity:1;"
offset="0"
id="stop4634" />
</linearGradient>
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.28"
inkscape:cx="263.47344"
inkscape:cy="141.06054"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1366"
inkscape:window-height="713"
inkscape:window-x="-2"
inkscape:window-y="-3"
inkscape:window-maximized="1"
units="px" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer13"
inkscape:label="bg"
transform="translate(0,-898.36218)">
<rect
style="display:inline;opacity:1;fill:#ffffff;fill-opacity:0;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="rect3358"
width="350"
height="350"
x="0"
y="702.36218"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Background"
transform="translate(0,-898.36218)" />
<g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="CUPBG"
transform="translate(0,-898.36218)">
<path
style="opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 270.61513,900.45518 c -7.71771,0 -15.05662,3.12867 -20.39843,8.59179 a 102.73197,108.76564 0 0 0 -0.35352,-1.65429 l -199.57813,0 a 102.73197,108.76564 0 0 0 -2.94335,25.3164 102.73197,108.76564 0 0 0 42.77343,88.13282 l -79.8125,0 c 3.55199,2.7518 32.643,27.0156 139.47071,27.0156 104.07689,0 134.81055,-23.3007 139.04297,-27.0156 l -78.72266,0 a 102.73197,108.76564 0 0 0 38.39844,-57.48438 c 5.73529,-4.34285 12.00621,-5.55359 22.12304,-5.75195 15.76754,-0.30917 28.55469,-12.79235 28.55469,-28.57422 0,-15.78188 -12.78449,-28.57617 -28.55469,-28.57617 z m -0.53125,13.16601 c 1.91577,-0.0672 3.79607,0.13402 5.55078,0.68555 9.86958,4.01652 12.99204,13.55999 6.89063,23.27344 -5.7578,9.15984 -20.33613,8.80029 -30.48047,7.10742 a 102.73197,108.76564 0 0 0 0.75977,-11.97852 102.73197,108.76564 0 0 0 -0.67578,-11.62109 c 3.46875,-3.38042 10.93568,-7.22061 17.95507,-7.4668 z"
id="path4168-7"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Holder Shadow"
style="display:inline;opacity:0.5"
transform="translate(0,-898.36218)">
<path
style="display:inline;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 262.10167,901.89325 c 19.63437,-6.39823 31.75467,15.39909 32.42133,24.26142 0.80176,10.54993 -1.32383,29.50244 -29.52366,31.62434 20.74516,0.70509 34.55494,-17.23211 34.91462,-29.06407 0,-14.67066 -15.74857,-33.31254 -37.81229,-26.82169 z m -13.54122,61.68498 c -0.57713,0.0483 -1.15599,0.0893 -1.73633,0.12304 l -0.0605,1.42969 c 0.59658,-0.55928 1.19513,-1.06774 1.79688,-1.55273 z"
id="path4231-8"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="Holder"
style="display:inline"
transform="translate(0,-898.36218)">
<path
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.80100012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 248.69117,911.1168 c 5.41857,-6.78574 13.62715,-10.73664 22.30695,-10.73664 15.7702,0 28.55447,12.79373 28.55447,28.57561 l 0,0 c 0,15.78187 -12.78693,28.26645 -28.55447,28.57562 -11.58346,0.22712 -18.12685,1.77765 -24.59542,7.84181"
id="path4231"
inkscape:connector-curvature="0"
sodipodi:nodetypes="csccsc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
<path
style="display:inline;fill:none;fill-opacity:1;stroke:#000000;stroke-width:2.80100012;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 250.80553,944.87101 c 10.15083,1.89136 25.91432,2.74664 31.95205,-6.85853 6.10141,-9.71345 2.97861,-19.25754 -6.89097,-23.27406 -9.35845,-2.94147 -22.30465,4.09118 -25.00302,8.56883"
id="path4295"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Cup stripe"
style="display:inline"
transform="translate(0,-898.36218)">
<path
style="display:inline;opacity:1;fill:none;fill-rule:evenodd;stroke:#ff0091;stroke-width:14.81098843;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 46.94109,944.14437 204.53085,0"
id="path4563"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:label="Cup"
inkscape:groupmode="layer"
id="layer1"
style="display:inline;opacity:1"
transform="translate(0,-898.36218)">
<path
style="fill:#ffffff;fill-opacity:0;fill-rule:evenodd;stroke:#000000;stroke-width:5.91787386;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 49.89729,908.07271 a 102.73197,108.76564 0 0 0 -2.94267,25.31716 102.73197,108.76564 0 0 0 43.24732,88.50983 l 119.05374,0 a 102.73197,108.76564 0 0 0 43.16206,-88.50983 102.73197,108.76564 0 0 0 -2.94268,-25.31716 l -199.57777,0 z"
id="path4153"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Cup shadow"
style="display:inline;opacity:0.5"
transform="translate(0,-898.36218)">
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.15201294;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 206.23109,910.90679 c 0.99255,6.66979 1.50201,13.4579 1.52093,20.26523 -2.67946,35.126 -18.42432,74.15528 -43.28735,92.45708 l 43.65106,0 c 25.53331,-17.1152 42.71634,-49.13348 42.71656,-85.81004 -0.0285,-9.1041 -1.13876,-18.16015 -3.2994,-26.91227 l -41.3018,0 z"
id="path4503"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer11"
inkscape:label="TEABG"
style="display:inline"
transform="translate(0,-898.36218)">
<path
style="fill:#ff0091;fill-opacity:1;stroke:#ff0091;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 112.3288,962.09415 0.0863,7.89912 7.0521,-0.0417 -0.35377,33.95533 -34.8877,0 0.35377,-33.95533 0,0 6.40592,-0.13704 0.0348,-7.68895 z"
id="path4337-3-2"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Teabag"
style="display:inline"
transform="translate(0,-898.36218)">
<path
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 112.3277,961.88867 0.0863,7.89912 7.0521,-0.0417 -0.35377,33.95531 -34.8877,0 0.35377,-33.95531 0,0 6.40592,-0.13704 0.0348,-7.68895 z"
id="path4337"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccccccccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
<path
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 101.86576,906.52232 0,56.36841"
id="path4345"
inkscape:connector-curvature="0"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Cupthing"
style="display:inline"
transform="translate(0,-898.36218)">
<path
style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.24861383;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 10.59624,1021.722 c 3.55199,2.7517 32.64282,27.0159 139.47053,27.0159 104.07689,0 134.81109,-23.3011 139.04351,-27.0159 z"
id="path4168"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Cupthing shadow"
style="display:inline;opacity:0.5"
transform="translate(0,-898.36218)">
<path
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.20810235px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 168.83397,1022.3007 c 3.70248,8.9559 4.29401,14.6236 0.69994,26.4565 44.77941,-1.4173 109.60535,-21.9384 118.02956,-26.4565 z"
id="path4523"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cccc"
inkscape:export-xdpi="131.66"
inkscape:export-ydpi="131.66" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,19 @@
_default_js_pageloader.begin = () => {
let loadbar = document.getElementById("loadbar");
loadbar.classList = "loading";
loadbar.style.width = "5%";
}
_default_js_pageloader.progress = (url, current, total) => {
let loadbar = document.getElementById("loadbar");
let percent = (current / total) * 100;
loadbar.style.width = percent + "%";
}
_default_js_pageloader.loaded = (url, after_load) => {
let loadbar = document.getElementById("loadbar");
loadbar.style.width = "100%";
loadbar.classList = "";
setTimeout(after_load, 100);
}

Some files were not shown because too many files have changed in this diff Show More