diff --git a/src/html/search.html b/src/html/search.html
index 02ff668..12733e8 100644
--- a/src/html/search.html
+++ b/src/html/search.html
@@ -1,5 +1,31 @@
- Search results here
+
+
+
+
+
diff --git a/src/js/hd-app.js b/src/js/hd-app.js
index 9d36a67..2eefc59 100644
--- a/src/js/hd-app.js
+++ b/src/js/hd-app.js
@@ -1,8 +1,9 @@
document.addEventListener("DOMContentLoaded", function(event) {
// Constants declaration
- const navBar = document.querySelector("#navbar");
- const searchBar = navBar.querySelector("#search-bar");
- const searchView = document.querySelector("#search-view");
+ const navBar = document.querySelector("#navbar");
+ const searchBar = navBar.querySelector("#search-bar");
+ const searchView = document.querySelector("#search-view");
+ const searchInput = searchBar.querySelector("#search-input");
// Shortcuts
@@ -31,4 +32,12 @@ document.addEventListener("DOMContentLoaded", function(event) {
navBar.classList.remove("search-mode");
searchView.classList.remove("search-mode");
}
+
+
+ // Synchronizes the search input with the s
+ searchInput.addEventListener("keyup", (e) => {
+ searchView.querySelectorAll("ldp-form input[type=text]").forEach((el) => {
+ el.value = searchInput.value;
+ });
+ });
});
diff --git a/src/scss/_search.scss b/src/scss/_search.scss
index f8f52d7..1848c67 100644
--- a/src/scss/_search.scss
+++ b/src/scss/_search.scss
@@ -12,4 +12,12 @@
&.search-mode {
display: block;
}
+
+ .content {
+ background-color: white;
+
+ ldp-form {
+ display: none;
+ }
+ }
}