404 (#795)

JohnSnowLabs · Nov 29, 2023 · c2d2d22 · c2d2d22
1 parent 4781e3c
commit c2d2d22
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 13 deletions.
diff --git a/docs/404.html b/docs/404.html
@@ -2,15 +2,19 @@
 layout: article
 title: 404
 show_title: false
-header:
-  theme: dark
-  background: '#123'
 ---
 <div class="layout--404">
   <div class="sign">
-    <h1>404</h1>
+    <h1 class="h2_title grey">404</h1>
     <p>Page not found :(</p>
   </div>
 </div>
-
-{{ content }}
+<div class="main-docs search-results-wrapper">
+  <div class="search-wrapper">
+      <div class="search-input-wrapper">
+          <input type="text" onclick="fetchAndPopulate()" id="search-input" placeholder="Search starts from 4 letters...">
+      </div>                    
+      <h2>Search results</h2>
+      <ul id="results-container" class="results-container"></ul>
+  </div>
+</div>
diff --git a/docs/_layouts/404.html b/docs/_layouts/404.html
@@ -2,15 +2,19 @@
 layout: article
 title: 404
 show_title: false
-header:
-  theme: dark
-  background: '#123'
 ---
 <div class="layout--404">
   <div class="sign">
-    <h1>404</h1>
+    <h1 class="h2_title grey">404</h1>
     <p>Page not found :(</p>
   </div>
+  <div class="main-docs search-results-wrapper">
+    <div class="search-wrapper">
+        <div class="search-input-wrapper">
+            <input type="text" onclick="fetchAndPopulate()" id="search-input" placeholder="Search starts from 4 letters...">
+        </div>                    
+        <h2>Search results</h2>
+        <ul id="results-container" class="results-container"></ul>
+    </div>
 </div>
-
-{{ content }}
+</div>
diff --git a/docs/_layouts/landing.html b/docs/_layouts/landing.html
@@ -63,7 +63,7 @@ <h2 class="h2_title {{ _section.classtitle }}">{{ _section.title }}</h2>
             <div class="grid--container">
               <div class="grid">
                 <div class="cell cell--12 cell--lg-12">
-                  <h2 class="h2_title">{{ _section.title }}</h2>
+                  <h2 class="h2_title grey">{{ _section.title }}</h2>
                 </div>
               </div>
               {%- if _section.children -%}              

diff --git a/docs/_sass/custom.scss b/docs/_sass/custom.scss
@@ -340,6 +340,10 @@ h2.h2_doc {
 	}
 }
 
+.layout--404 .sign h1 {
+	border: none;
+}
+
 .article__header--overlay {
 	.hero.hero--center {
 		background: #20a5df url('../../assets/images/bg_hero.png') 0 0 no-repeat;