Merge pull request 'Adds a data list to show serach suggestions + reformatting' (#2) from feature-search-suggestions into main

Reviewed-on: lab-cat/YourChinaScienceInvestigation#2

lists/canonical_names_of_german_institutions.txt

@@ -117,7 +117,6 @@ Heinrich Hertz Institute
 University of Hildesheim
 Mitsubishi Heavy Industries
 Hamburg University of Applied Sciences
-"Bauhaus University, Weimar"
 University of Paris
 Potsdam Institute for Climate Impact Research
 Institute for Geosciences and Natural Resources
@@ -153,7 +152,6 @@ National Autonomous University of Mexico
 Catholic University of Eichstätt-Ingolstadt
 Ifo Institute for Economic Research
 Frankfurt Institute for Advanced Studies
-"University of Maryland, College Park"
 German Primate Center
 Furtwangen University
 National University of Singapore
@@ -232,9 +230,7 @@ Mitsubishi
 Institut national de la recherche agronomique
 University of Buenos Aires
 Leibniz Institute for Astrophysics Potsdam
-"Wuppertal Institute for Climate, Environment and Energy"
 Ostwestfalen-Lippe University of Applied Sciences
-"University of Education, Winneba"
 Vilnius University
 Bremen Institute for Applied Beam Technology
 Heinrich Pette Institute
@@ -297,7 +293,6 @@ Hochschule Wismar
 Instituto Politécnico Nacional
 EBS University of Business and Law
 Technical University of Applied Sciences Wildau
-"Berlin, Deutschland"
 Hasso Plattner Institute
 Rhine-Waal University of Applied Sciences
 University of Iceland
@@ -308,7 +303,6 @@ Tampere University of Technology
 Eastman Chemical Company
 Petersburg Nuclear Physics Institute
 Hochschule der Medien
-"University of Applied Sciences, Kaiserslautern"
 University of Bucharest
 King Saud University
 Alpen-Adria-Universität Klagenfurt
@@ -318,7 +312,6 @@ Indian Institutes of Technology
 Rolls-Royce Deutschland
 Steinbeis-Hochschule Berlin
 Belarusian State University
-"Monash University, Clayton campus"
 University of Oregon
 Peace Research Institute Frankfurt
 Heart and Diabetes Center North Rhine-Westphalia
@@ -337,16 +330,13 @@ Friedrich Ebert Foundation
 Schrödinger
 Institut für Kristallzüchtung
 Mahidol University
-"University of Applied Sciences, Mainz"
 Deutsche Bundespost
 Deutsches Museum
 Chiang Mai University
 Alcatel-Lucent
-"German University of Administrative Sciences, Speyer"
 University of Tromsø
 Media Research Center
 Leibniz Center for Tropical Marine Ecology
-"International University, Cambodia"
 International Institute of Minnesota
 Konstanz University of Applied Sciences
 Addis Ababa University
@@ -358,10 +348,8 @@ Smithsonian Tropical Research Institute
 Social Science Research Center Berlin
 Tumor Immunology
 University of Costa Rica
-"Fraunhofer Institute for High-Speed Dynamics, Ernst-Mach-Institut"
 Catholic University of Leuven
 ZEW – Leibniz Centre for European Economic Research
-"University of Agriculture, Faisalabad"
 German Criminal Police Office
 Protein Sciences
 University of Los Andes
@@ -402,7 +390,6 @@ University of Cyprus
 University of Maribor
 Osram Opto Semiconductors GmbH
 Universitätsklinikum Hamburg-Eppendorf
-"München, Deutschland"
 IAV
 Technical University of Cluj-Napoca
 University of Karachi
@@ -412,7 +399,6 @@ Lviv University
 Erwin L. Hahn Institute for Magnetic Resonance Imaging
 Epigenomics AG
 Fraunhofer Institute for Open Communication Systems
-"Hamburg, Deutschland"
 MESA+ Institute for Nanotechnology
 National Cheng Kung University
 Beiersdorf
@@ -430,7 +416,6 @@ Niels Bohr Institute
 Ludwigshafen University of Applied Sciences
 University of Dschang
 Weingarten Realty Investors
-"Agency for Science, Technology and Research"
 University of Ibadan
 University of Niš
 Japan Atomic Energy Research Institute
@@ -444,7 +429,6 @@ National University of Science and Technology
 Infection and Cancer
 Federal University of Ceará
 Ladenburg Thalmann
-"Berlin, Germany"
 University of Khartoum
 Faurecia
 Ivoclar Vivadent
@@ -461,7 +445,6 @@ Slovak University of Technology in Bratislava
 University of Kharkiv
 Asahi Kasei
 Bavarian Forest National Park
-"Köln, Institut für Anorganische Chemie der Universität"
 Foundation for Research & Technology – Hellas
 German Institute of Food Technologies
 Universitätsklinikum Erlangen
@@ -493,7 +476,6 @@ German Office for Information Security
 Laser Zentrum Hannover e.V. (Germany)
 Makerere University
 Medical Park
-"Stuttgart, Institut für Anorganische Chemie der Universität"
 University of Guadalajara
 University of the Republic
 Ansbach
@@ -554,12 +536,10 @@ Fraunhofer Institute for Industrial Mathematics
 Health Science University
 Metz
 Myriad Genetics
-"Stuttgart, Deutschland"
 University of Split
 Robert Bosch Stiftung
 Bangladesh Agricultural University
 European Institute
-"Hamburg, Germany"
 Hella
 Lviv Polytechnic
 Tribhuvan University
@@ -572,7 +552,6 @@ Universitätsklinikum Ulm
 Yerevan Physics Institute
 Catholic University of Applied Sciences Freiburg
 Center for Financial Studies
-"College of Health Sciences, Bahrain"
 Kaunas University of Technology
 Nokia
 The Cyprus Institute
@@ -605,18 +584,15 @@ Yarmouk University
 Hashemite University
 International Food Policy Research Institute
 Fachhochschule Potsdam
-"Köln, Deutschland"
 United Arab Emirates University
 University of the Algarve
 Adria Airways
 Alexandru Ioan Cuza University
 Bosch Rexroth
-"Central Institute of Mental Health, Mannheim, Germany"
 Central University of Venezuela
 University of Valle
 Leibniz Institute of European History
 Siemens Energy Sector
-"Umwelttechnik BW GmbH, Stuttgart, Deutschland"
 Benemérita Universidad Autónoma de Puebla
 National Chemical Laboratory
 Department of Physics
@@ -625,13 +601,11 @@ Prince of Songkla University
 Springer Science+Business Media
 Technical University of Sofia
 University of Dhaka
-"Vietnam National University, Ho Chi Minh City"
 King Fahd University of Petroleum and Minerals
 Obafemi Awolowo University
 1 and 2
 French Alternative Energies and Atomic Energy Commission
 International Trademark Association
-"Karlsruhe, Deutschland"
 Georgia Regents University
 International Centre of Insect Physiology and Ecology
 Lufthansa
@@ -653,8 +627,6 @@ Lithuanian University of Health Sciences
 Solvay
 University of Applied Sciences Ravensburg-Weingarten
 University of Dar es Salaam
-"University of Engineering and Technology, Lahore"
-"University of Nigeria, Nsukka"
 Universidad Autónoma de San Luis Potosí
 University of Applied Sciences Deggendorf
 Berlin-Brandenburg Academy of Sciences and Humanities
@@ -663,14 +635,11 @@ Florida State University College of Arts and Sciences
 Laboratoires Pierre Fabre
 Leibniz Institute for Psychology Information
 Sanford-Burnham Institute for Medical Research
-"Western Springs, USA"
 Federal Ministry of Finance (Germany)
-"Ministry of the Environment, Climate Protection and the Energy Sector Baden-Württemberg, Stuttgart, Deutschland"
 National University of Benin
 Suranaree University of Technology
 VDMA
 Universitätsklinikum Jena
-"National Oceanography Centre, Southampton"
 Simón Bolívar University
 Tunis University
 Universiti Teknologi MARA
@@ -685,27 +654,20 @@ Universidad Miguel Hernández de Elche
 Institut der deutschen Wirtschaft
 National University of the Littoral
 SAP SE
-"Tübingen, Institut für Anorganische Chemie der Universität"
 University of Gondar
 University of Malta
 ZF Friedrichshafen
 Alexander von Humboldt Foundation
-"Donders Institute for Brain, Cognition and Behaviour, External Organizations"
 Fraunhofer Institute for Industrial Engineering
 Indonesian Institute of Sciences
 Istituto di Neuroriabilitazione Motoria San Camillo
 Peking Union Medical College
 University of Nizwa
 Zurich University of Applied Sciences/ZHAW
-"Center for Language Studies , External Organizations"
-"Institut Laue-Langevin, Grenoble, France"
 Institute of Pathology
 Jimma University
 European Molecular Biology Laboratory
-"First Faculty of Medicine, Charles University in Prague"
-"Optical Sciences, College of"
 Royal School of Mines
-"University of Applied Sciences, Worms"
 Universitätsklinikum Düsseldorf
 Bundeswehr Institute of Microbiology
 External Organization
@@ -720,14 +682,11 @@ Deutsches Krebsforschungszentrum
 International Center for Agricultural Research in the Dry Areas
 University of Yaoundé
 DESY
-"IHP, Im Technologiepark 25, 15236 Frankfurt (Oder), Germany"
 IMTEK
 University of Liechtenstein
 University of Ngaoundéré
 Sokoine University of Agriculture
-"Aachen, Deutschland"
 Cergy-Pontoise University
-"Department of Internal Medicine III, University Hospital of Ulm, Ulm, Germany"
 Singapore Management University
 UNESCO Institute for Lifelong Learning
 Technical University
@@ -755,7 +714,6 @@ Institute on Taxation and Economic Policy
 Universidad Autónoma de Nuevo León
 University of Baghdad
 Blockchain Research Center
-"Marburg, Fachbereich Chemie der Universität"
 Nürtingen-Geislingen University of Applied Science
 Southern University of Science and Technology
 Sumy State University
@@ -763,29 +721,23 @@ University of Peradeniya
 Universität Kaiserslautern
 Universitätsklinikum Aachen
 Universitätsklinikum Würzburg
-"GBF-Gesellschaft für Biotechnologische Forschung mbH, Braunschweig, Germany"
 National Chung Hsing University
 Universitätsklinikum Tübingen
 Azerbaijan National Academy of Sciences
 Deutsche Gesellschaft für Internationale Zusammenarbeit
 EA Digital Illusions CE
-"Heidelberg, Deutschland"
 Institute of Electrical and Electronics Engineers
 Universitätsklinikum des Saarlandes
 Volkswagen Group
 EnBW
-"Hannover, Deutschland"
 Medical University of Łódź
 MorphoSys
 National Yang-Ming University
 Public Health Research Institute
-"Universidad del Norte, Colombia"
 Universiti Teknologi Malaysia
 University of Auvergne
 University of Health Sciences Antigua
-"Laser Zentrum Hannover e.V., Hollerithallee 8, 30419 Hannover, Germany"
 Qatar Airways
-"Bielefeld, Deutschland"
 Kennametal
 Lippincott Williams & Wilkins
 National Dong Hwa University
@@ -814,8 +766,6 @@ Pontifical Catholic University of Valparaíso
 University Hospital Essen
 Albert Einstein Institution
 Association for Information Systems
-"DESY, Hamburg, Germany"
-"Dresden, Deutschland"
 FEV GmbH
 Institute for Chemistry and Technology of Materials (6380)
 Instituto de Medicina Molecular
@@ -846,11 +796,9 @@ University of Applied Sciences Wedel
 Universität Frankfurt
 Autonomous University of Baja California
 Commissariat à l'énergie atomique et aux énergies alternatives
-"Deutsches Krebsforschungszentrum, Heidelberg, Germany"
 Festo
 German Medical Association
 Kenyatta University
-"München, Germany"
 Rolls-Royce Motor Cars
 University Hospital Münster
 Universitätsklinikum
@@ -862,18 +810,15 @@ University of Sarajevo
 AmeriCorps VISTA
 BMW AG
 Balseiro Institute
-"European Molecular Biology Laboratory, Heidelberg, Germany"
 Food and Agriculture Organization
 George C. Marshall European Center for Security Studies
 Islamic University of Gaza
 KfW
-"Leipzig, Deutschland"
 University of Natal
 Ural State University
 Virtual Vehicle Research GmbH  (ViF) (98830)
 ARCO
 Astronomy
-"BASF SE, 67056 Ludwigshafen, Germany"
 Department of Electrical Engineering
 GBF — Gesellschaft für Biotechnologische Forschung mbH
 Hamburg Institute for Social Research
@@ -882,16 +827,11 @@ Nazarbayev University
 Nest Labs
 Oeschger Centre for Climate Change Research
 Rohde & Schwarz
-"Universitätsklinikum Schleswig-Holstein, Campus Lübeck"
 ANSES
-"Astrophysikalisches Institut Potsdam, An der Sternwarte 16, 14482 Potsdam, Germany"
-"BASF SE, Ludwigshafen, Germany"
-"GFZ German Research Centre for Geosciences, Telegrafenberg, 14473 Potsdam, Germany"
 Plansee SE
 University of Sharjah
 Birzeit University
 Business and Information Technology School
-"Dortmund, Fachbereich Chemie der Universität"
 European Centre for Minority Issues
 Federal Centre for Health Education
 Friedrich Miescher Institute for Biomedical Research
@@ -901,7 +841,6 @@ Mexican Social Security Institute
 National Institute of Radiological Sciences
 University of Lagos
 University of Santo Tomas
-"Brown, Boveri & Cie"
 Lahore University of Management Sciences
 Reykjavík University
 University of Essen
@@ -916,7 +855,6 @@ University of Sargodha
 Universität Bamberg
 Belarusian State University of Informatics and Radioelectronics
 Boston Consulting Group
-"Frankfurt am Main, Deutschland"
 International Water Management Institute
 Karlshochschule International University
 King Mongkut's University of Technology Thonburi
@@ -926,28 +864,20 @@ Rand Afrikaans University
 University of Cape Coast
 Université du Québec
 Vytautas Magnus University
-"Weil, Gotshal & Manges"
 Cadi Ayyad University
 Deutsches Herzzentrum Berlin
 Fox Chase Cancer Center
-"Göttingen, Germany"
-"IHP, Frankfurt (Oder), Germany"
 Porsche Automobil Holding SE
 Telefónica
 Uniklinik Köln
 Universitätsmedizin Mainz
 Venezuelan Institute for Scientific Research
 Andrés Bello National University
-"Düsseldorf, Deutschland"
-"GBF — Gesellschaft für Biotechnologische Forschung mbH, Braunschweig, Germany"
-"Institute of Pathology, Klinikum Bayreuth, Bayreuth, Germany"
 Munich School of Philosophy
 SAP AG
 School of Mathematics and Physics
 Shahjalal University of Science and Technology
 Technische Univ. Braunschweig (Germany)
-"A 1 - Climate Variability and Predictability, Research Area A: Climate Dynamics and Variability, The CliSAP Cluster of Excellence, External Organizations"
-"Dortmund, Deutschland"
 Institut de recherche pour le développement
 Iuliu Hațieganu University of Medicine and Pharmacy
 JenLab GmbH (Germany)
@@ -966,7 +896,6 @@ National Space Development Agency of Japan
 National University of Rwanda
 Teacher training college
 Universitätsklinikum Köln
-"Universitätsklinikum Schleswig-Holstein, Campus Kiel"
 Westinghouse Electric
 Wintershall
 Bahauddin Zakariya University
@@ -974,13 +903,11 @@ Biology
 Center for International Forestry Research
 Department of Photonics Engineering
 London Research Institute
-"MLL Munich Leukemia Laboratory, Munich, Germany"
 Saints Cyril and Methodius University of Skopje
 Scottish Crop Research Institute
 Sick AG
 Soitec
 Tongji Medical College
-"Tübingen, Deutschland"
 Universidad Técnica Particular de Loja
 University of Lomé
 Allama Iqbal Open University
@@ -992,7 +919,6 @@ Institute of Computer Graphics and Knowledge Visualisation (7110)
 King Abdulaziz City for Science and Technology
 Klaipėda University
 Maseno University
-"National Institute of Astrophysics, Optics and Electronics"
 National University of San Juan
 Naturalis
 School of Chemistry

scripts/create_university_list_data.sh

@@ -0,0 +1,12 @@
+#!/usr/bin/env sh
+
+echo "Reading entries from lists/canonical_names_of_german_institutions and writing them to web/data.js"
+
+# remove all lines starting with \"
+sed '/^\"/d' ../lists/canonical_names_of_german_institutions.txt -i
+
+# creating or overriding a data.js which holds the list of universities in js compatible format
+echo "const university_list = " > ../web/data.js
+
+# convert raw list of universities to javascript compatible format
+jq -R -s -c 'split("\n")' < ../lists/canonical_names_of_german_institutions.txt >> ../web/data.js

web/index.html

@@ -1,13 +1,16 @@
 <!doctype html>
 <html>
-    <head>
+
+<head>
     <title>YourCSI</title>
-        <meta charset='utf-8'/>
+    <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>
-    </head>
+    <script type="text/javascript" src="data.js"></script>
-    <body>
+</head>
+
+<body>
 
     <div id="landing">
         <nav>
@@ -21,9 +24,11 @@
         <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">
+            <input type="text" placeholder="e. g. Leipzig University" list="datalist" id="uni"
+                onkeyup="provide_suggestion(this.value)">
+            <datalist id="datalist"></datalist>
 
-                <select id = "risk">
+            <select id="risk">
                 <option value="very high"> very high </option>
                 <option value="high"> high </option>
                 <option value="medium"> medium </option>
@@ -34,7 +39,7 @@
                 View Publications
             </button>
         </div>
-            <a id="down-arrow" href="#text" ></a>
+        <a id="down-arrow" href="#text"></a>
     </div>
 
     <div id="text">
@@ -85,5 +90,6 @@
             </p>
         </div>
     </div>
-    </body>
+</body>
+
 </html>

web/styles.css

@@ -1,64 +1,81 @@
 :root {
-  --ccp_red:#DE2910;
+  --ccp_red: #DE2910;
-  --ccp_yellow:#FFDE00;
+  --ccp_yellow: #FFDE00;
 }
 
 html {
   scroll-behavior: smooth;
 }
 
-a {outline:none !important; font-weight:bold; text-decoration:none;}
+a {
-a:link {color:#1e0aff}
+  outline: none !important;
-a:visited {color: #180cff}
+  font-weight: bold;
-a:hover {color:#606;}
+  text-decoration: none;
-a:active {color:#900; outline:none;}
+}
+
+a:link {
+  color: #1e0aff
+}
+
+a:visited {
+  color: #180cff
+}
+
+a:hover {
+  color: #606;
+}
+
+a:active {
+  color: #900;
+  outline: none;
+}
 
 h1 {
-  font-size:320%;
+  font-size: 320%;
-  margin:.5em 0 0 .5em;
+  margin: .5em 0 0 .5em;
 }
 
 h2 {
-  font-weight:bold;
+  font-weight: bold;
-  font-size:200%;
+  font-size: 200%;
-  margin:.5em 0 0 .5em;
+  margin: .5em 0 0 .5em;
 }
 
 h3 {
-  font-weight:normal;
+  font-weight: normal;
-  text-transform:uppercase;
+  text-transform: uppercase;
-  font-size:150%;
+  font-size: 150%;
-  letter-spacing:0.15em;
+  letter-spacing: 0.15em;
-  margin:.5em 0 0.8em;
+  margin: .5em 0 0.8em;
 }
 
 h4 {
-  font-weight:normal;
+  font-weight: normal;
-  font-size:150%;
+  font-size: 150%;
-  letter-spacing:0.1em;
+  letter-spacing: 0.1em;
-  margin:1.5em 0 0.8em;
+  margin: 1.5em 0 0.8em;
 }
 
 h5 {
-  font-weight:normal;
+  font-weight: normal;
-  font-style:italic;
+  font-style: italic;
-  font-size:150%;
+  font-size: 150%;
-  margin:1.5em 0 0.8em;
+  margin: 1.5em 0 0.8em;
 }
 
 h6 {
-  font-weight:bold;
+  font-weight: bold;
-  font-size:100%;
+  font-size: 100%;
-  letter-spacing:0.1em;
+  letter-spacing: 0.1em;
-  margin:1.5em 0 0.8em;
+  margin: 1.5em 0 0.8em;
 }
 
 body {
-  font-family:georgia, serif;
+  font-family: georgia, serif;
-  line-height:1.6;
+  line-height: 1.6;
-  margin:0;
+  margin: 0;
   background: #eeeeee;
-  color:rgb(10, 10, 10);
+  color: rgb(10, 10, 10);
 }
 
 /* Navigation Bar */
@@ -66,32 +83,47 @@ 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:link {
-nav ul li a:visited {color: inherit}
+  color: inherit
-nav ul li a:hover {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;
+  height: 100vh;
   align-items: center;
 }
 
@@ -103,6 +135,7 @@ nav ul li a:hover {color: inherit}
   display: flex;
   gap: 10px
 }
+
 #search * {
   text-align: center;
   font-size: xx-large;
@@ -120,6 +153,7 @@ nav ul li a:hover {color: inherit}
   border: 2px solid;
   border-radius: 2px;
 }
+
 #down-arrow:after {
   content: " ";
   position: absolute;
@@ -132,10 +166,22 @@ nav ul li a:hover {color: inherit}
   border-radius: 4px;
   transform: rotateZ(45deg);
 }
-#down-arrow:link {color: black}
+
-#down-arrow:active {color: black}
+#down-arrow:link {
-#down-arrow:visited {color: black}
+  color: black
-#down-arrow:hover {color: black}
+}
+
+#down-arrow:active {
+  color: black
+}
+
+#down-arrow:visited {
+  color: black
+}
+
+#down-arrow:hover {
+  color: black
+}
 
 /* Text */
 #text {
@@ -144,8 +190,9 @@ nav ul li a:hover {color: inherit}
   max-width: 60em;
   margin-right: auto;
   margin-left: auto;
-  font-size:150%;
+  font-size: 150%;
 }
+
 #text h3 {
   text-align: center;
 }