[enh] result rendering templates

searx/static/css/style.css

 a { text-decoration: none; }
 
 
-.result { margin-bottom: 16px; }
+.result { margin-bottom: 16px; clear: both; }
 .result_title { margin-bottom: 0; }
 .result p { margin-top: 0; padding-top: 0; font-size: 0.8em; max-width: 50em; }
 .result h3 { font-size: 0.9em;}
 
 .engines { color: #888888; }
 
+.small_font { font-size: 0.8em; }
+
 .small p { margin: 2px 0; }
 
 .right { float: right; }
 
 .invisible { display: none; }
+
+.image_result { float: left; max-width: 250px; margin: 10px; height: 350px; min-width: 250px; }
+.image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; }

searx/templates/result_templates/default.html

+<div class="result">
+    <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
+    <p class="content"><span class="engines">{{ result.engine }}</span><br />{% if result.content %}{{ result.content|safe }}<br />{% endif %}<span class="url">{{ result.url }}</span></p>
+</div>

searx/templates/results.html

 </div>
 <div id="results">
     {% for result in results %}
-        <div class="result">
-            <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
-            <p class="content"><span class="engines">{{ result.engine }}</span><br />{% if result.content %}{{ result.content|safe }}<br />{% endif %}<span class="url">{{ result.url }}</span></p>
-        </div>
+        {% if result['template'] %}
+            {% include 'result_templates/'+result['template'] %}
+        {% else %}
+            {% include 'result_templates/default.html' %}
+        {% endif %}
     {% endfor %}
 </div>
 {% endblock %}