Social Icons changed

2 files changed, 51 insertions, 20 deletions

diff --git a/website/templates/cfp.html b/website/templates/cfp.html
index 83320b4..adbbae8 100755
--- a/website/templates/cfp.html
+++ b/website/templates/cfp.html
@@ -22,9 +22,12 @@
       <center>
          <div style="background-color: #01c3d9;width: auto;">
             <h1 style="color:black;font-family: Arial;font-weight: bold">
-               <span style="color:black;font-size: 2.25em;font-family: Arial;font-weight: bold">SciPy</span> India
+               <span style="color:black;font-size: 2.25em;font-family: Arial;font-weight: bold">SciPy
+               </span>
+             India
             </h1>
-            <p style="color:#111111; font-size:28px;font-family: Merriweather;" >November 29 & 30 - 2017</p>
+            <p style="color:#111111; font-size:28px;font-family: Merriweather;" >November 29 & 30 - 2017
+            </p>
          </div>
       </center>
       <div class="container">
@@ -42,7 +45,9 @@
             <table>
                <tr>
                   <td>
-                     <p>Thank You for your submission. Your proposal has been saved successfully and is under review. You can check the status of submission <a href="{% url 'website:view_abstracts' %}">here </a>!</p>
+                     <p>Thank You for your submission. Your proposal has been saved successfully and is under review. You can check the status of submission <a href="{% url 'website:view_abstracts' %}">here 
+                        </a>!
+                     </p>
                   </td>
                </tr>
             </table>
@@ -50,23 +55,36 @@
          {% endif %}
          {% if registration_complete %}
          <center>
-            <p>Thank You for your registration. You can now log in by clicking  <a href="{% url 'website:cfp' %}">here </a>!</p>
+            <p>Thank You for your registration. You can now log in by clicking  <a href="{% url 'website:cfp' %}">here 
+               </a>!
+            </p>
             <br/><br/>
          </center>
          {% endif %}
          {% if user and not user.is_anonymous and not login_required %}
-         <p>We invite you to submit proposals for talks or workshops to be presented at SciPy 2017. The time duration for talks is 15 or 30 minutes and for workshops is 2 to 4 hours. There will be two parallel tracks for the workshops this year.  One track is meant for beginners and the other is for advanced users.     </p>
+         <p>We invite you to submit proposals for talks or workshops to be presented at SciPy 2017. The time duration for talks is 15 or 30 minutes and for workshops is 2 to 4 hours. There will be two parallel tracks for the workshops this year.  One track is meant for beginners and the other is for advanced users.     
+         </p>
          <span>
-            <h2><u>Important Dates</u></h2>
+            <h2>
+               <u>Important Dates</u>
+            </h2>
          </span>
          <ul>
-            <li>Call for proposals opens: <b>15<sup>th</sup> Sept. 2017</b></li>
-            <li>Last date for submission of proposals: <b>1<sup>st</sup> Nov. 2017</b></li>
-            <li>Announcement of selected proposals: <b>15<sup>th</sup> Nov. 2017</b></li>
+            <li>Call for proposals opens: 
+               <b>15<sup>th</sup> Sept. 2017</b>
+            </li>
+            <li>Last date for submission of proposals: 
+               <b>1<sup>st</sup> Nov. 2017</b>
+            </li>
+            <li>Announcement of selected proposals: 
+               <b>15<sup>th</sup> Nov. 2017</b>
+            </li>
          </ul>
          <br/>
          {% if user.is_superuser %}
-         <center><a href="{% url 'website:view_abstracts' %}" class="button special">View Proposals</a> </center>
+         <center>
+            <a href="{% url 'website:view_abstracts' %}" class="button special">View Proposals</a>
+         </center>
          {% else %}
          <center>
             <a href="{% url 'website:view_abstracts' %}" class="button special">View Proposals</a>
@@ -79,7 +97,9 @@
          <div class="row">
             <div style="float:right;padding-left: 30px;">
                <span>
-                  <h2><u>Login</u></h2>
+                  <h2>
+                     <u>Login</u>
+                  </h2>
                </span>
                <p>Login/Register to Submit a Proposal</p>
                {% if invalid %}
@@ -88,20 +108,28 @@
                <!-- <div id = "my_form"> -->
                <form action="" method="POST">
                   {{ form.as_p }}
-                  <button class="button special" name ="login" type="submit">Login</button><br/><br/>
-                  <a style="padding-right : 20px;" href="{% url 'website:userregister' %}" class="btn btn btn-primary">Create an Account</a>
-                  <a  href="/2017/forgotpassword/">Forgot Password?</a>
+                  <button class="button special" name ="login" type="submit">Login</button>
+                  <br/><br/>
+                  <a style="padding-right : 20px;" href="{% url 'website:userregister' %}" class="btn btn btn-primary">Create an Account
+                  </a>
+                  <a href="/2017/forgotpassword/">Forgot Password?</a>
                   {% csrf_token %}
                </form>
                <!-- </div> -->
                <p>Or Sign in with:&nbsp;
-                  <a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.path }}" class="btn btn-social-icon "  style="color:#dd4b39;"><i class="fa fa-google-plus" style="font-size:20px;"></i></a>&nbsp;
-                  <a href="{% url 'social:begin' 'facebook' %}?next={{ request.path }}" class=" btn btn-social-icon" style="color:#3b5998"><i class="fa fa-facebook-official" style="font-size:20px;"></i></a>
+                  <a href="{% url 'social:begin' 'google-oauth2' %}?next={{ request.path }}" class="btn btn-social-icon "  style="color:#d34836;">
+                     <i class="fa fa-google-plus-square" style="font-size:40px;"></i>
+                  </a>&nbsp;
+                  <a href="{% url 'social:begin' 'facebook' %}?next={{ request.path }}" class=" btn btn-social-icon" style="color:#3b5998">
+                     <i class="fa fa-facebook-square" style="font-size:40px;"></i>
+                  </a>
                </p>
             </div>
             <div style="float: right;padding-left: 30px;">
                <span>
-                  <h2><u>Important Dates</u></h2>
+                  <h2>
+                     <u>Important Dates</u>
+                  </h2>
                </span>
                <ul>
                   <li>Call for proposals opens: <b>15<sup>th</sup> Sept. 2017</b></li>
diff --git a/website/templates/footer.html b/website/templates/footer.html
index a716e7c..7b9307b 100644
--- a/website/templates/footer.html
+++ b/website/templates/footer.html
@@ -27,17 +27,20 @@
                         </dl>
                         <ul class="list-inline">
                             <li class="list-inline-item">
-                                <a style="background-color:#00aced;color:#ffffff;font-size:48px;" target="_blank" href="https://twitter.com/scipyindia" class="fa fa-twitter">
+                                <a style="font-size:40px;" target="_blank" href="https://twitter.com/scipyindia">
+                                    <i class="fa fa-twitter-square" aria-hidden="true"></i>
                                     <span class="label"></span>
                                 </a>
                             </li>
                             <li class="list-inline-item">
-                                <a style="color:#3b5998;font-size:48px;" target="_blank" href="https://www.facebook.com/scipyindia2016/" class="   fa fa-facebook-official">
+                                <a style="color:#3b5998;font-size:40px;" target="_blank" href="https://www.facebook.com/scipyindia2016/">
+                                    <i class="fa fa-facebook-square" aria-hidden="true"></i>
                                     <span class="label"></span>
                                 </a>
                             </li>
                             <li class="list-inline-item">
-                                <a style="background-color:#dd4d39;color:#ffffff;font-size:48px;" target="_blank" href="https://plus.google.com/u/0/104012350840765676803" class="fa fa-google-plus">
+                                <a style="color:#d34836;font-size:40px;" target="_blank" href="https://plus.google.com/u/0/104012350840765676803">
+                                    <i class="fa fa-google-plus-square" aria-hidden="true"></i>
                                     <span class="label"></span>
                                 </a>
                             </li>