4 files changed, 66 insertions, 15 deletions
diff --git a/static/website/templates/base.html b/static/website/templates/base.html
index 506cf24..96876b9 100644
--- a/static/website/templates/base.html
+++ b/static/website/templates/base.html
@@ -13,7 +13,10 @@
         <link rel="stylesheet" href="{% static 'website/slick/slick.css' %}" type="text/css" media="screen" charset="utf-8" />
         <link rel="stylesheet" href="{% static 'website/css/main.css' %}" type="text/css" media="screen" charset="utf-8" />
         <link rel="stylesheet" href="{% static 'website/css/nice-bar.css' %}" type="text/css" media="screen" charset="utf-8" />
+				 <link rel="stylesheet" href="{% static 'website/css/theme.blue.css' %}" type="text/css" media="screen" charset="utf-8" />
         {% endcompress %}
+				<script src="{% static 'website/js/jquery-1.11.3.min.js' %}"></script>
+				<script src="{% static 'website/js/jquery.tablesorter.min.js' %}"></script>
     </head>
     <body>
         <div id="page-wrapper">
@@ -116,7 +119,8 @@
     </div> <!-- /#page-wrapper -->
         
     {% compress js %}
-        <script src="{% static 'website/js/jquery.min.js' %}"></script>
+      
+				
         <script src="{% static 'website/js/bootstrap.min.js' %}"></script>
         <script src="{% static 'website/slick/slick.min.js' %}"></script>
         <script src="{% static 'website/js/nice-bar.js' %}"></script>
diff --git a/static/website/templates/filter.html b/static/website/templates/filter.html
index 85ff760..8b4debf 100644
--- a/static/website/templates/filter.html
+++ b/static/website/templates/filter.html
@@ -2,6 +2,16 @@
 {% load helpers %}
 
 {% block content %}
+<script>
+$(document).ready(function(){
+$("#listTable").tablesorter({
+ headers:{ 3:{sorter:false }
+},
+
+});
+
+});
+</script>
 {% if questions %}
 <h5>
     These are the similar questions in:
@@ -25,16 +35,21 @@
 <br>
 <div class="clearfix"></div>
 
-    <table class="table table-bordered">
-        <th> FOSS </th>
-        <th> Tutorial</th>
-        <th> Min </th>
-        <th> Sec </th>
-        <th> Question</th>
-        <th> Date</th>
-        <th> Views</th>
-        <th> Answers</th>
-        <th> User</th>
+    <table id = "listTable" class="tablesorter-blue">
+				<thead>
+				<tr>
+		      <th> FOSS </th>
+		      <th> Tutorial</th>
+		      <th> Min </th>
+		      <th> Sec </th>
+		      <th> Question</th>
+		      <th> Date</th>
+		      <th> Views</th>
+		      <th> Answers</th>
+		      <th> User</th>
+				</tr>
+				</thead>
+				<tbody>
         {% for question in questions %}
         <tr {% if question.id == qid %}class="parent-filter"{% endif %}>
             <td>
@@ -101,6 +116,7 @@
 
         </tr>
         {% endfor %}
+				</tbody>
     </table>
 {% else %}
 <h4>There are no similar questions.</h4>
diff --git a/static/website/templates/index.html b/static/website/templates/index.html
index 63890fd..a911f6a 100644
--- a/static/website/templates/index.html
+++ b/static/website/templates/index.html
@@ -5,6 +5,16 @@
 {% load helpers %}
 
 {% block content %}
+<script>
+$(document).ready(function(){
+$("#listTable").tablesorter({
+ headers:{ 3:{sorter:false }
+},
+
+});
+
+});
+</script>
     <div id="carousel-container">
         <div class="carousel">
             {% for category in categories %}
@@ -58,7 +68,9 @@
             Recent questions
         </div>
         <div class="panel-body">
-            <table class="table table-bordered table-hover">
+            <table id = "listTable" class="tablesorter-blue">
+							<thead>
+							<tr>
                 <th> FOSS </th>
                 <th> Tutorial</th>
                 <th> Min </th>
@@ -68,6 +80,9 @@
                 <th> Views</th>
                 <th> Answers</th>
                 <th> User</th>
+							</tr>
+							</thead>
+							<tbody>
                 {% for question in questions %}
                 <tr>
                     <td>
@@ -133,7 +148,7 @@
                     </td>
                 </tr>
                 {% endfor %}
-                
+                </tbody>
             </table>
         </div> <!-- /.panel-body -->
     </div> <!-- /.panel -->
diff --git a/static/website/templates/questions.html b/static/website/templates/questions.html
index 88c3dd3..42f64cb 100644
--- a/static/website/templates/questions.html
+++ b/static/website/templates/questions.html
@@ -3,12 +3,24 @@
 {% load count_tags %}
 
 {% block content %}
+<script>
+$(document).ready(function(){
+$("#listTable").tablesorter({
+ headers:{ 3:{sorter:false }
+},
+
+});
+
+});
+</script>
     <h4> 
         <h5>
             Showing {{ questions.start_index }} - {{ questions.end_index }} of {{ questions.paginator.count }} questions.
         </h5>
     </h4>
-    <table class="table table-bordered table-hover">
+    <table id = "listTable" class="tablesorter-blue">
+				<thead>
+				<tr>
         <th> FOSS </th>
         <th> Tutorial</th>
         <th> Min </th>
@@ -18,7 +30,11 @@
         <th> Views</th>
         <th> Answers</th>
         <th> User</th>
+				</tr>
+				</thead>
+				<tbody>
         {% for question in questions %}
+				
         <tr>
             <td>
                 <span href="#" class="category" data-toggle="tooltip" data-placement="top" title="{{ question.category}}">
@@ -83,7 +99,7 @@
             </td>
         </tr>
         {% endfor %}
-
+			<tbody>
     </table>
 
     <ul class="pagination pull-right">