updated Website
This commit is contained in:
lab-cat
parent
608a895dd7
commit
8292866be9
3 changed files with 212 additions and 17 deletions
87
web/index.html
Normal file
87
web/index.html
Normal 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>
|
||||||
|
|
@ -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
125
web/styles.css
Normal 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;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue