This repository was archived by the owner on Feb 26, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtips.html
More file actions
executable file
·217 lines (200 loc) · 12.4 KB
/
Copy pathtips.html
File metadata and controls
executable file
·217 lines (200 loc) · 12.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Complex Systems Community Explorer</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link type="text/css" href="css/brownian-motion/jquery-ui-1.8.16.custom.css">
<!-- <link rel="stylesheet/less" type="text/css" href="less/bootstrap.less">
<script src="js/less-1.1.5.min.js" type="text/javascript"></script>
-->
<link href="css/bootstrap_directory.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap-dropdown-fade.js"></script>
<script type="text/javascript" src="js/misc/underscore.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.highlight-3.js"></script>
<script type="text/javascript" src="js/misc/json2.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<link href="css/whoswho.css" rel="stylesheet" type="text/css">
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-30062222-1']);
_gaq.push(['_setDomainName', 'csregistry.org']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript" src="js/whoswho.js"/></script>
<div class="topbar" data-dropdown="dropdown">
<div class="topbar-inner">
<div class="container-fluid">
<a class="brand" href="index.html"><i class="icon-home icon-white"></i> SELECT</a>
<ul class="nav">
<li id="mapping" style="margin-top:5px;">
<span style="color: #fff;"> </span>
<select id="categorya" class="small" style="background: rgb(220,255,220, 0.8);">
<option selected="true">Keywords</option>
<!--<option>Scholars</option>
<option>Labs</option>
<option>Organizations</option>
<option>Countries</option>-->
</select>
<span style="color: #fff;"> and </span>
<select id="categoryb" class="small" style="background: rgb(255,220,220, 0.8);">
<option selected="true">Scholars</option>
<!--<option>Labs</option>
<option>Organizations</option>
<option>Countries</option>-->
</select>
</li>
<!--
<li class="dropdown">
<a class="dropdown-toggle"><strong>working on</strong> Optics, Econometrics</a>
<ul class="dropdown-menu">
<li>
<a href="#">Change filter</a>
</li>
<li>
<a href="#">Delete filter</a>
</li>
</ul>
</li>
-->
<li id="refine" class="dropdown">
<a class="dropdown-toggle">refine</a>
<ul class="dropdown-menu">
<li>
<a id="addfiltercountry" href="#">Filter by country</a>
</li>
<li>
<a id="addfilterorganization" href="#">Filter by organization</a>
</li>
<li>
<a id="addfilterlaboratory" href="#">Filter by laboratory</a>
</li>
<!--<li>
<a id="addcolor" href="#">Color by</a>
</li>-->
<li>
<a id="addfilterkeyword" href="#">Filter by keyword</a>
</li>
<li>
<a id="addfiltertag" href="#">Filter by community tags</a>
</li>
</ul>
</li>
<li style="">
<a id="generate" href="#"> <strong>MAP</strong></a>
</li>
<li style="">
<a id="OR" href="#"> <strong>OR</strong></a>
</li>
<li style="">
<a id="print" href="#"> <strong>PRINT</strong></a>
</li>
</ul>
<form id="search-form" class="js-search-form pull-right">
<span class="glass js-search-action"><i></i></span>
<input id="search" class="input-small" type="text" name="q" placeholder="Search">
<!--<input type="text" id="search" name="search" placeholder="Scholars">-->
<!--
<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
<button class="btn" type="submit"></button>
-->
</form>
</div>
</div>
</div>
<div class="container-fluid">
<div id="visualization"></div>
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<div id="welcome">
<div class="row">
<div class="span8">
<h2>What you can do:</h2>
<p>
The community explorer is designed to provide a multi-level insight of the complex systems
community.<br/><br/> You can map the network of scholars that share interest with you or
explore global views:<br/></p>
See how the field evolves, get an idea of sub-communities, find a job or find experts:
<ul>
<li>Geographically focused map : select a country and map,
<li>Semantically focused map : enter keyword(s) (comma separated) and
map the associated community. For example, enter <i>soci,geog</i> to
display the community related to social sciences and geography (match is not strict,
a comma makes a 'OR' connector).
<li>Scholars that
<a href="http://main.csregistry.org/tiki-index.php?page=jobs-submission" target="blank">have posted a job offer</a> are highlighted in light blue,
those who will be on the <a href="jobmarket.html">job market</a> within 12 months are highlighted in dark blue, keywords on which there is a job offer are highlighted in red.<br/>
<li>When you have a map, your can export it in gexf to further processing with softwares
like <a href="http://gephi.org">Gephi</a> or display it on your website with
<a href="http://tinasoft.eu">Tinaweb</a> with exactly the same exploration functionnalities.
Click on the gexf button of the mapping interface and save
the pop up window with a '.gexf' extention.
</ul>
<p>You can print the directory associated to any map :</p>
<ul>
<li>Print your personalized directory to find potential collaborators,
<li>Print directory at the level of a country, an institution or a lab.
</ul>
</div>
<div class="span4">
<br/>
<br/>
<strong>You are organizing an event related to complex
systems ?</strong><br/> With the <a href="community_tags.html">#tags</A> given in scholars profile, map the community associated to any
event and print its directory. Ask participants to add your #tag in their
<a href="http://main.csregistry.org/whoswhodata">profile</a> and you will accelerate
the process of networking while having your event directory for free.
<br/>
<br/>
<strong>View our video tutorial</strong>
<iframe src="http://player.vimeo.com/video/38383946" width="300" height="170" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<br/>
</div>
</div>
</div>
</div>
<footer>
<!-- This directory is maintained by the <a href="http://cssociety.org" target="blank">Complex Systems Society</a> and the <a href="http://iscpif.fr" target="blank">Complex Systems Institute of Paris Ile-de-France</a>.<br/>-->
<center>
<a href="about.html"><i class="icon-question-sign"></i> About</a> -
<a href="http://moma.csregistry.org/feedback" target="BLANK"><i class="icon-repeat"></i> Feedback</a> -
<a href="privacy.html"> <i class="icon-list-alt"></i> Privacy</a><br/>
Directory maintained by the <a href="http://cssociety.org" target="blank">Complex Systems Society</a> and the <a href="http://iscpif.fr" target="blank">Complex Systems Institute of Paris Ile-de-France</a>.<br/>
<a href="http://cssociety.org" target="_BLANK"><img src="img/css.png" alt="http://cssociety.org" style="border: none; margin-bottom : -6px;" title="isc-pif" height="25px" /></a> <a href="http://iscpif.fr"><img src="css/branding/iscpif_short.png" alt="iscpif.fr" style="border: none; margin-bottom : -6px;" title="isc-pif" /></a>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/" target="blank"><img alt="Creative Commons License" style="border: none; margin-bottom : -6px;" src="img/cc.png" height="20px"/></a> - <a href="http://moma.csregistry.org" target="_BLANK"> MOMA</a> - <a href="http://iscpif.fr" target="_BLANK">ISC-PIF</a> - <a href="http://www.cnrs.fr/fr/recherche/index.htm" target="_BLANK">CNRS</a>.
</center>
</footer>
</div>
</body>
</html>