💄`websurfx` logo redesign for better understandability (#418)

* lazyload search result text with css content-visibility

* typo, lightning-fast is grammatically correct

* revamped logo to look more modern

* added class to control how new logo looks and behaves

* added class to control how new logo looks and behaves

---------

Co-authored-by: neon_arch <mustafadhuleb53@gmail.com>

public/static/themes/simple.css

@@ -33,6 +33,10 @@ body {
   display: flex;
 }
 
+.websurfx-logo {
+  width: clamp(12rem, 40rem, 48rem);
+}
+
 /* styles for the search box and search button */
 
 .search_bar {

src/templates/views/index.rs

@@ -18,7 +18,7 @@ pub fn index(colorscheme: &str, theme: &str) -> Markup {
     html!(
         (header(colorscheme, theme))
         main class="search-container"{
-            img src="../images/websurfx_logo.png" alt="Websurfx meta-search engine logo";
+            img class="websurfx-logo" src="../images/websurfx_logo.svg" alt="Websurfx meta-search engine logo";
             (bar(&String::default()))
             (PreEscaped("</div>"))
         }