Merge pull request #451 from dalf/searxng-logo2

Simple theme: SearXNG logo

searx/static/themes/simple/css/searxng-rtl.css

@@ -2193,7 +2193,7 @@ article.result-images .detail {
   }
 }
 #main_index {
-  margin-top: 24vh;
+  margin-top: 26vh;
 }
 #main_index #linkto_preferences {
   right: 1.8rem;
@@ -2202,13 +2202,14 @@ article.result-images .detail {
   text-align: center;
 }
 .index .title {
-  background: url('../img/searx.png') no-repeat;
-  width: 100%;
-  min-height: 80px;
+  background: url('../img/searxng.png') no-repeat;
+  min-height: 4rem;
+  margin: 4rem auto;
   background-position: center;
+  background-size: contain;
 }
 .index h1 {
-  font-size: 5em;
+  font-size: 4em;
   visibility: hidden;
 }
 .index #search {
@@ -2635,8 +2636,8 @@ footer p {
 }
 #main_preferences h1,
 #main_stats h1 {
-  background: url('../img/searx.png') no-repeat;
-  background-size: auto 75%;
+  background: url('../img/searxng.png') no-repeat;
+  background-size: contain;
   min-height: 40px;
   margin: 0 auto;
 }

searx/static/themes/simple/css/searxng.css

@@ -2193,7 +2193,7 @@ article.result-images .detail {
   }
 }
 #main_index {
-  margin-top: 24vh;
+  margin-top: 26vh;
 }
 #main_index #linkto_preferences {
   right: 1.8rem;
@@ -2202,13 +2202,14 @@ article.result-images .detail {
   text-align: center;
 }
 .index .title {
-  background: url('../img/searx.png') no-repeat;
-  width: 100%;
-  min-height: 80px;
+  background: url('../img/searxng.png') no-repeat;
+  min-height: 4rem;
+  margin: 4rem auto;
   background-position: center;
+  background-size: contain;
 }
 .index h1 {
-  font-size: 5em;
+  font-size: 4em;
   visibility: hidden;
 }
 .index #search {
@@ -2635,8 +2636,8 @@ footer p {
 }
 #main_preferences h1,
 #main_stats h1 {
-  background: url('../img/searx.png') no-repeat;
-  background-size: auto 75%;
+  background: url('../img/searxng.png') no-repeat;
+  background-size: contain;
   min-height: 40px;
   margin: 0 auto;
 }

searx/static/themes/simple/src/less/index.less

@@ -1,5 +1,5 @@
 #main_index {
-  margin-top: 24vh;
+  margin-top: 26vh;
 
   #linkto_preferences {
     right: 1.8rem;
@@ -10,14 +10,15 @@
   text-align: center;
 
   .title {
-    background: url('../img/searx.png') no-repeat;
-    width: 100%;
-    min-height: 80px;
+    background: url('../img/searxng.png') no-repeat;
+    min-height: 4rem;
+    margin: 4rem auto;
     background-position: center;
+    background-size: contain;
   }
 
   h1 {
-    font-size: 5em;
+    font-size: 4em;
     visibility: hidden;
   }
 

searx/static/themes/simple/src/less/style.less

@@ -89,8 +89,8 @@ footer {
 
 #main_preferences h1,
 #main_stats h1 {
-  background: url('../img/searx.png') no-repeat;
-  background-size: auto 75%;
+  background: url('../img/searxng.png') no-repeat;
+  background-size: contain;
   min-height: 40px;
   margin: 0 auto;
 

searx/templates/simple/index.html

@@ -1,12 +1,12 @@
 {% extends "simple/base.html" %}
 {% from 'simple/macros.html' import icon %}
 {% block meta %}
-	<link rel="preload" href="{{ url_for('static', filename='img/searx.png') }}" as="image" />
+	<link rel="preload" href="{{ url_for('static', filename='img/searxng.png') }}" as="image" />
 {% endblock %}
 {% block content %}
 <nav id="linkto_preferences"><a href="{{ url_for('preferences') }}">{{ icon('navicon-round') }}</a></nav>
 <div class="index">
-    <div class="title"><h1>searx</h1></div>
+    <div class="title"><h1>SearXNG</h1></div>
     {% include 'simple/simple_search.html' %}
 </div>
 {% endblock %}