-
-
Notifications
You must be signed in to change notification settings - Fork 47
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #18 from cpietsch/updates
Updates
- Loading branch information
Showing
8 changed files
with
1,507 additions
and
1,465 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,41 +1,47 @@ | ||
| <!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]--> | ||
|
|
||
|
|
||
| <!-- | ||
| <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]--> | ||
|
|
||
| <!-- | ||
| ,--. | ||
| ,---, ,--/ /| .--.--. | ||
|
|
@@ -71,97 +77,121 @@ | |
| [email protected] | ||
| 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="navi hide"> | ||
| <div class="time button active" data="time">time</div> | ||
| <div class="tsne button" data="tsne">similarity</div> | ||
| </div> | ||
|
|
||
| <div class="infobar"> | ||
| <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> | ||
|
|
||
| --></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-if="entry.type === 'function'"> | ||
| <span v-html="getContent(entry)"></span> | ||
| </span> | ||
| <span v-else> | ||
| {{ getContent(entry) }} | ||
| </span> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="navi hide"> | ||
| <div class="time button active" data="time">time</div> | ||
| <div class="tsne button" data="tsne">similarity</div> | ||
| </div> | ||
|
|
||
| <div class="infobar"> | ||
| <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> | ||
Oops, something went wrong.