💄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>
neon-mmd · Dec 5, 2023 · fb2b660 · fb2b660
1 parent f11d35f
commit fb2b660
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 1 deletion.
diff --git a/public/images/websurfx_logo.png b/public/images/websurfx_logo.png
diff --git a/public/images/websurfx_logo.svg b/public/images/websurfx_logo.svg
diff --git a/public/static/themes/simple.css b/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 {

diff --git a/src/templates/views/index.rs b/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>"))
         }