[enh] about page added

searx/static/css/style.css

@@ -4,6 +4,17 @@ html {
       -ms-text-size-adjust: 100%;
   color: #444444;
 }
+
+#header { position: absolute; top: 0; left: 0; width: 100%; padding: 0 16px; background: #444444; line-height: 40px; }
+#header a { color: #CCCCCC; padding: 0 8px; }
+#header a:hover { color: #FFFFFF; }
+
+.row { max-width: 800px; margin: auto; text-align: justify; }
+.row h1 { font-size: 3em; margin-top: 50px; }
+.row p { padding: 0 10px; }
+
+h1.title { margin-top: 80px; }
+
 .center { text-align: center; }
 
 h1 { font-size: 5em; }

searx/templates/about.html

@@ -1,47 +1,27 @@
-<h1>About searx</h1>
+{% extends 'base.html' %}
+{% block content %}
+{% include 'header.html' %}
+<div class="row">
+    <h1>About <a href="/">searx</a></h1>
 
-<p>searx is a meta-search engine inspired by the seeks-project. You can add it to your browsers search bar and even make it your default search engine. It tries to provide basic privacy by mixing your queries with queries from others while avoiding logging of queries. For all browsers (except chrom*) queries are made using a POST request. Thus they don't show up in our logs, nor in your url history. For chrome users there is an exception searx is used from the search bar, it issues GET requests.</p>
+    <p>searx is a meta-search engine inspired by the seeks-project.<br />You can add it to your browsers search bar and even make it your default search engine.<br />It tries to provide basic privacy by mixing your queries with queries from others while avoiding logging of queries. For all browsers (except chrom*) queries are made using a POST request. Thus they don't show up in our logs, nor in your url history. For chrome users there is an exception searx is used from the search bar, it issues GET requests.</p>
+
+<h2>Supported engines</h2>
+
+{% for (categ,search_engines) in categs %}
+    <h3>{{ categ.capitalize() }} category</h3>
+    <ul>
+        {% for search_engine in search_engines %}
+        <li>{{ search_engine.name }}</li>
+        {% endfor %}
+    </ul>
+{% endfor %}
 
 <h2>FAQ</h2>
 <h3>Trust</h3>
 <p>It's ok if you don't trust us regarding the logs, <a href="https://github.com/asciimoo/searx">take the code</a> and run it yourself for your friends! decentralize!</p>
 
-<h2>Supported engines</h2>
-
-<h3>General Category</h3>
-<ul>
-<li>duckduckgo definitions</li>
-<li>duckduckgo</li>
-<li>startpage</li>
-<li>wikipedia</li>
-</ul>
-
-<h3>Images Category</h3>
-<ul>
-<li>flickr</li>
-<li>gimages</li>
-<li>deviantart</li>
-</ul>
-
-<h3>Sound Category</h3>
-<ul>
-<li>soundcloud</li>
-</ul>
-
-<h3>Video Category</h3>
-<ul>
-<li>youtube</li>
-</ul>
-
-<h3>IT Category</h3>
-<ul>
-<li>stackoverflow</li>
-<li>github</li>
-</ul>
-
-<h3>Social media Category</h3>
-<ul>
-<li>twitter</li>
-</ul>
 
 <p>please add more engines to this list, pull request are welcome!</p>
+</div>
+{% endblock %}

searx/templates/index.html

@@ -1,10 +1,11 @@
 {% extends "base.html" %}
 {% block content %}
+{% include 'header.html' %}
 <a href="https://github.com/asciimoo/searx" class="github">
     <img style="position: absolute; top: 0; right: 0; border: 0;" src="/static/img/github_ribbon.png" alt="Fork me on GitHub"  class="github"/>
 </a>
 <div class="center">
-    <h1>searx</h1>
+    <h1 class="title">searx</h1>
     {% include 'search.html' %}
 </div>
 {% endblock %}

searx/webapp.py

@@ -22,7 +22,7 @@ if __name__ == "__main__":
     from os.path import realpath, dirname
     path.append(realpath(dirname(realpath(__file__))+'/../'))
 
-from flask import Flask, request, flash, render_template, url_for, Response, make_response
+from flask import Flask, request, render_template, url_for, Response, make_response
 from searx.engines import search, categories
 from searx import settings
 import json
@@ -102,10 +102,16 @@ def index():
 def fav():
     return ''
 
+@app.route('/about', methods=['GET'])
+def about():
+    global categories
+    return render('about.html', categs=categories.items())
+
 @app.route('/opensearch.xml', methods=['GET'])
 def opensearch():
     global opensearch_xml
     method = 'post'
+    # chrome/chromium only supports HTTP GET....
     if request.headers.get('User-Agent', '').lower().find('webkit') >= 0:
         method = 'get'
     ret = opensearch_xml.format(method=method, host=url_for('index', _external=True))