| Line 18: | Line 18: | 
|  | 	<div class="mainpage_box"> |  | 	<div class="mainpage_box"> | 
|  | 		<div class="items"> |  | 		<div class="items"> | 
| − | <h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Search</span></h2> | + | <h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Case studies</span></h2> | 
| − |   |  | 
| − | Search for a project below by typing a keyword... You can get more detail on each project by clicking on it.
 |  | 
| − |   |  | 
| − | <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Start typing here" title="Type in a service">
 |  | 
|  |  |  |  | 
|  | {| class="wikitable collapsible sortable" |  | {| class="wikitable collapsible sortable" | 
| Line 102: | Line 98: | 
|  |          color: rgb(255,255,255); |  |          color: rgb(255,255,255); | 
|  | }} |  | }} | 
| − | 
 |  | 
| − | 
 |  | 
| − | <script>
 |  | 
| − | function myFunction() {
 |  | 
| − |   var input, filter, table, tr, td, i;
 |  | 
| − |   input = document.getElementById("myInput");
 |  | 
| − |   filter = input.value.toUpperCase();
 |  | 
| − |   table = document.getElementById("myTable");
 |  | 
| − |   tr = table.getElementsByTagName("tr");
 |  | 
| − |   for (i = 0; i < tr.length; i++) {
 |  | 
| − |     td = tr[i].getElementsByTagName("td")[0];
 |  | 
| − |     if (td) {
 |  | 
| − |       if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
 |  | 
| − |         tr[i].style.display = "";
 |  | 
| − |       } else {
 |  | 
| − |         tr[i].style.display = "none";
 |  | 
| − |       }
 |  | 
| − |     }       
 |  | 
| − |   }
 |  | 
| − | }
 |  | 
| − | </script>
 |  |