docs/search-results: updated the page to new design

diff --git a/src/templates/docs/search-results.html b/src/templates/docs/search-results.html
index 1d45a662e57a2f451067147265b8f195d7fe0174..d880735cea07f120e266807db6b0528a53568092 100644 (file)
--- a/src/templates/docs/search-results.html
+++ b/src/templates/docs/search-results.html
@@ -2,12 +2,35 @@
 
 {% block title %}{{ _("Search results for '%s'") % q }}{% end block %}
 
-{% block content %}
-       <div class="card">
-               <div class="card-body">
-                       <h5>{{ _("Search results for '%s'") % q }}</h5>
+{% block container %}
+       <section class="hero is-light">
+               <div class="hero-body">
+                       <div class="container">
+                               <nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+                                       <ul>
+                                               <li>
+                                                       <a href="/">{{ _("Home") }}</a>
+                                               </li>
+                                               <li class="is-active">
+                                                       <a href="#" aria-current="page">{{ _("Docs") }}</a>
+                                               </li>
+                                       </ul>
+                               </nav>
 
+                               <h1 class="title is-1">{{ _("IPFire Docs") }}</h1>
+
+                               {% if q %}
+                                       <h6 class="subtitle is-5s">
+                                               {{ _("Search Results for '%s'") % q }}
+                                       </h6>
+                               {% end %}
+                       </div>
+               </div>
+       </section>
+
+       <section class="section">
+               <div class="container">
                        {% module DocsList(pages, show_author=False) %}
                </div>
-       </div>
+       </section>
 {% end block %}