diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..9fb96c4 --- /dev/null +++ b/web/index.html @@ -0,0 +1,87 @@ + + + + YourCSI + + + + + + +
+ + +

Your #ChinaScienceInvestigation

+

Ein Projekt der AG Link

+ +
+ +
+
+

Hintergrund

+

+ 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 + #ChinaScienceInvestigation + veröffentlicht. +

+

+ 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. +

+
+ +
+

Methodik

+

+ 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 + unitracker.aspi.org.au ausgewählt und die Paper über + die Seite lens.org durchsucht. +

+
+ +
+

Zum Tool

+

+ Unser Tool soll es Studierenden und Forschenden ermöglichen, die Studie für ihre Hochschule + nachzubilden. +

+

+ Dazu wird der*die Nutzer*in auf lens.org 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. +

+

+ Der Quellcode für unser Tool findet sich unter + + git.ag-link.xyz/lab-cat/YourChinaScienceInvestigation + +

+
+
+ + diff --git a/web/sample.html b/web/sample.html deleted file mode 100644 index 2edb29d..0000000 --- a/web/sample.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - YourChinaScienceInvestigation - - - - - - - - diff --git a/web/styles.css b/web/styles.css new file mode 100644 index 0000000..f40bb7e --- /dev/null +++ b/web/styles.css @@ -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; +} \ No newline at end of file