From 9a8b853e034dc25c75b5b23f6d191dbf840d7bf5 Mon Sep 17 00:00:00 2001
From: MatthieuBarbu <matthieubarbu@zaclys.net>
Date: Thu, 2 Nov 2023 09:54:48 +0100
Subject: [PATCH] fix logo size for ultra small screen

---
 .../static/themes/simple/src/less/search.less |  2 +-
 .../static/themes/simple/src/less/zotop.less  | 50 +++++++++++++++++++
 searx/templates/simple/base.html              |  2 +-
 3 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less
index ee961e5fd..a44aa4188 100644
--- a/searx/static/themes/simple/src/less/search.less
+++ b/searx/static/themes/simple/src/less/search.less
@@ -336,7 +336,7 @@ html.no-js #clear_search.hide_if_nojs {
     background-color: var(--color-search-background);
     position: absolute;
     top: 150px;
-    height: 100%;
+    height: calc(100% - 114px);
     width: 100%;
     z-index: 10000;
 
diff --git a/searx/static/themes/simple/src/less/zotop.less b/searx/static/themes/simple/src/less/zotop.less
index fefa0910e..37bc38f59 100644
--- a/searx/static/themes/simple/src/less/zotop.less
+++ b/searx/static/themes/simple/src/less/zotop.less
@@ -556,6 +556,13 @@ div.zET {
   line-height: 12rem;
   margin: 0;
   margin-top: 5rem;
+
+  @media screen and (max-width: 500px) {
+    font-size: 10rem;
+    line-height: 10rem;
+    margin: 0;
+    margin-top: 4rem;
+  }
 }
 
 h3.ztitre {
@@ -567,6 +574,19 @@ h3.ztitre {
 }
 
 @media (max-width: 580px) {
+  div.zET {
+    font-size: 10rem;
+    line-height: 10rem;
+    margin: 0;
+    margin-top: 4rem;
+  }
+
+  h2.ztitre {
+    margin: 0;
+    font-size: 4em;
+    font-weight: 400;
+  }
+
   ul.et-social-icons {
     display: none !important;
   }
@@ -665,3 +685,33 @@ h3.ztitre {
     }
   }
 }
+
+@media screen and (max-width: 480px) {
+  div.zET {
+    font-size: 9rem;
+    line-height: 9rem;
+    margin: 0;
+    margin-top: 4rem;
+  }
+
+  h2.ztitre {
+    margin: 0;
+    font-size: 4em;
+    font-weight: 400;
+  }
+}
+
+@media screen and (max-width: 360px) {
+  div.zET {
+    font-size: 8rem;
+    line-height: 8rem;
+    margin: 0;
+    margin-top: 3%;
+  }
+
+  h2.ztitre {
+    margin: 0;
+    font-size: 2em;
+    font-weight: 400;
+  }
+}
diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html
index 589d52d9e..7b4771ffb 100644
--- a/searx/templates/simple/base.html
+++ b/searx/templates/simple/base.html
@@ -196,7 +196,7 @@
     {% endblock %}
   </main>
   <footer>
-    <p><b>* Vos recherches n'appartiennent qu'à vous et nous n'en ferons jamais notre fond de commerce.</b></p>
+    <p><b>* Vos recherches n'appartiennent qu'à vous et <a href="https://zaclys.com" target="_blank">Zaclys</a> n'en fera jamais notre fonds de commerce.</b></p>
     <p>
     {{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} — {{ _('a privacy-respecting, open metasearch engine') }}<br/>
         <a href="{{ searx_git_url }}">{{ _('Source code') }}</a>