Skip to content

Commit 3abfcfa

Browse files
committed
created local viper example
1 parent 68e2dba commit 3abfcfa

2 files changed

Lines changed: 141 additions & 0 deletions

File tree

examples/local_viper/data/blacarat.json

Lines changed: 10 additions & 0 deletions
Large diffs are not rendered by default.

examples/local_viper/index.html

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<!DOCTYPE html
2+
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3+
<html>
4+
5+
<head>
6+
7+
<title>
8+
Overview of the research project BLACARAT - Black Carbon in the Atmosphere: Emissions, Aging and Cloud
9+
Interactions</title>
10+
11+
<meta http-equiv="content-type" content="text/html; charset=utf-8">
12+
<meta http-equiv="content-style-type" content="text/css">
13+
<meta http-equiv="content-language" content="en">
14+
<meta name="viewport" content="width=device-width,initial-scale=1">
15+
<meta name="robots" content="follow">
16+
<meta name="revisit-after" content="1 month">
17+
<meta name="distribution" content="global">
18+
<meta name="author" content="Open Knowledge Maps">
19+
<meta name="publisher" content="Open Knowledge Maps">
20+
<meta name="keywords" content="knowldege visualization, open knowledge, open science">
21+
22+
<!-- FAVICONS -->
23+
<link rel="apple-touch-icon" sizes="180x180" href="https://openknowledgemaps.org/viper/apple-touch-icon.png">
24+
<link rel="icon" type="image/png" sizes="32x32" href="https://openknowledgemaps.org/viper/favicon-32x32.png">
25+
<link rel="icon" type="image/png" sizes="16x16" href="https://openknowledgemaps.org/viper/favicon-16x16.png">
26+
<link rel="manifest" href="https://openknowledgemaps.org/viper/site.webmanifest">
27+
<link rel="mask-icon" href="https://openknowledgemaps.org/viper/safari-pinned-tab.svg" color="#4294d0">
28+
<link rel="shortcut icon" href="https://openknowledgemaps.org/viper/favicon.ico">
29+
<meta name="apple-mobile-web-app-title" content="VIPER">
30+
<meta name="application-name" content="VIPER">
31+
<meta name="msapplication-TileColor" content="#4294d0">
32+
<meta name="msapplication-config" content="https://openknowledgemaps.org/viper/browserconfig.xml">
33+
<meta name="theme-color" content="#ffffff">
34+
35+
<meta name="description"
36+
content="Get an overview of BLACARAT - Black Carbon in the Atmosphere: Emissions, Aging and Cloud Interactions, find relevant resources, and understand their reception in different areas.">
37+
38+
<link type="text/css" rel="stylesheet" href="../viper/css/openaire.css">
39+
</link>
40+
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
41+
</link>
42+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
43+
<link rel="stylesheet" href="../viper/lib/font-awesome.min.css">
44+
</head>
45+
46+
<body style="margin:0px; padding:0px; max-width:1600px; margin: 0px auto;">
47+
48+
<div id="visualization"></div>
49+
<script type="text/javascript" src="../viper/js/data-config_openaire.js"></script>
50+
<script>
51+
data_config.mode = "local_files";
52+
data_config.input_format = "json";
53+
data_config.files = [{
54+
title: "BLACARAT - Black Carbon in the Atmosphere: Emissions, Aging and Cloud Interactions",
55+
file: "./data/blacarat.json"
56+
}];
57+
data_config.server_url = window.location.href.replace(/[^/]*$/, '') + "./server/";
58+
</script>
59+
<script type="text/javascript" src="../../dist/headstart.js"></script>
60+
<link type="text/css" rel="stylesheet" href="../../dist/headstart.css">
61+
</link>
62+
<footer class="builtby" style="background-color: white; border-top: 2px solid #eff3f4;">
63+
<div class="builtby-container">
64+
65+
<div class="info">
66+
<a href="" target="_blank"><img style="max-width:100px; width:100%;"
67+
src="../viper/img/viper-logo-color.png"></a>
68+
</div>
69+
70+
<div class="info">
71+
<h3 style="margin-bottom: 10px;">VIPER</h3>
72+
<p>is a service created by <a href="https://openknowledgemaps.org/" target="_blank">Open Knowledge
73+
Maps</a>.
74+
with funding received from <a href="https://openaire.eu" target="_blank">OpenAIRE</a>.
75+
For more information please contact <a
76+
href="mailto:info@openknowledgemaps.org">info@openknowledgemaps.org</a>.</p>
77+
<a href="https://openknowledgemaps.org/" target="_blank"><img class="logoimg" style="margin-right:10px"
78+
src="../viper/img/okmaps-logo.png"></a>
79+
<a href="https://openaire.eu" target="_blank"><img class="logoimg"
80+
src="../viper/img/openaire-logo.png"></a>
81+
</div>
82+
83+
<div class="info">
84+
<h3 style="margin-bottom: 10px;">License</h3>
85+
<p>Unless otherwise noted, all content on openknowledgemaps.org is licensed under a
86+
<a class="licenselink" href="http://creativecommons.org/licenses/by/4.0/" target="_blank">Creative
87+
Commons Attribution 4.0 International License</a>.
88+
Our software is open source and hosted <a class="licenselink"
89+
href="https://github.com/OpenKnowledgeMaps" target="_blank">on Github</a>.
90+
</p>
91+
<a href="http://creativecommons.org/licenses/by/4.0/" target="_blank"><img height="50px"
92+
class="licenseimg" src="https://openknowledgemaps.org/img/cc-by.png"
93+
alt="licensed under cc by"></a>
94+
</div>
95+
96+
<div class="info">
97+
<address>
98+
<h3 style="margin-bottom: 10px;">Get in touch</h3>
99+
<ul class="nav_bottom">
100+
<li><a href="mailto:info@openknowledgemaps.org"><span class="awesome">&#xf003;</span>
101+
info@openknowledgemaps.org</a></li>
102+
<li><a href="https://twitter.com/ok_maps" target="_blank"><span class="awesome">&#xf099;</span>
103+
twitter.com/OK_Maps</a></li>
104+
<li><a href="https://facebook.com/OKMaps" target="_blank"><span class="awesome">&#xf09a;</span>
105+
facebook.com/OKMaps</a> </li>
106+
<li><a href="https://github.com/OpenKnowledgeMaps" target="_blank"><span
107+
class="awesome">&#xf09b;</span> github.com/OpenKnowledgeMaps</a> </li>
108+
</ul>
109+
</address>
110+
</div>
111+
112+
<div class="info" style="margin-right: 0px;">
113+
<h3 style="margin-bottom: 10px;">Details</h3>
114+
<ul class="nav_bottom">
115+
<li><a href="https://openknowledgemaps.org/imprint" target="_blank"><span
116+
class="awesome">&#xf0c1;</span> Impressum / Legal Notice</a></li>
117+
<li><a href="https://openknowledgemaps.org/datenschutz" target="_blank"><span
118+
class="awesome">&#xf023;</span> Datenschutzerklärung</a></li>
119+
<li><a href="https://openknowledgemaps.org/privacy" target="_blank"><span
120+
class="awesome">&#xf023;</span> Privacy Policy</a></li>
121+
</ul>
122+
</div>
123+
</div>
124+
125+
</footer>
126+
<script type="text/javascript">
127+
headstart.start();
128+
</script>
129+
</body>
130+
131+
</html>

0 commit comments

Comments
 (0)