add login through github, other various UI changes

4 files changed, 70 insertions, 36 deletions

diff --git a/website/templates/base.html b/website/templates/base.html
index 8d72bde..f2cad0c 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -14,6 +14,7 @@
     <title>SciPy India 2015</title>
 
     <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
+    <link href="{% static 'css/bootstrap-social.css' %}" rel="stylesheet">
 
     <!-- Custom CSS -->
     <link href="{% static 'css/main.css' %}" rel="stylesheet">
@@ -99,6 +100,7 @@
 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
       <div class="col-md-6">
         <h3>Python for Scientific Computing</h3>
+        <br>
         <p align="justify">SciPy India is a conference providing opportunities to spread the use of the Python programming language in the Scientific Computing community in India. It provides a unique opportunity to interact with the "Who's who" of the Python for Scientific Computing fraternity and learn, understand, participate, and contribute to Scientific Computing using Python. One of the goals of the conference is to combine education, engineering, and science with computing through the medium of Python.</p>
       </div>
     </div>
diff --git a/website/templates/cfp.html b/website/templates/cfp.html
index 22b481e..07d1041 100644
--- a/website/templates/cfp.html
+++ b/website/templates/cfp.html
@@ -33,20 +33,22 @@
   <div class="container">
     <div class="row white">
       {% if proposal_submit %}
-        <div class="alert alert-success" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-        </button>
-        <p>Thank You for submitting a talk. Propsal has been saved successfully !</p>
-        </div>
+          <center>
+            <div class="alert" style="width:700px;height:50px;">
+                <a class="close" data-dismiss="alert" href="#">&times;</a>
+                <p>Thank You for submitting a talk. Propsal has been saved successfully !</p>
+            </div>
+          </center>
+          <div class="clearfix"></div>
       {% endif %}
       {% if login_required %}
-        <div class="alert alert-success" role="alert">
-        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-            <span aria-hidden="true">&times;</span>
-        </button>
-        <p>You need to login for submitting a talk !</p>
-        </div>
+          <center>
+            <div class="alert" style="width:400px;height:50px;">
+                <a class="close" data-dismiss="alert" href="#">&times;</a>
+                <p>Kindly Login/Register to submit a talk !</p>
+            </div>
+          </center>
+          <div class="clearfix"></div>
       {% endif %}
       <h2 class="centered">Call for Proposals</h2>
       <hr>
@@ -75,11 +77,31 @@
         {% if user and not user.is_anonymous %}
             <a href="{% url 'website:submitcfp' %}" class="btn btn btn-primary">Submit a Talk</a>
         {% else %}
-            To Submit a Talk Login with:
-            <p><a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.path }}" class="btn btn btn-primary">Google</a> or
-            <a href="{% url 'social:begin' 'facebook' %}?next={{ request.path }}" class="btn btn btn-primary">Facebook</a> or
-            <a href="{% url 'website:userlogin' %}" class="btn btn btn-primary">Login/SignUp</a>
+            <p>Login/Register to submit a talk
+            {% if invalid %}
+              <center>
+                <div class="alert" style="width:300px;height:45px;">
+                    <a class="close" data-dismiss="alert" href="#">&times;</a>
+                    <p>Invalid Username/Password</p>
+                </div>
+              </center>
+              <div class="clearfix"></div>
+          {% endif %}
+          <div class="col-md-8">
+            <form action="" method="POST">
+                {{ form.as_p }}
+                <button class="btn btn btn-primary" type="submit">Login</button>
+                <a href="{% url 'website:userregister' %}" class="btn btn btn-primary">Create an Account</a>
+                {% csrf_token %}
+            </form>
+          
+            <br>
+            <p>OR</p>
+            <a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.path }}" class="btn btn-block btn-social btn-google"><i class="fa fa-google"></i> Sign in with Google</a>
+            <a href="{% url 'social:begin' 'github' %}?next={{ request.path }}" class="btn btn-block btn-social btn-github"><i class="fa fa-github"></i> Sign in with Github</a>
+            <a href="{% url 'social:begin' 'facebook' %}?next={{ request.path }}" class="btn btn-block btn-social btn-facebook"><i class="fa fa-facebook"></i> Sign in with Facebook</a>
         {% endif %}
+          </div>
       </div>
     </div>
     <!-- row --> 
diff --git a/website/templates/user-login.html b/website/templates/user-login.html
index 0020e34..48b0e04 100644
--- a/website/templates/user-login.html
+++ b/website/templates/user-login.html
@@ -13,7 +13,7 @@
       <div class="navbar-collapse collapse">
         <ul class="nav navbar-nav navbar-right">
            <li><a href="{% url 'website:home' %}">Home</a></li>
-           <li><a href="{% url 'website:userregister' %}">Sign Up</a></li>
+           <li><a href="{% url 'website:cfp' %}">Call for Papers</a></li>
         </ul>
       </div>
       <!--/.nav-collapse --> 
@@ -23,28 +23,37 @@
 {% endblock %}
 
 {% block content %}
-<div id="contact" name="contact">
+<div id="login" name="login">
     <div class="container">
-        <div class="row white">
-          {% if login_required %}
-            <div class="alert alert-success" role="alert">
-                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
-                </button>
-                <p>Successfully Registered ! Kindly login to proceed.</p>
-            </div>
+        <div class="row">
+        <h2 class="centered">Login</h2>
+        <hr>
+          {% if invalid %}
+              <center>
+                <div class="alert" style="width:300px;height:50px;">
+                    <a class="close" data-dismiss="alert" href="#">&times;</a>
+                    <p>Invalid Username/Password</p>
+                </div>
+              </center>
+              <div class="clearfix"></div>
           {% endif %}
-          <h2 class="centered">Login</h2>
-          <hr>
           <div class="col-md-4">
           </div>
           <div class="col-md-4">
-            <form action="" method="POST">
-                {{ form.as_p }}
-                <button class="btn btn btn-primary" type="submit">Login</button>
-                <a href="{% url 'website:userregister' %}" class="btn btn btn-primary">Sign Up</a>
-                {% csrf_token %}
-            </form>
+                <p>Login with your SciPy India Account
+                <form action="" method="POST">
+                    {{ form.as_p }}
+                    <button class="btn btn btn-primary" type="submit">Login</button>
+                    <a href="{% url 'website:userregister' %}" class="btn btn btn-primary">Create an Account</a>
+                    {% csrf_token %}
+                </form>
+                <hr>
+                <center>
+                <p>OR</p>
+                <a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.path }}" class="btn btn-block btn-social btn-google"><i class="fa fa-google"></i> Sign in with Google</a>
+                <a href="{% url 'social:begin' 'github' %}?next={{ request.path }}" class="btn btn-block btn-social btn-github"><i class="fa fa-github"></i> Sign in with Github</a>
+                <a href="{% url 'social:begin' 'facebook' %}?next={{ request.path }}" class="btn btn-block btn-social btn-facebook"><i class="fa fa-facebook"></i> Sign in with Facebook</a>
+                </center>
           </div>
         </div>
     </div>
diff --git a/website/templates/user-register.html b/website/templates/user-register.html
index 53cf8a6..a561847 100644
--- a/website/templates/user-register.html
+++ b/website/templates/user-register.html
@@ -13,7 +13,7 @@
       <div class="navbar-collapse collapse">
         <ul class="nav navbar-nav navbar-right">
            <li><a href="{% url 'website:home' %}">Home</a></li>
-           <li><a href="{% url 'website:userlogin' %}">Login</a></li>
+           <li><a href="{% url 'website:cfp' %}">Call for Papers</a></li>
         </ul>
       </div>
       <!--/.nav-collapse --> 
@@ -25,7 +25,7 @@
 {% block content %}
 <div id="contact" name="contact">
     <div class="container">
-        <div class="row white">
+        <div class="row centered">
           <h2 class="centered">Sign Up</h2>
           <hr>
           <div class="col-md-4">
@@ -34,6 +34,7 @@
             <form action="" method="POST">
                 {{ form.as_p }}
                 <button class="btn btn btn-primary" type="submit">SignUp</button>
+                <a class="btn btn-primary" href="{% url 'website:cfp' %}">I have an account</a>
                 {% csrf_token %}
             </form>
           </div>