Merge branch 'master' into search_placeholder

static/css/single.css

@@ -25,6 +25,11 @@
     background-color: var(--secondary-color);
 }
 
+#single .page-content img {
+    max-width: 100%;
+    border-radius: 1rem;
+}
+
 #single .page-content a {
     display: inline-block;
     text-decoration: none;

static/js/search.js

@@ -6,7 +6,10 @@ async function searchOnChange(evt) {
   });
 
   if (searchQuery !== "") {
-    let searchJson = await fetch("/index.json").then((res) => res.json());
+    if (!window.searchJson) {
+      window.searchJson = await fetch("/index.json").then((res) => res.json());
+    }
+
     let searchResults = searchJson.filter((item) => {
       let res = false;
       if (item.title && item.description && item.content) {
@@ -64,7 +67,9 @@ async function searchOnChange(evt) {
 
 function alignSearchContent() {
   const searchButtonEle = document.querySelectorAll("#search");
-  if (searchButtonEle.value !== "") {
+  // check if search value is not empty
+  for (let i = 0; i < searchButtonEle.length; i++) {
+    if (searchButtonEle[i].value !== "") {
       let searchButtonPosition;
       if (window.innerWidth > 768) {
         searchButtonPosition = searchButtonEle[0].getBoundingClientRect();
@@ -81,6 +86,7 @@ function alignSearchContent() {
       document.getElementById("search-content").style.left =
         searchButtonPosition.left + "px";
     }
+  }
 }
 
 function resetSearch(e) {