Adds a data list to show serach suggestions
This commit is contained in:
parent
b2aab49b0d
commit
7e9d4ae64a
10 changed files with 214 additions and 200 deletions
166
web/index.html
166
web/index.html
|
|
@ -1,89 +1,95 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>YourCSI</title>
|
||||
<meta charset='utf-8'/>
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="icon" type="image/x-icon" href="assets/pooh.jpg">
|
||||
<script type="text/javascript" src="ycsi.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="landing">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#background">Hintergrund</a></li>
|
||||
<li><a href="#methology">Methodik</a></li>
|
||||
<li><a href="#tool">Tool</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<head>
|
||||
<title>YourCSI</title>
|
||||
<meta charset='utf-8' />
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="icon" type="image/x-icon" href="assets/pooh.jpg">
|
||||
<script type="text/javascript" src="ycsi.js"></script>
|
||||
<script type="text/javascript" src="data.js"></script>
|
||||
</head>
|
||||
|
||||
<h1>Your #ChinaScienceInvestigation</h1>
|
||||
<h4>Ein Projekt der <a href="http://ag-link.xyz">AG Link</a> </h4>
|
||||
<div id="search">
|
||||
<input type="text" placeholder="e. g. Leipzig University" id="uni">
|
||||
<body>
|
||||
|
||||
<select id = "risk">
|
||||
<option value="very high"> very high </option>
|
||||
<option value="high"> high </option>
|
||||
<option value="medium"> medium </option>
|
||||
<option value="low"> low </option>
|
||||
</select>
|
||||
<div id="landing">
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#background">Hintergrund</a></li>
|
||||
<li><a href="#methology">Methodik</a></li>
|
||||
<li><a href="#tool">Tool</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<button type="button" id="submit" onclick='open_link(document.getElementById("uni").value, risk.value)'>
|
||||
View Publications
|
||||
</button>
|
||||
</div>
|
||||
<a id="down-arrow" href="#text" ></a>
|
||||
<h1>Your #ChinaScienceInvestigation</h1>
|
||||
<h4>Ein Projekt der <a href="http://ag-link.xyz">AG Link</a> </h4>
|
||||
<div id="search">
|
||||
<input type="text" placeholder="e. g. Leipzig University" list="datalist" id="uni"
|
||||
onkeyup="provide_suggestion(this.value)">
|
||||
<datalist id="datalist"></datalist>
|
||||
|
||||
<select id="risk">
|
||||
<option value="very high"> very high </option>
|
||||
<option value="high"> high </option>
|
||||
<option value="medium"> medium </option>
|
||||
<option value="low"> low </option>
|
||||
</select>
|
||||
|
||||
<button type="button" id="submit" onclick='open_link(document.getElementById("uni").value, risk.value)'>
|
||||
View Publications
|
||||
</button>
|
||||
</div>
|
||||
<a id="down-arrow" href="#text"></a>
|
||||
</div>
|
||||
|
||||
<div id="text">
|
||||
<div id="background">
|
||||
<h3>Hintergrund</h3>
|
||||
<p>
|
||||
Im Mai wurde durch eine internationale Recherche mehrerer großer Medienhäuser bekannt,
|
||||
dass teilweise eine enge Kooperation zwischen europäischen Hochschulen und Universitäten
|
||||
mit Verstrickungen ins chinesische Militär besteht. Die Ergebnisse wurden unter dem Namen
|
||||
<a href="https://www.ftm.eu/chinascienceinvestigation">#ChinaScienceInvestigation</a>
|
||||
veröffentlicht.
|
||||
</p>
|
||||
<p>
|
||||
Um herauszufinden, ob unsere eigenen Hochschulen sich ebenfalls an Forschung beteiligen, die auch
|
||||
durch das chinesische Militär oder den chinesischen Überwachungsstaat genutzt werden könnte,
|
||||
haben wir die Methodik nachgebildet. Aus dem Wissen aus der Suche ist diese Seite entstanden.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="text">
|
||||
<div id="background">
|
||||
<h3>Hintergrund</h3>
|
||||
<p>
|
||||
Im Mai wurde durch eine internationale Recherche mehrerer großer Medienhäuser bekannt,
|
||||
dass teilweise eine enge Kooperation zwischen europäischen Hochschulen und Universitäten
|
||||
mit Verstrickungen ins chinesische Militär besteht. Die Ergebnisse wurden unter dem Namen
|
||||
<a href="https://www.ftm.eu/chinascienceinvestigation">#ChinaScienceInvestigation</a>
|
||||
veröffentlicht.
|
||||
</p>
|
||||
<p>
|
||||
Um herauszufinden, ob unsere eigenen Hochschulen sich ebenfalls an Forschung beteiligen, die auch
|
||||
durch das chinesische Militär oder den chinesischen Überwachungsstaat genutzt werden könnte,
|
||||
haben wir die Methodik nachgebildet. Aus dem Wissen aus der Suche ist diese Seite entstanden.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="methology">
|
||||
<h3>Methodik</h3>
|
||||
<p>
|
||||
Die quantitative Studie, auf der die ChinaScienceInvestigation basiert, betrachtete die Anzahl der
|
||||
Paper, die Forschende von europäischen Unis gemeinsam mit Kolleg*innen bestimmter
|
||||
chinesischer Universitäten publiziert haben. Die chinesischen Universitäten werden auf Basis des
|
||||
Forschungsprojekts des australischen
|
||||
<a href="https://unitracker.aspi.org.au">unitracker.aspi.org.au</a> ausgewählt und die Paper über
|
||||
die Seite <a href="https://www.lens.org">lens.org</a> durchsucht.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="tool">
|
||||
<h3>Zum Tool</h3>
|
||||
<p>
|
||||
Unser Tool soll es Studierenden und Forschenden ermöglichen, die Studie für ihre Hochschule
|
||||
nachzubilden.
|
||||
</p>
|
||||
<p>
|
||||
Dazu wird der*die Nutzer*in auf <a href="https://www.lens.org">lens.org</a> mit einer ausgefüllten
|
||||
Suchanfrage geleitet, die alle Paper auflistet, die von Forschenden der eingegebenen Universität mit
|
||||
Forschenden einer chinesischen Universität der eingestellten Risikokategorie publiziert wurden.
|
||||
</p>
|
||||
<p>
|
||||
Der Quellcode für unser Tool findet sich unter
|
||||
<a href="https://git.ag-link.xyz/lab-cat/YourChinaScienceInvestigation">
|
||||
git.ag-link.xyz/lab-cat/YourChinaScienceInvestigation
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div id="methology">
|
||||
<h3>Methodik</h3>
|
||||
<p>
|
||||
Die quantitative Studie, auf der die ChinaScienceInvestigation basiert, betrachtete die Anzahl der
|
||||
Paper, die Forschende von europäischen Unis gemeinsam mit Kolleg*innen bestimmter
|
||||
chinesischer Universitäten publiziert haben. Die chinesischen Universitäten werden auf Basis des
|
||||
Forschungsprojekts des australischen
|
||||
<a href="https://unitracker.aspi.org.au">unitracker.aspi.org.au</a> ausgewählt und die Paper über
|
||||
die Seite <a href="https://www.lens.org">lens.org</a> durchsucht.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<div id="tool">
|
||||
<h3>Zum Tool</h3>
|
||||
<p>
|
||||
Unser Tool soll es Studierenden und Forschenden ermöglichen, die Studie für ihre Hochschule
|
||||
nachzubilden.
|
||||
</p>
|
||||
<p>
|
||||
Dazu wird der*die Nutzer*in auf <a href="https://www.lens.org">lens.org</a> mit einer ausgefüllten
|
||||
Suchanfrage geleitet, die alle Paper auflistet, die von Forschenden der eingegebenen Universität mit
|
||||
Forschenden einer chinesischen Universität der eingestellten Risikokategorie publiziert wurden.
|
||||
</p>
|
||||
<p>
|
||||
Der Quellcode für unser Tool findet sich unter
|
||||
<a href="https://git.ag-link.xyz/lab-cat/YourChinaScienceInvestigation">
|
||||
git.ag-link.xyz/lab-cat/YourChinaScienceInvestigation
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue