UI changed

Author: abarya

oshc/main/templates/contests.html

@@ -1,24 +1,37 @@
 {% extends 'base.html' %}
 {% load static %}
 {% block content %}
+<style>
+h3 {
+    text-align: center;
+}
+span
+{
+    display: block;
+}
+</style>
 <section class="main-section">
 	<div class="container">
-		<div class="Button" align="center">
-            <a href="{% url 'contest_new' %}" class="btn btn-default">Submit a New Contest</a>
-		</div>
-            <h3>List of Upcoming Contests:</h3>
-
-			{% for contest in contest_list %}
-                <div class="panel panel-default">
-                    <div class="panel-heading"><a href="{{contest.link}}">{{contest.name}}</a></div>
-                    <div class="panel-body">
-                        <strong>Start Date:</strong> {{contest.start_date}}<br>
-                        <strong>End Date:</strong> {{contest.end_date}}<br>
-                        <strong>Description:</strong> {{contest.description}}
-                    </div>
+            <h3>List of Upcoming Contests</h3>
+            <div class="container-fluid">
+                <div class="row">
+                    {% for contest in contest_list %}
+                        <div class="col-lg-4">
+                            <div class="panel panel-default">
+                                <div class="panel-heading" style="background-color: #0275d8;color:white">{{contest.name}}</div>
+                                <div class="panel-body">
+                                    <span><span class="glyphicon glyphicon-globe"></span> <a href="{{contest.link}}">{{contest.link}}</a></span>
+                                    <span><span class="glyphicon glyphicon-time"></span> {{contest.start_date}}-{{contest.end_date}}</span>
+                                    <span><span class="glyphicon glyphicon-info-sign"></span> {{contest.description}}</span>
+                                </div>
+                            </div>
+                        </div>
+                    {% endfor %}
                 </div>
-            {% endfor %}
-        
+            </div>
+            <div class="Button" align="center" style="margin-bottom:70px;">
+                <a href="{% url 'contest_new' %}" class="btn btn-default" style="background-color:#0275d8;color:white;">Submit a New Contest</a>
+            </div>
 	</div>
 </section>
 {% endblock %}

oshc/main/views.py

@@ -1,12 +1,8 @@
 from django.shortcuts import render
 from django.http import HttpResponseRedirect
-
 from main.models import chatSession, Contest
-
 from datetime import datetime
-
 from django.shortcuts import render_to_response
-
 from django.template import RequestContext
 
 
@@ -31,19 +27,15 @@ def contest_new(request):
 
 
 def add_contest(request):
-
     contest = Contest()
     contest.name = request.POST.get("name", "null")
     contest.link = request.POST.get("link", "null")
     start_date = request.POST.get("start_date", "null")
     end_date = request.POST.get("end_date", "null")
     contest.description = request.POST.get("desc", "null")
-
     contest.end_date = datetime.strptime(end_date, '%Y-%m-%d').date()
     contest.start_date = datetime.strptime(start_date, '%Y-%m-%d').date()
-
     contest.save()
-
     return HttpResponseRedirect("/contests/")