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