404 page re-styled

Author: Piyush Goel

404.html

@@ -5,6 +5,20 @@
 <style>
   .component-title {
     margin-left: 0;
+    width: 100%;
+    font-size: 100px !important;
+    padding: 0;
+  }
+  .installation-component {
+    text-align: center;
+    width: 85%;
+  }
+
+  .error-title {
+    font-size: 25px;
+  }
+  .error-description {
+    font-size: 20px;
   }
 </style>
 

_includes/footer-scripts.html

@@ -32,26 +32,26 @@
     }
 
     function dropdownSelectionKeydown(event) {
-        // const resultsContainer = event.target.nextElementSibling;
-        // if (resultsContainer.children.length > 0 && (event.keyCode === 38 || event.keyCode === 40)) {
-        //     if (searchBoxResultSelectedItem()) {
-        //         removeDropdownItem(searchBoxResultSelectedItem());
-        //     }
-        //     switch(event.keyCode) {
-        //         case 38:
-        //             searchBoxResultSelectedItem(searchBoxResultSelectedItem() ? (searchBoxResultSelectedItem().previousElementSibling ? searchBoxResultSelectedItem().previousElementSibling : resultsContainer.children[resultsContainer.children.length - 1]) : resultsContainer.children[resultsContainer.children.length-1])
-        //             addDropdownItem(searchBoxResultSelectedItem());
-        //             break;
+        const resultsContainer = event.target.nextElementSibling;
+        if (resultsContainer.children.length > 0 && (event.keyCode === 38 || event.keyCode === 40)) {
+            if (searchBoxResultSelectedItem()) {
+                removeDropdownItem(searchBoxResultSelectedItem());
+            }
+            switch(event.keyCode) {
+                case 38:
+                    searchBoxResultSelectedItem(searchBoxResultSelectedItem() ? (searchBoxResultSelectedItem().previousElementSibling ? searchBoxResultSelectedItem().previousElementSibling : resultsContainer.children[resultsContainer.children.length - 1]) : resultsContainer.children[resultsContainer.children.length-1])
+                    addDropdownItem(searchBoxResultSelectedItem());
+                    break;
 
-        //         case 40:
-        //             searchBoxResultSelectedItem(searchBoxResultSelectedItem() ? (searchBoxResultSelectedItem().nextElementSibling ? searchBoxResultSelectedItem().nextElementSibling : resultsContainer.children[0]) : resultsContainer.children[0]);
-        //             console.log(searchBoxResultSelectedItem().firstElementChild);
-        //             console.log(searchBoxResultSelectedItem().nextElementSibling.firstElementChild);
-        //             console.log(resultsContainer.childNodes[0].firstElementChild);
-        //             addDropdownItem(searchBoxResultSelectedItem());
-        //             break;
-        //     }
-        // }
+                case 40:
+                    searchBoxResultSelectedItem(searchBoxResultSelectedItem() ? (searchBoxResultSelectedItem().nextElementSibling ? searchBoxResultSelectedItem().nextElementSibling : resultsContainer.children[0]) : resultsContainer.children[0]);
+                    console.log(searchBoxResultSelectedItem().firstElementChild);
+                    console.log(searchBoxResultSelectedItem().nextElementSibling.nextElementSibling.firstElementChild);
+                    console.log(resultsContainer.childNodes[0].firstElementChild);
+                    addDropdownItem(searchBoxResultSelectedItem());
+                    break;
+            }
+        }
     }
 
     function saveSearchTerm(event) {