YourChinaScienceInvestigation/web/index.html
procrastimax f2cfe7e6e0 Improves some UX points
- adds titles to all UI elements
- changes color of select field to improve visibility of button
- adds text for select field
2022-06-26 13:52:20 +02:00

97 lines
No EOL
4.2 KiB
HTML

<!doctype html>
<html lang="de">
<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>
<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>
<h1>Your #ChinaScienceInvestigation</h1>
<h4>Ein Projekt der <a href="http://ag-link.xyz">AG Link</a> </h4>
<div id="search">
<input title="Eingabe Suchbegriff" type="text" placeholder="e. g. Leipzig University" list="datalist" id="uni"
onkeyup="provide_suggestion(this.value)">
<datalist id="datalist"></datalist>
<div title="ändere Risikokategorie" id="risk">
Risikokategorie
<select id="risk">
<option value="very high"> sehr hoch </option>
<option value="high"> hoch </option>
<option value="medium"> mittel </option>
<option value="low"> niedrig </option>
</select>
</div>
<button title="Zeige Publikationen" type="button" id="submit" onclick='open_link(document.getElementById("uni").value, risk.value)'>
Zeige Publikationen
</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="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>
</body>
</html>