<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VikusViewer</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="format-detection" content="telephone=no" />
<meta name="pinterest" content="nohover" />
<base target="_blank">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/infobar.css">
<link rel="stylesheet" href="css/timeline.css">
<script src="js/d3.v3.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/marked.min.js"></script>
<script src="js/lodash.min.js"></script>
<script src="js/pixi.min.js"></script>
<script src="js/pixi-packer-parser.js"></script>
<script src="js/loader.js"></script>
<script src="js/canvas.js"></script>
<script src="js/timeline.js"></script>
<script src="js/search.js"></script>
<script src="js/tags.js"></script>
<script src="js/utils.js"></script>
<script src="js/modernizr-custom.js"></script>
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js' type='text/javascript'></script>
<![endif]-->
<!--
,--.
,---, ,--/ /| .--.--.
,---.,`--.' |,---,': / ' ,--, / / '.
/__./|| : :: : '/ / ,'_ /|| : /`. /
,---.; ; |: | '| ' , .--. | | :; | |--`
/___/ \ | || : |' | / ,'_ /| : . || : ;_
\ ; \ ' |' ' ;| ; ; | ' | | . . \ \ `.
\ \ \: || | |: ' \ | | ' | | | `----. \
; \ ' .' : ;| | ' : | | : ' ; __ \ \ |
\ \ '| | '' : |. \| ; ' | | ' / /`--' /
\ ` ;' : || | '_\.': | : ; ; |'--'. /
: \ |; |.' ' : | ' : `--' \ `--'---'
'---" '---' ; |,' : , .-./
'---' `--`----'
,---, ,---,. .---. ,---,.,-.----.
,---.,`--.' | ,' .' | /. ./| ,' .' |\ / \
/__./|| : :,---.' | .--'. ' ;,---.' |; : \
,---.; ; |: | '| | .' /__./ \ : || | .'| | .\ :
/___/ \ | || : |: : |-, .--'. ' \' .: : |-,. : |: |
\ ; \ ' |' ' ;: | ;/|/___/ \ | ' ': | ;/|| | \ :
\ \ \: || | || : .'; \ \; :| : .'| : . /
; \ ' .' : ;| | |-, \ ; ` || | |-,; | | \
\ \ '| | '' : ;/| . \ .\ ;' : ;/|| | ;\ \
\ ` ;' : || | \ \ \ ' \ || | \: ' | \.'
: \ |; |.' | : .' : ' |--" | : .': : :-'
'---" '---' | | ,' \ \ ; | | ,' | |.'
`----' '---" `----' `---'
christopher pietsch
cpietsch@gmail.com
2015-2018
-->
</head>
<body>
<div id="hiddenreload"></div>
<div class="browserInfo">
<p>This visualization is not optimized for mobile phones and needs WebGL enabled.</p><p>Please come back on a Computer.</p><span>💡</span>
</div>
<div class="search"></div>
<div class="page">
<div class="detailLoader"></div>
<div class="sideLoader"></div>
<div class="sidebar detail hide">
<div class="slidebutton"></div>
<div class="outer">
<div id="detail" class="inner">
<div class="entries" v-if="item">
<div
v-if="item._imagenum > 1"
class="entry wide pages"
>
<div class="label">Seite</div>
<div class="content">
<span
v-for="i in parseInt(item._imagenum)"
v-bind:key="i"
v-on:click="displayPage(i-1)"
v-bind:class="{ active: i === page+1, keyword: true }"
>
{{ i }}
</span>
</div>
</div>
<div
v-for="entry in structure"
v-bind:key="entry.name"
v-bind:class="entry.display"
class="entry"
v-if="hasData(entry)"
>
<div class="label">{{ entry.name }}</div>
<div class="content">
<span v-if="entry.type === 'keywords'">
<span
v-for="keyword in item[entry.source]"
v-bind:key="keyword"
class="keyword"
>
{{ keyword }}
</span>
</span>
<span v-else-if="entry.type === 'link'">
<a :href="item[entry.source]" target="_blank">Link</a>
</span>
<span v-else-if="entry.type === 'markdown'">
<span v-html="getContent(entry)"></span>
</span>
<span v-else>
{{ getContent(entry) }}
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="infobar sneaks">
<div class="infobutton">
<svg width="16px" height="24px" viewBox="0 0 16 24">
<path d="M13.6824546,2 L3.7109392,11.9715154 L13.7394238,22" stroke="#FFF" stroke-width="5"></path>
</svg>
</div>
<div class="outer">
<div class="inner">
<div id="infobar" class="infosidebar">
<span v-html="marked(info)"></span>
<div class="credit">Powered by <a href="https://vikusviewer.fh-potsdam.de/" target="_blank">VIKUS Viewer</a></div>
</div>
</div>
</div>
</div>
<div class="searchbar">
<input type="input" name="suche">
<div class="button">
<div class="openbutton"></div>
</div>
</div>
</div>
<script src="js/sidebars.js"></script>
<script src="js/viz.js"></script>
</body>
</html>