Neue Favicons und Website-Artefakte ignoriert

This commit is contained in:
2026-01-28 21:33:22 +01:00
parent 97346cc038
commit 9701ffff62
122 changed files with 4 additions and 8037 deletions

1
.gitignore vendored
View File

@@ -1,3 +1,4 @@
.devbox .devbox
backup backup
alphabreed-arm64.tar alphabreed-arm64.tar
hugo/public

BIN
dev-files/favicons.xcf Normal file

Binary file not shown.

View File

@@ -12,7 +12,7 @@
"docker build --no-cache --platform=linux/amd64 -t gitea.alphabreed.com/jazzman/alphabreed:amd64 .", "docker build --no-cache --platform=linux/amd64 -t gitea.alphabreed.com/jazzman/alphabreed:amd64 .",
"docker image save gitea.alphabreed.com/jazzman/alphabreed:arm64 >alphabreed-arm64.tar" "docker image save gitea.alphabreed.com/jazzman/alphabreed:arm64 >alphabreed-arm64.tar"
], ],
"push": [ "deploy": [
"docker push gitea.alphabreed.com/jazzman/alphabreed:arm64" "docker push gitea.alphabreed.com/jazzman/alphabreed:arm64"
] ]
} }

View File

@@ -6,7 +6,7 @@
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title> <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<meta name="author" content="Stefan Mühlinghaus"> <meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no"> <meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico"> <link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon-bookmarks.ico">
<link rel="preload" href="/css/bookmarks.css" as="style"> <link rel="preload" href="/css/bookmarks.css" as="style">
<link rel="stylesheet" href="/css/bookmarks.css"> <link rel="stylesheet" href="/css/bookmarks.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script> <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>

View File

@@ -9,7 +9,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="theme-color" content="#222"> <meta name="theme-color" content="#222">
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico"> <link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon-notes.ico">
<script defer src="/js/alpine-alphabreed.js"></script> <script defer src="/js/alpine-alphabreed.js"></script>
<script defer src="/js/alpine-3.15.3.min.js"></script> <script defer src="/js/alpine-3.15.3.min.js"></script>
<style> <style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

View File

@@ -1,46 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Bilder :: alphabreed</title>
<meta name="description" content="Meine Bilder, jetzt auf DeviantArt">
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li class="active"><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1 id="bilder">Bilder</h1>
<p>Ich habe mich dazu entschlossen, meine Bilder in Zukunft nur noch auf <em>DeviantArt</em> einzustellen, damit ich sie nicht doppelt pflegen muss. Ihr könnt sie in meiner <a href="https://masterjazzman.deviantart.com/" target="_blank">DeviantArt Galerie</a> betrachten.</p>
<p style="margin-top:100px"><a href="https://masterjazzman.deviantart.com/" target="_blank" style="font-size:0">
<img src="eragon-and-arya.jpg" style="width:30%; height:auto; transform:rotate(-10deg);" />
<img src="oh-please-do-stay-for-dinner.jpg" style="width:30%; height:auto; transform:rotate(10deg); margin-left:-5%;" />
<img src="shall-i-compare-thee.jpg" style="width:25%; height:auto; transform:rotate(-7deg); margin-left:-5%;" />
<img src="happy-easter.jpg" style="width:30%; height:auto; transform:rotate(10deg); margin-left:-5%;" />
</a></p>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -1,77 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Add Bookmark :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/bookmarks.css" as="style">
<link rel="stylesheet" href="/css/bookmarks.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/alpine-alphabreed.js"></script>
<script defer src="/js/alpine-3.15.3.min.js"></script>
</head>
<body>
<main x-data="{
store: null,
categories: [],
name: '',
url: '',
categoryId: '',
newcategory: '',
async saveBookmark() {
if (!this.categoryId)
this.categoryId = this.categories[0].id;
if (!this.name || !this.url || (!this.categoryId && !this.newcategory))
return;
if (this.newcategory)
this.categoryId = await this.store.createBookmarkCategory(this.newcategory);
const result = await this.store.createBookmark(
this.categoryId, this.name, this.url
);
if (result)
window.close();
},
async init() {
this.store = Alpine.store('alphabreed');
this.store.backUrl = '/bookmarks/add/';
const params = new URLSearchParams(window.location.search);
this.name = params.get('name') || '';
this.url = params.get('url') || '';
const tokenOK = await this.store.checkToken();
if (tokenOK)
this.categories = await this.store.getBookmarkCategories();
}
}">
<div id="addcontent">
<div class="field textfield">
<label for="bookmarkname">Bookmark name</label>
<input id="bookmarkname" type="text" x-model="name">
</div>
<div class="field textfield">
<label for="bookmarkurl">URL</label>
<input id="bookmarkurl" type="text" x-model="url">
</div>
<div class="field selectfield">
<label for="bookmarkcategory">Category</label>
<select id="bookmarkcategory" x-model="categoryId">
<template x-for="category in categories" :key="category.id">
<option :value="category.id" x-text="category.name" :selected="category.id == categoryId">
</template>
</select>
</div>
<div class="field textfield">
<label for="bookmarknewcategory">New category</label>
<input id="bookmarknewcategory" type="text" x-model="newcategory">
</div>
<div class="field buttons">
<button @click="saveBookmark()">Save</button>
</div>
</div>
</main>
</body>
</html>

View File

@@ -1,191 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Bookmarks :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/bookmarks.css" as="style">
<link rel="stylesheet" href="/css/bookmarks.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/alpine-alphabreed.js"></script>
<script defer src="/js/alpine-3.15.3.min.js"></script>
</head>
<body>
<main x-data="{
store: null,
categories: [],
openCategoryId: '',
slideInOpen: false,
showFavletCode: false,
editCategory: null,
editBookmark: null,
host: '',
async updateBookmarks() {
const result = await this.store.getBookmarks();
const grouped = Object.groupBy(result, (bookmark) => bookmark.expand.category.id);
this.categories = Object.values(grouped).map((group) => {
const category = group[0].expand.category;
return {
id: category.id,
name: category.name,
bookmarks: group.map((bookmark) => ({
category: category.id,
id: bookmark.id,
name: bookmark.name,
url: bookmark.url
}))
};
});
this.categories.sort((a, b) => a.name.localeCompare(b.name));
},
openCategory(id, element) {
if (this.openCategoryId == id) {
this.openCategoryId = '';
return;
}
this.openCategoryId = id;
element.scrollIntoView(true);
},
async saveCategory() {
if (!this.editCategory || !this.editCategory.name)
return;
await this.store.updateBookmarkCategory(
this.editCategory.id, this.editCategory.name
);
this.slideInOpen = false;
await this.updateBookmarks();
},
async deleteCategory() {
if (!this.editCategory)
return;
await this.store.deleteBookmarkCategory(this.editCategory.id);
this.slideInOpen = false;
await this.updateBookmarks();
},
async saveBookmark() {
let categoryId = this.editBookmark.category || this.categories[0].id;
if (!this.editBookmark || !this.editBookmark.name || !this.editBookmark.url || (!categoryId && !this.editBookmark.newcategory))
return;
if (this.editBookmark.newcategory)
categoryId = await this.store.createBookmarkCategory(this.editBookmark.newcategory);
if (this.editBookmark.id) {
await this.store.updateBookmark(
this.editBookmark.id,
categoryId,
this.editBookmark.name,
this.editBookmark.url
);
}
else {
await this.store.createBookmark(
categoryId,
this.editBookmark.name,
this.editBookmark.url
);
}
this.slideInOpen = false;
this.openCategoryId = categoryId;
await this.updateBookmarks();
},
async deleteBookmark() {
if (!this.editBookmark)
return;
await this.store.deleteBookmark(this.editBookmark.id);
this.slideInOpen = false;
await this.updateBookmarks();
},
async init() {
this.store = Alpine.store('alphabreed');
this.store.backUrl = '/bookmarks/';
this.host = window.location.protocol + '//' + window.location.host;
const tokenOK = await this.store.checkToken();
if (tokenOK)
this.updateBookmarks();
}
}">
<p><button @click="editBookmark = {}; editCategory = null; showFavletCode = false; slideInOpen = true;">+ Bookmark</button></p>
<span id="favlet" @click="showFavletCode = true; editCategory = null; editBookmark = null; slideInOpen = true;">Generate Favlet code</span>
<div class="categories">
<template x-for="category in categories" :key="category.id">
<div class="category" :class="{'open': category.id == openCategoryId}">
<h1>
<span class="title" x-text="category.name" @click="openCategory(category.id, $el)"></span>
<span class="badge" x-text="category.bookmarks.length"></span>
<span class="edit" @click="editCategory = Object.assign({}, category); editBookmark = null; showFavletCode = false; slideInOpen = true;"></span>
</h1>
<ul class="bookmarks">
<template x-for="bookmark in category.bookmarks" :key="bookmark.id">
<li class="bookmark">
<div class="editicon" @click="editBookmark = Object.assign({}, bookmark); editCategory = null; showFavletCode = false; slideInOpen = true;">
<img :src="'https://www.google.com/s2/favicons?domain=' + encodeURIComponent(bookmark.url)">
</div>
<a class="link" :href="bookmark.url" target="_blank">
<span x-text="bookmark.name"></span>
</a>
</li>
</template>
</ul>
</div>
</template>
</div>
<div id="slidein" :class="{'open': slideInOpen}">
<span class="closer" @click="slideInOpen = false;"></span>
<div class="inner">
<template x-if="showFavletCode">
<div>
<p>Favlet code:</p>
<p class="favletcode" x-text='"javascript:(function(w,e){w.open(\""+host+"/bookmarks/add/?name=\"+e(document.title)+\"&url=\"+e(w.location.href),\"_blank\",\"height=500,width=500,location=0,menubar=0,scrollbars=0,status=0,titlebar=0,toolbar=0\")})(window,encodeURIComponent)"'></p>
</div>
</template>
<template x-if="editCategory">
<div>
<div class="field textfield">
<label for="categoryname">Category name</label>
<input id="categoryname" type="text" x-model="editCategory.name">
</div>
<div class="field buttons">
<button @click="saveCategory()">Save</button>
</div>
<div class="field buttons">
<button @click="deleteCategory()">Delete</button>
</div>
</div>
</template>
<template x-if="editBookmark">
<div>
<div class="field textfield">
<label for="bookmarkname">Bookmark name</label>
<input id="bookmarkname" type="text" x-model="editBookmark.name">
</div>
<div class="field textfield">
<label for="bookmarkurl">URL</label>
<input id="bookmarkurl" type="text" x-model="editBookmark.url">
</div>
<div class="field selectfield">
<label for="bookmarkcategory">Category</label>
<select id="bookmarkcategory" x-model="editBookmark.category">
<template x-for="category in categories" :key="category.id">
<option :value="category.id" x-text="category.name" :selected="category.id == editBookmark.category">
</template>
</select>
</div>
<div class="field textfield">
<label for="bookmarknewcategory">New category</label>
<input id="bookmarknewcategory" type="text" x-model="editBookmark.newcategory">
</div>
<div class="field buttons">
<button @click="saveBookmark()">Save</button>
</div>
<div class="field buttons">
<button @click="deleteBookmark()">Delete</button>
</div>
</div>
</template>
</div>
</div>
</main>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 10 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../015.gif" as="image">
<link rel="prev" href="../9/">
<link rel="next" href="../11/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 10</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../9/">Zurück</a>
<a class="next" href="../11/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../015.gif">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../9/">Zurück</a>
<a class="next" href="../11/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 11 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../016.jpg" as="image">
<link rel="prev" href="../10/">
<link rel="next" href="../12/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 11</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../10/">Zurück</a>
<a class="next" href="../12/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../016.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../10/">Zurück</a>
<a class="next" href="../12/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 12 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../017.jpg" as="image">
<link rel="prev" href="../11/">
<link rel="next" href="../13/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 12</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../11/">Zurück</a>
<a class="next" href="../13/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../017.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../11/">Zurück</a>
<a class="next" href="../13/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 13 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../018.jpg" as="image">
<link rel="prev" href="../12/">
<link rel="next" href="../14/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 13</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../12/">Zurück</a>
<a class="next" href="../14/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../018.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../12/">Zurück</a>
<a class="next" href="../14/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 14 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../021.jpg" as="image">
<link rel="prev" href="../13/">
<link rel="next" href="../15/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 14</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../13/">Zurück</a>
<a class="next" href="../15/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../021.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../13/">Zurück</a>
<a class="next" href="../15/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 15 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../022.jpg" as="image">
<link rel="prev" href="../14/">
<link rel="next" href="../16/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 15</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../14/">Zurück</a>
<a class="next" href="../16/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../022.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../14/">Zurück</a>
<a class="next" href="../16/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 16 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../023.jpg" as="image">
<link rel="prev" href="../15/">
<link rel="next" href="../17/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 16</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../15/">Zurück</a>
<a class="next" href="../17/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../023.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../15/">Zurück</a>
<a class="next" href="../17/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 17 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../024.jpg" as="image">
<link rel="prev" href="../16/">
<link rel="next" href="../18/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 17</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../16/">Zurück</a>
<a class="next" href="../18/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../024.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../16/">Zurück</a>
<a class="next" href="../18/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 18 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../026.jpg" as="image">
<link rel="prev" href="../17/">
<link rel="next" href="../19/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 18</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../17/">Zurück</a>
<a class="next" href="../19/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../026.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../17/">Zurück</a>
<a class="next" href="../19/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 19 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../027.jpg" as="image">
<link rel="prev" href="../18/">
<link rel="next" href="../20/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 19</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../18/">Zurück</a>
<a class="next" href="../20/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../027.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../18/">Zurück</a>
<a class="next" href="../20/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 2 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../002.gif" as="image">
<link rel="prev" href="../">
<link rel="next" href="../3/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 2</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../">Zurück</a>
<a class="next" href="../3/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../002.gif">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../">Zurück</a>
<a class="next" href="../3/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 20 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../028.jpg" as="image">
<link rel="prev" href="../19/">
<link rel="next" href="../21/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 20</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../19/">Zurück</a>
<a class="next" href="../21/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../028.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../19/">Zurück</a>
<a class="next" href="../21/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 21 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../029.jpg" as="image">
<link rel="prev" href="../20/">
<link rel="next" href="../22/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 21</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../20/">Zurück</a>
<a class="next" href="../22/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../029.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../20/">Zurück</a>
<a class="next" href="../22/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,95 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 22 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../030.jpg" as="image">
<link rel="prev" href="../21/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 22</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../21/">Zurück</a>
<span></span>
<span></span>
</nav>
<div id="comicpage">
<img src="../030.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../21/">Zurück</a>
<span></span>
<span></span>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 3 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../003.jpg" as="image">
<link rel="prev" href="../2/">
<link rel="next" href="../4/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 3</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../2/">Zurück</a>
<a class="next" href="../4/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../003.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../2/">Zurück</a>
<a class="next" href="../4/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 4 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../004.jpg" as="image">
<link rel="prev" href="../3/">
<link rel="next" href="../5/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 4</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../3/">Zurück</a>
<a class="next" href="../5/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../004.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../3/">Zurück</a>
<a class="next" href="../5/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 5 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../005.jpg" as="image">
<link rel="prev" href="../4/">
<link rel="next" href="../6/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 5</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../4/">Zurück</a>
<a class="next" href="../6/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../005.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../4/">Zurück</a>
<a class="next" href="../6/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 6 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../006.gif" as="image">
<link rel="prev" href="../5/">
<link rel="next" href="../7/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 6</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../5/">Zurück</a>
<a class="next" href="../7/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../006.gif">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../5/">Zurück</a>
<a class="next" href="../7/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 7 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../009.jpg" as="image">
<link rel="prev" href="../6/">
<link rel="next" href="../8/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 7</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../6/">Zurück</a>
<a class="next" href="../8/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../009.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../6/">Zurück</a>
<a class="next" href="../8/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 8 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../010.jpg" as="image">
<link rel="prev" href="../7/">
<link rel="next" href="../9/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 8</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../7/">Zurück</a>
<a class="next" href="../9/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../010.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../7/">Zurück</a>
<a class="next" href="../9/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 9 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../012.jpg" as="image">
<link rel="prev" href="../8/">
<link rel="next" href="../10/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 9</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../8/">Zurück</a>
<a class="next" href="../10/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
<div id="comicpage">
<img src="../012.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../8/">Zurück</a>
<a class="next" href="../10/">Weiter</a>
<a class="last" href="../22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,94 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Alte Comics, Seite 1 :: alphabreed</title>
<meta name="description" content="Meine ersten Veruche, Comics zu zeichnen. Zu schade, um sie einfach verschwinden zu lassen.">
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/comics/alt/001.gif" as="image">
<link rel="next" href="2/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Alte Comics, Seite 1</h1>
<nav class="comicnav">
<span></span>
<span></span>
<a class="next" href="2/">Weiter</a>
<a class="last" href="22/">Ende</a>
</nav>
<div id="comicpage">
<img src="/comics/alt/001.gif">
</div>
<nav class="comicnav">
<span></span>
<span></span>
<a class="next" href="2/">Weiter</a>
<a class="last" href="22/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,52 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1 id="comics">Comics</h1>
<p>Hier gibt es meine verschiedenen Comics zu sehen. Einige Seiten haben Bildfehler, die auf einen früheren Festplattencrash zurückzuführen sind. Ich bitte diese kleinen Makel zu verzeihen. Für alle Comics wird Kenntnis der englischen Sprache vorausgesetzt.</p>
<div class="box">
<h2><a href="/comics/alt/">Alte Comics</a></h2>
<p>Meine ersten Veruche, Comics zu zeichnen. Zu schade, um sie einfach verschwinden zu lassen.</p>
</div>
<div class="box">
<h2><a href="/comics/jupiter/">Shadow of Jupiter</a></h2>
<p>Eine kleine postapokalyptische Kurzgeschichte über Liebe, Vertrauen, Verlust und die Hoffung auf eine bessere Zukunft.</p>
</div>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 134 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 144 KiB

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 10 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../010.jpg" as="image">
<link rel="prev" href="../9/">
<link rel="next" href="../11/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 10</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../9/">Zurück</a>
<a class="next" href="../11/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../010.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../9/">Zurück</a>
<a class="next" href="../11/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,95 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 11 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../011.jpg" as="image">
<link rel="prev" href="../10/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 11</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../10/">Zurück</a>
<span></span>
<span></span>
</nav>
<div id="comicpage">
<img src="../011.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../10/">Zurück</a>
<span></span>
<span></span>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 2 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../002.jpg" as="image">
<link rel="prev" href="../">
<link rel="next" href="../3/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 2</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../">Zurück</a>
<a class="next" href="../3/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../002.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../">Zurück</a>
<a class="next" href="../3/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 3 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../003.jpg" as="image">
<link rel="prev" href="../2/">
<link rel="next" href="../4/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 3</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../2/">Zurück</a>
<a class="next" href="../4/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../003.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../2/">Zurück</a>
<a class="next" href="../4/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 4 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../004.jpg" as="image">
<link rel="prev" href="../3/">
<link rel="next" href="../5/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 4</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../3/">Zurück</a>
<a class="next" href="../5/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../004.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../3/">Zurück</a>
<a class="next" href="../5/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 5 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../005.jpg" as="image">
<link rel="prev" href="../4/">
<link rel="next" href="../6/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 5</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../4/">Zurück</a>
<a class="next" href="../6/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../005.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../4/">Zurück</a>
<a class="next" href="../6/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 6 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../006.jpg" as="image">
<link rel="prev" href="../5/">
<link rel="next" href="../7/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 6</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../5/">Zurück</a>
<a class="next" href="../7/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../006.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../5/">Zurück</a>
<a class="next" href="../7/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 7 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../007.jpg" as="image">
<link rel="prev" href="../6/">
<link rel="next" href="../8/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 7</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../6/">Zurück</a>
<a class="next" href="../8/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../007.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../6/">Zurück</a>
<a class="next" href="../8/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 8 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../008.jpg" as="image">
<link rel="prev" href="../7/">
<link rel="next" href="../9/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 8</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../7/">Zurück</a>
<a class="next" href="../9/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../008.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../7/">Zurück</a>
<a class="next" href="../9/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,97 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 9 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="../009.jpg" as="image">
<link rel="prev" href="../8/">
<link rel="next" href="../10/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 9</h1>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../8/">Zurück</a>
<a class="next" href="../10/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
<div id="comicpage">
<img src="../009.jpg">
</div>
<nav class="comicnav">
<a class="first" href="../">Anfang</a>
<a class="prev" href="../8/">Zurück</a>
<a class="next" href="../10/">Weiter</a>
<a class="last" href="../11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,94 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Shadow of Jupiter, Seite 1 :: alphabreed</title>
<meta name="description" content="Eine kleine postapokalyptische Kurzgeschichte über Liebe, Vertrauen, Verlust und die Hoffung auf eine bessere Zukunft.">
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/comics/jupiter/001.jpg" as="image">
<link rel="next" href="2/">
<script>
(function() {
const comicRegex = /\/comics\/([a-zA-Z0-9]+)\//;
let referrerMatches = document.referrer.match(comicRegex);
let locationMatches = document.location.href.match(comicRegex);
if (!referrerMatches || !referrerMatches[1]
|| !locationMatches || !locationMatches[1]
|| referrerMatches[1] != locationMatches[1]
)
return;
const numberRegex = /\/comics\/[A-Za-z0-9]+\/(\d+)\//;
referrerMatches = document.referrer.match(numberRegex);
locationMatches = document.location.href.match(numberRegex);
let referrerNum = 0;
if (referrerMatches && referrerMatches[1])
referrerNum = parseInt(referrerMatches[1], 10);
let locationNum = 0;
if (locationMatches && locationMatches[1])
locationNum = parseInt(locationMatches[1], 10);
if (locationNum > referrerNum)
document.documentElement.classList.add('forward');
else
document.documentElement.classList.add('back');
})();
</script>
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li class="active"><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<h1>Shadow of Jupiter, Seite 1</h1>
<nav class="comicnav">
<span></span>
<span></span>
<a class="next" href="2/">Weiter</a>
<a class="last" href="11/">Ende</a>
</nav>
<div id="comicpage">
<img src="/comics/jupiter/001.jpg">
</div>
<nav class="comicnav">
<span></span>
<span></span>
<a class="next" href="2/">Weiter</a>
<a class="last" href="11/">Ende</a>
</nav>
</div>
</body>
</html>

View File

@@ -1,84 +0,0 @@
yhtml { overflow-y:scroll; }
body { padding:4vw; margin:0; font-family:sans-serif; color:#333;
position:relative; }
a { color:inherit; text-decoration:none; -webkit-user-select:none;
-moz-user-select:none; -ms-user-select:none; user-select:none; }
.edit { display:block; color:#ccc; text-align:center; text-decoration:none;
width:30px; line-height:30px; display:block; transition:all 0.2s;
cursor:pointer; margin:0; padding:0; position:absolute; top:0; right:0; }
.edit:hover { color:white; background:#333; text-decoration:none; }
.category { overflow:hidden; }
.category h1 { font-size:15px; margin:0; border-bottom:1px solid #333;
line-height:30px; outline:none; position:relative; padding:0 35px 0 0;
cursor:pointer; }
.category h1 a:hover { text-decoration:none; }
.category .badge { display:inline-block; font-weight:normal; font-size:8px;
padding:0 5px; border:1px solid #aaa; border-radius:3px; line-height:15px;
text-align:center; min-width:11px; margin-left:10px; vertical-align:middle;
color:#555; font-family:monospace; box-shadow:1px 1px 0 #ccc; }
.bookmarks { display:none; list-style:none; margin:0; padding:30px 0; }
.category.open .bookmarks { display:block; }
.bookmark { display:block; padding:0; position:relative;
border-bottom:1px dotted #ccc; }
.bookmark .link { color:inherit; display:block; min-height:20px;
line-height:20px; padding:2px 0; }
.bookmark .link:hover { background-color:#eef; }
.bookmark .editicon { width:20px; height:20px; float:left;
margin-right:5px; border-radius:2px; position:relative;
cursor:pointer; margin-top:2px; }
.bookmark .editicon img { width:16px; height:16px; position:absolute;
top:2px; left:2px; }
.bookmark .editicon:hover { background-color:#333; }
button,
.button { display:inline-block; padding:5px 20px; border:1px solid #333;
text-decoration:none; color:#333; background:white; font-size:inherit;
cursor:pointer; transition:all 0.2s; -webkit-user-select:none;
-moz-user-select:none; -ms-user-select:none; user-selct:none; }
button:hover,
.button:hover { color:#ddd; background:#333; }
.buttons { margin-top:20px; }
#slidein { position:fixed; top:0; right:0; width:300px; height:100%;
transform:translateX(100%); transition:transform 0.3s;
background:rgba(0,0,0,0.9); }
#slidein.open { transform:translateX(0); }
#slidein .closer { position:absolute; top:10px; right:10px; width:30px;
height:30px; cursor:pointer; }
#slidein .closer:before,
#slidein .closer:after { display:block; content:""; width:30px; height:1px;
background:white; position:absolute; top:50%; left:0; }
#slidein .closer:before { transform:rotate(45deg); }
#slidein .closer:after { transform:rotate(-45deg); }
#slidein .inner { padding:50px 20px 20px 20px; color:white; }
.field label { display:block; margin:10px 0 3px 0; }
.field label:after { display:inline; content:":"; }
.field input[type="text"],
.field select { display:block; width:100%; box-sizing:border-box;
padding:3px 5px; border:1px solid #333; color:#333;
background:white; font-size:inherit; }
#favlet { position:absolute; top:10px; right:10px; color:#ccc;
text-decoration:none; font-size:10px; cursor:pointer; }
.favletcode { word-break:break-all; }
#addcontent { padding:5vw; }
/*
@media screen and (min-width:500px) {
.categories { margin:-10px; }
.categories:after { display:table; content:""; clear:left; }
.category { float:left; width:50%; box-sizing:border-box; padding:0 10px; }
.category:nth-of-type(2n+1) { clear:left; }
}
@media screen and (min-width:750px) {
.category { width:33.33%; }
.category:nth-of-type(2n+1) { clear:none; }
.category:nth-of-type(3n+1) { clear:left; }
}
@media screen and (min-width:1000px) {
.category { width:25%; }
.category:nth-of-type(3n+1) { clear:none; }
.category:nth-of-type(4n+1) { clear:left; }
}
*/

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,51 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li><a href="/gameplays/journey/">Journey</a></li>
<li><a href="/gameplays/zanzarah/">ZanZarah</a></li>
</ul>
</nav>
<h1 id="gameplays">Gameplays</h1>
<p>Hier gibt es eine Liste meiner jüngsten Gameplay-Videos. Die Liste wird immer sehr kurz sein, denn auf meinem armen <a href="/pi/">Raspberry Pi</a> steht nicht genug Platz für größere Mengen an Videos zur verfügung. Also einfach ab und zu mal vorbei schauen, ob es was neues gibt.</p>
</div>
</body>
</html>

View File

@@ -1,74 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Journey, Folge 1 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li class="active">
<a href="/gameplays/journey/">Journey</a>
</li>
<li>
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>Journey</h1>
<p>Journey ist ein sehr schönes, aber auch sehr kurzes Spiel. Daher gibt es nur eine Episode.</p>
<p><video src="https://files.alphabreed.com/dh/rAYEddHw5RdsFvW/journey.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<p>Entwickler: <a href="https://thatgamecompany.com/">thatgamecompany</a><br>
Herausgeber: <a href="https://www.annapurnainteractive.com/">Annapurna Interactive</a></p>
<blockquote>
<p>In Journey erkundest du eine alte, mysteriöse Welt, schwebst über Ruinen und gleitest über die Sandlandschaft, um ihre Geheimnisse zu entdecken. Du kannst allein spielen oder mit einem Mitreisenden, um die riesige Welt gemeinsam zu erkunden. Mit atemberaubender Grafik und für den Grammy nominierter Musik liefert Journey ein fantastisches Erlebnis wie kein anderes Spiel.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/638230/Journey/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 10 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>In die Wolken geschraubt</h2>
<p>Nach einem Kurzen Abstecher zur Berghütte nutzen wir den ersten der Zwergenaufzüge um das Wolkenreich zu betreten.</p>
<p><video src="https://files.alphabreed.com/dh/FzMdaJtm0miYQwc/zanzarah11.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div class="active">
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 11 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Der Weiße Druide</h2>
<p>Der Weiße Druide, der Beschützer von ZanZarah, wird von fiesen Schattenelfen angegriffen. Amy eilt zur Rettung.</p>
<p><video src="https://files.alphabreed.com/dh/H9AxbUkVGeK1MZp/zanzarah12.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div class="active">
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 12 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Herrin der Arena</h2>
<p>Wir beweisen uns in der Alten Arena des Wolkenreichs gegen einen Schattenelfen mit mächtigen Dunkelfeen. Offenbar stehen auch die Zwerge mit den Schattenelfen im Bunde. Verquerer und verquerer.</p>
<p><video src="https://files.alphabreed.com/dh/f8fph7hzuyG15JR/zanzarah13.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div class="active">
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 13 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Dunkle Höhlen</h2>
<p>Nach dem Höhenflug im Wolkenreich geht es nun zurück nach Tiralin und dann in die Tiefen der Erde, zur Zwergenstadt Monagham.</p>
<p><video src="https://files.alphabreed.com/dh/N1xVVKEDOfdv9i4/zanzarah14.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div class="active">
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 14 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Das Turnier im Großen Baum</h2>
<p>Jemand muss ins Schattenreich vordringen und die Dunklen Mächte besiegen. Ein Turnier im Großen Baum des Sumpfes soll entscheiden, wer dieses zweifelhafte Privileg haben darf.</p>
<p><video src="https://files.alphabreed.com/dh/zi82zNfK9aH1xa2/zanzarah15.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div class="active">
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 2 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Pixie-Plage</h2>
<p>ZanZarah wird von grausigen Pixies heimgesucht. Wenn doch bloss jemand etwas dagegen unternehmen könnte...</p>
<p><video src="https://files.alphabreed.com/dh/SRy81csM6ZfeMsQ/zanzarah2.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div class="active">
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 3 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Tiralin</h2>
<p>Am Rande des Waldes erhebt sich die majestätische Stadt der Elfen. Es gibt viel zu erkunden.</p>
<p><video src="https://files.alphabreed.com/dh/v9s7yG3i0dNIPAW/zanzarah3.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div class="active">
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 4 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Die Belagerung von Dunmore</h2>
<p>Die Stadt im Sumpf ist ohnehin kein einladender Ort, und dann wird sie auch noch von Schattenelfen angegriffen.</p>
<p><video src="https://files.alphabreed.com/dh/QYOqID6qr3lDeiy/zanzarah4.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div class="active">
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 5 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Unkraut-Ex!</h2>
<p>Mit der Feenkarte der Natur können wir uns endlich um die lästigen Dornenbüsche kümmern.</p>
<p><video src="https://files.alphabreed.com/dh/gzp98mkBrb9F2vb/zanzarah5.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div class="active">
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 6 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Zu viel Eis ist ungesund</h2>
<p>Die Eis-Feen der Schattenelfen setzen unserer Gruppe stark zu, aber zu guterletzt bleiben wir siegreich.</p>
<p><video src="https://files.alphabreed.com/dh/JXpJLa7txAKEiMv/zanzarah6.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div class="active">
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 7 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Prüfung im Turm der Zwerge</h2>
<p>Die Zwerge bewachen den Elementarschlüssel der Erde und geben ihn nur heraus, wenn wir uns als würdig erweisen.</p>
<p><video src="https://files.alphabreed.com/dh/HEscBlbiXcGGfbe/zanzarah8.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div class="active">
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 8 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Unterwegs zur Bergspitze</h2>
<p>Wir durchstreifen die Bergwelt, helfen einigen Zwergen und kommen auf den schneebedeckten Gipfeln an.</p>
<p><video src="https://files.alphabreed.com/dh/DGJYIFvOtvV81S4/zanzarah9.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div class="active">
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,219 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah, Folge 9 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Die ohne Ton aber mit Lasse</h2>
<p>Auf der Bergspitze gibt es endlich auch einige Eis-Feen zu fangen und in einer abgelegenen Höhle befreien wir den Zwerg Lasse, der nach seinem Vater dem Zwergenmeister sucht und uns für seine Rettung den Elementarschlüssel der Luft schenkt.</p>
<p><video src="https://files.alphabreed.com/dh/R0AAo6HwGpjDosv/zanzarah10.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div>
<a href="../">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="../2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="../3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="../4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="../5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="../6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="../7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="../8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div class="active">
<a href="../9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="../10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="../11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="../12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="../13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="../14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,179 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ZanZarah: The Hidden Portal, Folge 1 :: alphabreed</title>
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li class="active"><a href="/gameplays/">Gameplays</a></li>
<li><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li>
<a href="/gameplays/journey/">Journey</a>
</li>
<li class="active">
<a href="/gameplays/zanzarah/">ZanZarah</a>
</li>
</ul>
</nav>
<h1>ZanZarah: The Hidden Portal</h1>
<h2>Die Prophezeiung</h2>
<p>Amy wird aus ihrem langweiligen Leben in London in eine Welt voller Phantasie und Fabelwesen geworfen.</p>
<p><video src="https://files.alphabreed.com/dh/L93A2fpRBzhO1y5/zanzarah1.mp4" type="video/mp4" playsinline controls style="width:100%; aspect-ratio:16 / 9; display:block;"></video></p>
<div class="box videos">
<div class="active">
<a href="./">Folge 01 Die Prophezeiung</a>
</div>
<div>
<a href="2/">Folge 02 Pixie-Plage</a>
</div>
<div>
<a href="3/">Folge 03 Tiralin</a>
</div>
<div>
<a href="4/">Folge 04 Die Belagerung von Dunmore</a>
</div>
<div>
<a href="5/">Folge 05 Unkraut-Ex!</a>
</div>
<div>
<a href="6/">Folge 06 Zu viel Eis ist ungesund</a>
</div>
<div>
<a href="7/">Folge 07 Prüfung im Turm der Zwerge</a>
</div>
<div>
<a href="8/">Folge 08 Unterwegs zur Bergspitze</a>
</div>
<div>
<a href="9/">Folge 09 Die ohne Ton aber mit Lasse</a>
</div>
<div>
<a href="10/">Folge 10 In die Wolken geschraubt</a>
</div>
<div>
<a href="11/">Folge 11 Der Weiße Druide</a>
</div>
<div>
<a href="12/">Folge 12 Herrin der Arena</a>
</div>
<div>
<a href="13/">Folge 13 Dunkle Höhlen</a>
</div>
<div>
<a href="14/">Folge 14 Das Turnier im Großen Baum</a>
</div>
</div>
<p>Entwickler: <a href="https://www.funatics.de/">Funatics</a><br>
Herausgeber: <a href="https://www.daedalic.com/">Daedalic Entertainment</a></p>
<blockquote>
<p>Eine begeisternde Geschichte von zwei Welten… die eine ist eine Welt der Phantasie, die andere ist jene Welt, wie wir sie kennen. Es gibt nur einen Menschen, der in der Lage ist, die beiden Welten wieder zu vereinen: Ein 18 Jahre altes Mädchen, das noch nichts von ihrer Macht und ihre Bedeutung für beide Reiche ahnt…</p>
<p>Führe Amy in die Welt von Zanzarah; der Magie und des Kampfes. Erforsche das Reich mystischer Fabelwesen und nutze die stetig wachsende Macht deiner Heldin, um die hier lebenden Feen und Dämonen zu fangen und zu erobern. Steige mit ihnen in die Arena, wenn sich dir Kobolde oder andere magische Wesen in den Weg stellen.</p>
</blockquote>
<p>Quelle: <a href="https://store.steampowered.com/app/384570/Zanzarah_The_Hidden_Portal/">Steam</a></p>
</div>
</body>
</html>

View File

@@ -1,81 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Designrichtlinien :: alphabreed</title>
<meta name="description" content="Richtlinien für das Design von Interactive Fiction.">
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li class="active"><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li><a href="/if/systeme/">Autorensysteme</a></li>
<li class="active"><a href="/if/design/">Designrichtlinien</a></li>
<li><a href="/if/empfehlungen/">Spieleempfehlungen</a></li>
<li><a href="/if/tipps/">Tipps für Einsteiger</a></li>
<li><a href="/if/links/">Weitere Links</a></li>
</ul>
</nav>
<h1 id="designrichtlinien">Designrichtlinien</h1>
<p>Mit den Möglichkeiten eines aktuellen Textadventure-Entwicklungssystems ein kurzes Spiel auf die Beine zu stellen ist relativ einfach, insbesondere da dazu keine weiteren Fähigkeiten außer der reinen Programmierung nötig sind. Ein Spiel erstellen zu können muss allerdings noch lange nicht heissen, dass es dabei auch tatsächlich gut wird. Wie auch bei jeder anderen Art von Computerspielen muss das Design eines Textadventures gut durchdacht werden und alle seine Elemente müssen fliessend zusammenarbeiten, um dem Spieler ein fesselndes Spieleerlebnis bieten zu können.</p>
<p>Eine gute Ausdrucksfähigkeit kommt dem Spiel natürlich zugute, ist aber meisstens eher nebensächlich. Erfahrungsgemäss sind Spieler viel eher bereit, einen schlechten Umgang mit Prosa zu verzeihen als konzeptionelle Fehler zu ignorieren. Es ist naheliegend: Was die Grafik für ein Grafikadventure ist, ist der Text für ein Textadventure. Auch die schönste Grafik allein macht kein gutes Spiel, wenn die Bedienung zu umständlich ist oder man permanent dazu angehalten wird Dinge zu tun, auf die man beim ersten mal schon keine Lust hatte. Andererseits kann eine gute Grafik - und analog dazu gute Prosa - durchaus dazu gereichen, ein Spiel mit einem stimmigen und gut funktionierenden Konzept aus der Masse der übrigen Spiele herauszuheben. Im folgenden werde ich einige Punkte ansprechen, auf die man meiner Meinung nach insbesondere beim Design von Textadventures achten sollte.</p>
<h2 id="zwischensequenzen">Zwischensequenzen</h2>
<p>Der Einsatz von Zwischensequenzen erscheint naheliegend, vor allem wenn man versucht, eine dichte Story zu übermitteln. Diese Mentalität entspringt vermutlich zum Teil aus Erfahrungen mit aktuellen 3D-Spielen, in denen die Storyelemente häufig in filmartigen Sequenzen ohne Interaktionsmöglichkeiten erzählt werden. Dabei wird aber leider ausser Acht gelassen, dass es sich im Rest dieser Spiele zumeinst um völlig andere, viel straffere Spielkonzepte handelt, als sie im durchschnittlichen Textadventure reproduziert werden könnten.</p>
<p>In einem modernen Egoshooter sind die Zwischensequenzen eine Gelegenheit sich kurz von dem ganzen Gerenne und Geschiesse zuvor zu erholen und gleichzeitig mit einem weiteren Teil der Story belohnt zu werden. Bei einem Textadventure geht dieses Prinzip nicht auf. Dort entfaltet sich die Sequenz nicht fließend wie ein Film sondern brachial wie ein gewaltiger Block Text, der plötzlich auf dem Bildschirm erscheint und den Spieler ersteinmal einschüchtert: «Ohje, DAS muss ich mir jetzt alles durchlesen?».</p>
<p>Es besteht natürlich die Möglichkeit, diesen Effekt bedeutend abzuschwächen, indem man die Sequenz beispielsweise in mehrere kleine Häppchen unterteilt, die der Spieler immer erst durch das Drücken einer Taste bestätigen muss, um den nächsten Abschnitt angezeigt zu bekommen. Das funktioniert natürlich und wird auch häufig in Textadventures eingesetzt.</p>
<p>Ich wage jedoch zu behaupten, dass das stupide drücken einer Taste kein besonders gutes Designelement für ein Spiel darstellt. Das Genre heisst nicht umsonst «Interactive Fiction» und nicht «Push-A-Button Fiction». Derartige Sequenzen sind in einer eher statischen Form der Prosa wie beispielsweise einem Buch gut aufgehoben, haben in einem Textadventure nichts zu suchen.</p>
<p>Eine wesentlich bessere Lösung ist es, den Spieler die Sequenz ausspielen zu lassen. Anstatt einen automatisch ablaufenden Dialog ablaufen zu lassen könnte man den Spieler die Informationen von seinem virtuellen Gegenüber interaktiv erfragen lassen. Anstatt den Spieler in letzter Sekunde einer gefährlichen Situation automatisch entkommen zu lassen könnte man sich die Sequenz rundenweise entfalten lassen, wärhend der Spieler auf jedes neu aufkommende Problem passend reagieren muss, um zu überleben. Dies bedeutet für den Autor natürlich einen wesentlich größeren Programmieraufwand, der es allerdings absolut wert ist. Seine Spieler werden es ihm danken. Vor der möglichen Konsequenz des Spielertodes sollte man als Autor an dieser Stelle auch nicht unbedingt zurückschrecken, was uns zum nächsten Punkt bringt:</p>
<h2 id="tod-und-auferstehung">Tod und Auferstehung</h2>
<p>In der frühen Zeit der Textadventures war der Spielertod ein Element, das man an jeder Ecke der Spielwelt angetroffen hat. Oft war die Konsequenz des Ablebens anhand der auslösenden Handlung noch nicht einmal nachvollziehbar. Wenn man beispielsweise auf einem Waldweg die linke anstatt der rechten Abzweigung nahm, so war es durchaus möglich, auf der Stelle zu sterben weil dort ein menschenfressendes Monster gelauert hat, welches man vorher nicht bemerkt hat. Eine solche Spielwelt zu erkunden konnte also mitunter recht frustrierend werden.</p>
<p>Dies führte in späteren Text- und Grafikadventures dann dazu, dass es überhaupt nicht mehr möglich war zu sterben. Aufgrund der eingeschränkten Interaktionsmöglichkeiten in Grafikadventures ist dies ein durchaus vertretbares Konzept, greift in Textadventures aber nur bedingt. Es gibt dort einfach keinen wirklich unbestreitbaren Grund, dem Spieler Aktionen zu verweigern, die seie Spielfigur eigentlich auszuführen in der Lage sein müsste. Der Befehl, jetzt bitteschön in den Abrund zu springen, sollte also auch zu eben dieser Aktion und dem Spielertod als logischer Konsequenz führen, anstatt eine sinnfreie Ablehnung wie «Ich will nicht.» anzuzeigen. Es besteht absolut keine Notwendigkeit, den Spieler krampfhaft am Leben zu halten, wenn er sich bewusst in eine offensichtlich lebensbedrohliche Situation begibt.</p>
<p>Auf unvorhersehbare Tode sollte man allerdings tatsächlich verzichten, da diese wirklich nur Frustration schüren und so gut wie nie positiv von Spielern aufgenommen werden. Bei Toden, die zwar bei näherem betrachten logisch, auf den ersten Blick aber nicht unbedingt offensichtlich sind, gibt es mehrere Möglichkeiten: Man sollte dem Spieler entweder eine oder mehrere Runden Zeit geben, sich der Situation wieder zu entziehen oder man sollte vorher zumindest einmal und offensichtlich darauf hinweisen, dass gewisse Handlungen an dieser Stelle der Gesundheit abträglich sein könnten. Bei einer Luftschleuse, die ins Vakuum des Alls führt, könnte man in der Beschreibung etwa erwähnen, dass sich dahinter Luftleerer Raum befindet in dem Atmen schwierig wird. Alternativ könnte man den Spieler die Schleuse öffnen lassen, worauf die Luft aus dem Raum entweicht, aber erst nach 3 Runden vollkommen leer ist und zum Tod führt. Zeit genug, die Schleuse wieder zu schliessen, so man keinen Selbstmord begehen will.</p>
<p>Sollte auf diese Weise doch einmal der Tod eingetreten sein, so ist dies im Normalfall auch kein Beinbruch. Die meissten Textadventure-Systeme stellen standartmässig die Möglichkeit zur Verfügung, die letzte Runde ungeschehen zu machen. Dies rettet den Spieler zwar nicht aus schon längere Zeit ausweglosen Situationen, aber man kann eine einzelne Fehlentscheidung auf diese Weise rückgängig machen und stattdessen etwas anderes probieren. Dies ist eine elegante Interaktionsmöglichkeit, die es dem Spieler auch erlaubt etwas herumzuexperimentieren, ohne gleich fürchten zu müssen das Spiel zu verlieren. Diese Option sollte man als Autor definitiv in seinem Spielekonzept berücksichtigen und damit arbeiten, es sei denn sie behindert das restliche Konzept. In dem Fall sollte man es besser komplett deaktivieren und am Anfang des Spieles oder in den Hilfe-Ausgaben darauf hinweisen, um den Spieler gar nicht erst in falscher Sicherheit zu wiegen.</p>
<p>Im Rahmen der Story und des Spielkonzepts gibt es natürlich noch viele weitere Möglichkeiten, den Spieler sterben oder auferstehen zu lassen. Diese müssen dann aber von den jeweiligen Autore explizit einprogrammiert werden und deren Regeln müssen entsprechend individuell von Spiel zu Spiel betrachtet werden. Ein hervorragendes Beispiel hierfür ist das Spiel «Shrapnel» von Adam Cadre, in dem die Fähigkeit des Spielers zu sterben und wieder aufzuerstehen integral notwendig zum erreichen des Spielziels ist.</p>
<h2 id="beschreibungen">Beschreibungen</h2>
<p>Beschreibungen von Gegenständen und Räumen sind ein sehr zentraler Aspekt von Textadventures. Entsprechend wichtig ist es demnach, sie ordentlich darzustellen. Schlechte Beschreibungen gibt es leider wie Sand am Meer, gute muss man aber oft mit der Lupe suchen. Im allgemeinen sollte man auf Formulierungen wie «Du stehst in …» oder «Dies ist der Raum XY» besser verzichten. Beides ist über alle Maßen offensichtlich und trägt nichts zur Aussage des Textes bei. Die allgemeine Beschreibung eines Raumes sollte vielmehr versuchen, die Atmosphäre einzufangen. Eine simple Auflistung aller Einrichtungsgegenstände erfüllt diesen Zweck meisstens nicht sehr gut, weshalb Autoren sich ruhig auch etwas poetisch angehauchtere Formulierungen ausdenken können. Man hat zum Beispiel eine ziemlich gute Vorstellung davon, wie das Büro eines heruntergekommenen Privatdetektivs der 60er Jahre beschrieben werden sollte. Dies muss man nur noch auf andere Räume übertragen und schon hat man ein «Feeling» für die Beschreibung von Räumen.</p>
<p>Gegenstände, mit denen der Spieler interagieren soll oder die auf andere Weise wichtig für die Spielwelt oder die Story sind, sollten gesondert von der Hauptbeschreibung des Raumes erwähnt werden. Die «initial»-Routine von Objekten in Inform 6 wäre dazu beispielsweise der richtige Ort. Bei alltäglichen Gegenständen, deren Aussehen oder Zweck im Raum offensichtlich ist, kann man sich diese Beschreibungen ganz sparen und sie nur zusammengefasst in einem einzigen Satz erwähnen lassen. Die meissten Entwicklungssysteme tun dies automatisch, wenn man keine spezielle Beschreibung hinterlegt hat.</p>
<p>Allgemein sollte man als Autor bei der Raumbeschreibung Zurückhaltung üben. Eine solche Beschreibung überfliegt den Raum schliesslich nur auf den ersten Blick. Details zu jedem Gegenstand kann sich der Spieler auf Wunsch durch näheres Untersuchen beschaffen. Dies trägt sehr zur Spieltiefe bei, da der Spieler das Gefühl bekommt, die Welt wirklich zu entdecken anstatt sie nur vorgesetzt zu bekommen. Ein netter Nebeneffekt ist natürlich auch, dass Raumbeschreibungen auf diese Art kurz und Übersichtlich gehalten werden. Auch hier gilt: In der Kürze liegt die Würze!</p>
<h2 id="rätsel">Rätsel</h2>
<p>Rätsel sollten sich immer in die Szene einpassen um nicht künstlich zu wirken. Nichts ist schlimmer für einen Spieler als in einer spannenden Atmosphäre plötzlich dazu genötigt zu werden, irgendein zusammenhangloses Logikpuzzle zu lösen, um mit der Geschichte fortfahren zu dürfen. Der Spieler wird zu etwas gezwungen, woran er nicht interessiert ist und was er möglicherweise noch nicht einmal so ohne weiteres bewältigen kann. Diese Form von Rätsel sollte man auf jeden Fall vermeiden.</p>
<p>Darüber hinaus können die Rätsel so einfach oder komplex werden wie man möchte. Soll das Spiel schwierig oder Rätsellastig werden dann baut man lange und komplexe Rätsel ein, andernfalls eben einfache und kurze.</p>
<p>Man sollte nur auf zwei Punkte achten: selbst wenn sie nur sehr einfach sind müssen auf jeden Fall Rätsel eingebaut werden, damit das Spiel nicht langweilig wird. Desweiteren sollte man Konzepte für komplexe Rätsel nicht überstrapazieren. So mach es z.B. keinen Sinn, ein Rätsel einzubauen, bei dem man mit 20 Handgriffen eine Kaffeemaschine reparieren muss. Da sollte man sich schon etwas besseres einfallen lassen.</p>
<h2 id="dialoge">Dialoge</h2>
<p>Grundlegend gibt es zwei Möglichkeiten, ein Dialogsystem zu implementieren: Fragen- oder Menübasiert. Dazu kommen natürlich noch die verschiedensten Mischformen der zwei. Bei der Fragen-basierten Variante wird jede Dialog-Sequenz durch eine explizite Frage oder Aussage des Spielers der Form «Frag den Lehrer nach dem Buch» oder «Erzähl dem Lehrer von dem Buch» ausgelöst. Dies hat den Vorteil dass es sich gut in den Spielfluss integrieren lässt, aber den Nachteil, dass der Spieler oft nicht weiss, was er nun alles fragen oder sagen kann. Das kann zu frustrierendem Herumprobieren führen.</p>
<p>Bei der zweiten Alternative wird häufig das Dialogsystem über eine Aufforderung der Art «Sprich mit dem Lehrer» aufgerufen und die eigentliche Frage oder Aussage dann aus einem Menü ausgewählt. Vortelhaft ist dabei vor allem, dass der Spieler immer weiß was er sagen kann und keine Möglichkeit übersieht. Nachteilig ist vor allem dass es unter Umständen sehr künstlich anmutet und der Spieler nicht das Gefühl hat, den Dialog wirklich durch eigenen Willen zu lenken.</p>
<p>Letztendlich ist die Wahl wieder eine Frage des eigenen Geschmacks. Ich persönlich bevorzuge die Fragen-Variante, allerdings solle man dann stets deutlich darauf hinweisen, was mögliche Gesprächsthemen sind.</p>
<h2 id="quips-und-beats">Quips und Beats</h2>
<p>Die Konzepte sind eigentlich offensichtlich, aber jedes Kind braucht eben einen Namen. Bei Quips handelt es sich dabei lediglich um die einzelnen Dialogpassagen, die durch einen Aufruf des Systems (Frage oder Menüpunkt, s.o.) Sie sind das gängige Mittel um längere Dialoge thematisch in kleine Häppchen zu unterteilen, die von dem Spieler leichter überblickt werden können.</p>
<p>Beats hingegen repräsentieren sozusagen den Herzschlag, in dem sich die Welt ein Stück weiter bewegt. Für gewöhnlich löst jede Spieleraktion einen Beat aus um zu simulieren, dass während der Spieler etwas tut der Rest der Welt auch nicht untätig bleibt.</p>
<p>In besonderen Situationen kann es allerdings wünschenswert sein, dass eine Aktion keinen Beat auslöst oder vielleicht sogar mehrere. Beispielsweise wären Situationen denkbar die sehr zeitkritisch sind und in denen look und examine keinen Beat auslösen sollen, schon allein um zu verhindern dass der Spieler nach jeder dieser Aktionen freiwillig ein undo eingibt um keine wertvolle Zeit zu verlieren.</p>
<p>Besonders lange Aktionen könnten über ihren Verlauf hinweg mehrere Beats auslösen oder in einer Konversation können mehrere ausgelöst werden um den Gesprächsteilnehmer die Möglichkeit zu geben, über ein automatisiertes Script-System eigene Kommentare abzugeben. Dies würde dann in begrenztem Rahmen sogar eine Konversation mit mehreren Personen gleichzeitig erlauben.</p>
</div>
</body>
</html>

View File

@@ -1,59 +0,0 @@
<!DOCTYPE html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Spieleempfehlungen :: alphabreed</title>
<meta name="description" content="Spieleempfehlungen aus dem Genre der Interactive Fiction.">
<meta name="author" content="Stefan Mühlinghaus">
<meta name="viewport" content="initial-scale=1, user-scalable=no">
<link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
<link rel="preload" href="/css/main.css" as="style">
<link rel="stylesheet" href="/css/main.css">
<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<script defer src="/js/menu.js"></script>
</head>
<body>
<header>
<a href="/" title="alphabreed Startseite"> <img src="/img/alphabreed.png" alt="alphabreed"></a>
<nav>
<ul>
<li><a href="/pi/">Raspberry Pi</a></li>
<li><a href="/gameplays/">Gameplays</a></li>
<li class="active"><a href="/if/">Interactive Fiction</a></li>
<li><a href="/comics/">Comics</a></li>
<li><a href="/bilder/">Bilder</a></li>
<li><a href="/impressum/">Impressum</a></li>
</ul>
</nav>
</header>
<div id="main">
<nav class="submenu box">
<h2>Bereiche:</h2>
<ul>
<li><a href="/if/systeme/">Autorensysteme</a></li>
<li><a href="/if/design/">Designrichtlinien</a></li>
<li class="active"><a href="/if/empfehlungen/">Spieleempfehlungen</a></li>
<li><a href="/if/tipps/">Tipps für Einsteiger</a></li>
<li><a href="/if/links/">Weitere Links</a></li>
</ul>
</nav>
<h1 id="spieleempfehlungen">Spieleempfehlungen</h1>
<p>Im folgenden werde ich einige Textadventures anderer Autoren vorstellen. Für die Links zu den Spielen selber verlinke ich sofern möglich auf die Homepage des jeweiligen Autors und andernfalls auf das <em>Interactive Fiction Archive</em>. Zum Starten der Spiele ist in der Regel ein Interpreter für das entsprechende Story-Format notwendig. Gute Optionen stelle ich im Abschnitt <a href="/if/tipps/">Tipps für Einsteiger</a> vor.</p>
<h2 id="photopia-von-adam-cadre"><a href="http://www.adamcadre.ac/if.html#Photopia">Photopia</a> von Adam Cadre</h2>
<p>In Photopia begleitet man ein junges Mädchen durch gewisse Schlüsselmomente in ihrem Leben, die immer wieder durchsetzt sind mit fantastischen Geschichten aus ihrer Vorstellung. Die Geschichte ist sehr linear aufgebaut und selbst wenn dem Spieler Entscheidungsmöglichkeiten vorgegaukelt werden kann er keinerlei Einfluss auf den Verlauf der Geschehnisse nehmen. Das Spiel besitzt ein menügesteuertes Dialogsystem und verzichtet beinahe komplett auf jegliche Form von Rätsel. Was in jeder Situation zu tun ist wird entweder spätestens nach kurzem überlegen aus der Situation heraus offensichtlich oder wird nach ein paar Runden automatisch gelöst. Großartig an Photopia ist aber vor allem die Erzählung. Adam Cadre spielt gekonnt mit verschiedensten Stilelementen um Situationen zu schaffen, die den Spieler emotional stark an die Hauptfigur fesseln.</p>
<h2 id="shrapnel-von-adam-cadre"><a href="http://www.adamcadre.ac/if.html#Shrapnel">Shrapnel</a> von Adam Cadre</h2>
<p>Eine verstörende Geschichte über die Bewohner eines einsamen Hauses auf dem Land und eines neu angekommenen Gastes, in dessen Rolle der Spieler schlüpft. Im Laufe der Geschichte wird schnell klar, dass dort einiges im Argen liegt und sogar die Realität selber sich über alle Maßen seltsam verhält. Shrapnel ist das beste Beispiel für einen unkonventionellen Umgang mit dem Tod der Spielerfigur, das ich kenne. Wie auch Photopia ist es sehr linear und bietet so gut wie keine wirklichen Rätsel. Die Story selber ist sehr verwirrend und häufig vermutet man einen Fehler gemacht zu haben, wenn dies jedoch in Wahrheit nur der vollkommen normale Spielverlauf ist. Hat man sich aber erstmal mit diesen unwägbarkeiten abgefunden bietet Shrapnel ein wirklich interessantes Spielerlebnis.</p>
<h2 id="spider-and-web-von-andrew-plotkin"><a href="https://www.eblong.com/zarf/if.html#tangle">Spider and Web</a> von Andrew Plotkin</h2>
<p>In dieser Geschichte stellt der Spieler scheinbar einen Touristen in einer fremden Stadt dar, der sich unglücklicherweise verlaufen hat. Oder steckt vielleicht doch mehr dahinter? Andrew Plotkin spielt gekonnt mit der Unwissenheit, die der Spieler am Anfang der Geschichte von seiner Spielfigur hat. Es wird viel mit Flashbacks gearbeitet, so dass der Spieler häufig zwischen zwei verschiedenen Zeitabschnitten hin und her springt und immer ein wenig mehr über seine eigene Spielfigur erfährt. Das Spiel verwendet vorwiegend recht simple Kombinationsrätsel und ein Dialogsystem, das zumeist die anderen Figuren reden lässt und dem Spieler nur “Ja” und “Nein” als Antwortmöglichkeiten erlaubt. Dies funktioniert in dem Setting jedoch erstaunlich gut und kann elegant darüber hinwegtäuschen, dass das Spiel dennoch vollkommen Linear ist.</p>
<h2 id="starrider-von-max-kalus"><a href="http://ifarchive.org/indexes/if-archiveXgamesXzcodeXgerman.html">Starrider</a> von Max Kalus</h2>
<p>Eines der leider nur sehr wenigen guten deutschen Textadventures. Man spielt einen blinden Passagier an bord eines Raumschiffs, der, als er endlich sein Versteck verlässt, die Crew des Schiffs tot vorfindet. Es handelt sich um ein klassisches Textdaventure mit einer soliden Story, das stark von dem gut durchdachten Universum von Kalus Pen&amp;Paper Rollenspiel <em>Chalybes</em> profitiert. Die Rätsel funktionieren weitesgehend sehr gut, fallen in einzelnen Fällen aber auch mal übermäßig knifflig und weit hergeholt aus. Nichtsdestotrotz ein gutes Spiel, um das man im deutschsprachigen IF-Raum eigentlich gar nicht herum kommt.</p>
</div>
</body>
</html>

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