basic filter structure, recent question display

2 files changed, 25 insertions, 18 deletions

diff --git a/static/website/templates/ajax-duration.html b/static/website/templates/ajax-duration.html
index f89927b..22fe04f 100644
--- a/static/website/templates/ajax-duration.html
+++ b/static/website/templates/ajax-duration.html
@@ -10,7 +10,7 @@
 <div id="seconds">
     <option value="None">sec</option>
     {% for i in seconds|get_range:"0,10" %}
-        <option value="{{ i }}">{{ i }}-{{ i|add:"10" }} </option>
+        <option value="{{ i }}-{{ i|add:"10" }}">{{ i }}-{{ i|add:"10" }}</option>
     {% endfor %}
 </div> <!-- /#seconds -->
 </div> <!-- /required for ajax -->
diff --git a/static/website/templates/index.html b/static/website/templates/index.html
index 471fb48..c54b637 100644
--- a/static/website/templates/index.html
+++ b/static/website/templates/index.html
@@ -1,20 +1,27 @@
 {% extends 'website/templates/base.html' %}
 {% block content %}
-{% for category in categories %}
-    <div class="category col-lg-4">
-        <a href="{% url 'website:fetch_tutorials' category %}">{{ category }}</a>
-        <br>
-        {% load count_tags %}
-        <span class="questions">
-            {% category_question_count category %} questions, 
-        </span>
-        <span class="replies">
-            {% category_question_count category %} replies
-        </span>
-        <span class="helper">
-            A
-        </span>
-    </div>
-{% endfor %}
-<div class="clear"></div>
+<h4>Recent Questions</h4>
+    {% for question in questions %}
+        <div class="question">
+            <div class="title">
+                <a href="">{{ question.title }}</a>
+            </div> 
+
+            <span class="category">
+                <small>{{ question.category }}</small>
+            </span>
+
+            <span class="tutorial">
+                <small>{{ question.tutorial}}</small>
+            </span>
+
+            <span class="minute_range">
+                <small>{{ question.minute_range }} min</small>
+            </span>
+
+            <span class="second_range">
+                <small>{{ question.second_range }} sec</small>
+            </span>
+        </div>
+    {% endfor %}
 {% endblock %}