lukaszett/YourChinaScienceInvestigation
1
0
Fork 0
forked from lab-cat/YourChinaScienceInvestigation
Code Issues Pull requests Projects Releases Wiki Activity

updated Website

Browse source
This commit is contained in:
lab-cat 2022-06-25 18:42:24 +02:00
parent 608a895dd7
commit 8292866be9
3 changed files with 212 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

87
web/index.html Normal file
View file

@ -0,0 +1,87 @@
<!doctype html>
<html>
<head>
<title>YourCSI</title>
<meta charset='utf-8'/>
<link rel="stylesheet" type="text/css" href="styles.css">
<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>
<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">
<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>
</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>

17
web/sample.html
View file

@ -1,17 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>YourChinaScienceInvestigation</title>
<script type="text/javascript" src="ycsi.js"></script>
</head>
<body>
<input type="text" placeholder="e. g. Leipzig University" id="uni">
<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>
</body>
</html>

125
web/styles.css Normal file
View file

@ -0,0 +1,125 @@
:root {
--ccp_red:#DE2910;
--ccp_yellow:#FFDE00;
}
html {
scroll-behavior: smooth;
}
a {outline:none !important; font-weight:bold; text-decoration:none;}
a:link {color:#1e0aff}
a:visited {color: #180cff}
a:hover {color:#606;}
a:active {color:#900; outline:none;}
h1 {
font-size:320%;
margin:.5em 0 0 .5em;
}
h2 {
font-weight:bold;
font-size:200%;
margin:.5em 0 0 .5em;
}
h3 {
font-weight:normal;
text-transform:uppercase;
font-size:150%;
letter-spacing:0.15em;
margin:.5em 0 0.8em;
}
h4 {
font-weight:normal;
font-size:150%;
letter-spacing:0.1em;
margin:1.5em 0 0.8em;
}
h5 {
font-weight:normal;
font-style:italic;
font-size:150%;
margin:1.5em 0 0.8em;
}
h6 {
font-weight:bold;
font-size:100%;
letter-spacing:0.1em;
margin:1.5em 0 0.8em;
}
body {
font-family:georgia, serif;
line-height:1.6;
margin:0;
background: #eeeeee;
color:rgb(10, 10, 10);
}
/* Navigation Bar */
nav {
min-width: 70%;
padding: 1em 0 1em 0;
}
nav ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
flex: 3;
color: var(--ccp_yellow)
}
nav ul li a {
text-align: center;
display: block;
padding: 1em;
background-color: var(--ccp_red);
}
nav ul li a:link {color: inherit}
nav ul li a:active {color: inherit}
nav ul li a:visited {color: inherit}
nav ul li a:hover {color: inherit}
/* Landing Page*/
#landing {
display: flex;
flex-direction: column;
height : 100vh;
align-items: center;
}
#search {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%);
display: flex;
gap: 10px
}
#search * {
text-align: center;
font-size: xx-large;
border-radius: 10px;
border: solid black;
padding: 5px;
}
/* Text */
#text {
display: flex;
flex-flow: column wrap;
max-width: 60em;
margin-right: auto;
margin-left: auto;
font-size:150%;
}
#text h3 {
text-align: center;
}