From 36f84858567a4a248f9fb409381b97d94659b9a5 Mon Sep 17 00:00:00 2001
From: Jayaram Pai
Date: Wed, 13 Nov 2013 15:28:29 +0530
Subject: styling pages

---
 static/css/default.css              | 49 ++++++++++++++++++++++++++++++++---
 templates/base.html                 |  2 +-
 templates/conference/details.html   | 30 ++++++++++++----------
 templates/conference/keynote.html   | 33 ++++++++++++++++--------
 templates/conference/sponsors.html  | 51 ++++++++++++++++++++++++++-----------
 templates/conference/talks.html     |  2 +-
 templates/conference/tutorials.html | 18 ++++++++-----
 7 files changed, 134 insertions(+), 51 deletions(-)

diff --git a/static/css/default.css b/static/css/default.css
index e0ceb44..d79867b 100644
--- a/static/css/default.css
+++ b/static/css/default.css
@@ -1,3 +1,7 @@
+	.clearfix {
+	    clear: both;
+	}
+	
 	html, body
 	{
 		height: 100%;
@@ -292,7 +296,7 @@
 	#header
 	{
 		position: relative;
-		height: 150px;
+		height: 110px;
 	}
 
 /*********************************************************************************/
@@ -302,7 +306,7 @@
 	#logo
 	{
 		position: absolute;
-		top: 3em;
+		top: 1.6em;
 		left: 0;
 		width: 100%;
 	}
@@ -350,7 +354,7 @@
 		padding: 0em 1.5em;
 		height: 150px;
 		letter-spacing: 0.20em;
-		line-height: 150px;
+		line-height: 130px;
 		text-decoration: none;
 		font-size: 0.90em;
 		font-weight: 600;
@@ -611,4 +615,41 @@
 	{
 		float: right;
 	}
-
+    
+    /* Custom Styles */
+    table {
+        padding: 10px 10px 50px;
+        margin: 0 auto;
+    }
+    th {
+        text-align: left;
+    }
+    td{
+        padding: 10px 15px;
+        width: 80;
+    }
+    tr:nth-child(even) {background: #f5f5f5}
+    tr:nth-child(odd) {background: #ffffff}
+    
+    .wrap {
+        max-width: 90%;
+        margin: 0 auto;
+    }
+    .wrap iframe{
+        margin: 0 auto;
+    }
+    .sponsor {
+        width: 90%;
+        margin: 0 auto;
+        padding: 25px 0;
+        border-bottom: 5px solid #f5f5f5;
+    }
+    .sponsor img {
+        float: left;
+        width: 20%;
+    }
+    .sponsor p {
+        float: right;
+        width: 70%;
+        text-align: justify;
+    }
diff --git a/templates/base.html b/templates/base.html
index 72aa996..16f0446 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,7 +14,7 @@
 <div id="header-wrapper">
 	<div id="header" class="container">
 		<div id="logo">
-			<h1><a href="#">SciPy India </h1><br><h2>27-29 December, 2012</a></h2>
+			<h1><a href="/">SciPy India </h1><br><h2>27-29 December, 2012</a></h2>
 		</div>
 		<div id="menu">
 			<ul>
diff --git a/templates/conference/details.html b/templates/conference/details.html
index 1e61b3a..678ad82 100644
--- a/templates/conference/details.html
+++ b/templates/conference/details.html
@@ -2,20 +2,24 @@
 {% load static %}
 
 {% block content %}
-<h2>{{ detail.title }}</h2>
-<p>{{ detail.abstract }}</p>
+<h2 align="center"> <u>{{ detail.title }}</u> </h2>
+<br>
+<div class="wrap" style="text-align: center;">
+    <p>{{ detail.abstract }}</p>
 
-{% if video %}
-<iframe src="{{ detail.video }}" allowFullScreen webkitallowFullScreen mozallowFullScreen width=616 height=407 rel=nofollow> </iframe> 
-{% else %}
-<p>Sorry, Video for this talk is not available.</p>
-{% endif %}
+    {% if video %}
+    <iframe src="{{ detail.video }}" allowFullScreen webkitallowFullScreen mozallowFullScreen width=616 height=407 rel=nofollow> </iframe> 
+    {% else %}
+    <p>Sorry, Video for this talk is not available.</p>
+    {% endif %}
 
-<p>By: {{ detail.speaker }}</p>
-{% if slides %}
-<a href="{% static 'files/' %}{{ detail.slides }}">Download Slides</a>
-{% else %}
-<p>Sorry, Slides for this talk are not available.</p>
-{% endif %}
+    <p>By: {{ detail.speaker }}</p>
+    {% if slides %}
+    <a href="{% static 'files/' %}{{ detail.slides }}">Download Slides</a>
+    {% else %}
+    <p>Sorry, Slides for this talk are not available.</p>
+    {% endif %}
+    <br> <br>
+</div> <!-- /wrap -->
 {% endblock %}
 
diff --git a/templates/conference/keynote.html b/templates/conference/keynote.html
index f38e299..0a33226 100644
--- a/templates/conference/keynote.html
+++ b/templates/conference/keynote.html
@@ -2,16 +2,29 @@
 {% load static %}
 {% block content %}
 
-<p><h2>Keynote by Dr. Ole Nielsen</h2></p>
-<div>
-<p>Ole Nielsen has been an Open Source adopter, promotor and developer since the early nineties during his career as technical consultant, academic researcher, government scientist and development professional within an aid organisation. Ole has a double Master's degree in Mathematics and Computer Science as well as a PhD in scientific computing from universities in Denmark. Ole joined AusAID in Jakarta in 2010 to support the Indonesian government in multi-hazard disaster risk reduction. </p>
-
-<image src="{% static 'images/ole.jpg' %}">
-
-<iframe src="http://urtalk.kpoint.com/kapsule/gcc-7f6d80fa-7e37-4693-a9c3-08eaa23cfd22/v1/embedded?size=M" allowFullScreen webkitallowFullScreen mozallowFullScreen width="616" height="407" rel="nofollow"> </iframe> 
-
-<a href=" {% static 'slides/geoprocessing.zip' %}">Download Slides</a>
-
+<h2 align="center"><u>Keynote by Dr. Ole Nielsen</u></h2> <br>
+<div class="wrap">
+    <div class="sponsor">
+    <img src="{% static 'images/ole.jpg' %}" style="width: 15%;"> <br>
+    <p style="width: 80%">
+        Ole Nielsen has been an Open Source adopter, promotor and developer 
+        since the early nineties during his career as technical consultant, 
+        academic researcher, government scientist and development professional 
+        within an aid organisation. Ole has a double Master's degree in 
+        Mathematics and Computer Science as well as a PhD in scientific computing 
+        from universities in Denmark. Ole joined AusAID in Jakarta in 2010 to 
+        support the Indonesian government in multi-hazard disaster risk reduction. 
+    </p>
+    <div class="clearfix"></div>
+    </div>
+<br>
+    <div class="wrap" style="text-align: center;">
+    <iframe src="http://urtalk.kpoint.com/kapsule/gcc-7f6d80fa-7e37-4693-a9c3-08eaa23cfd22/v1/embedded?size=M" allowFullScreen webkitallowFullScreen mozallowFullScreen width="616" height="407" rel="nofollow"> </iframe>
+    <br>
+    <a href=" {% static 'slides/geoprocessing.zip' %}">Download Slides</a>
+    </div> <!-- /inner wrap -->
+<br>
 
+</div> <!-- /wrap -->
 {% endblock %}
 
diff --git a/templates/conference/sponsors.html b/templates/conference/sponsors.html
index bb2238e..ef7c00c 100644
--- a/templates/conference/sponsors.html
+++ b/templates/conference/sponsors.html
@@ -2,24 +2,45 @@
 {% load static %}
 {% block content %}
 <br>
-<h2>Sponsors</h2>
+<h2 align="center"><u>Sponsors</u></h2>
 <br>
-<table>
-<tr><td><img src="{% static 'images/enthought_logo.png' %}" width=275>&nbsp;&nbsp;&nbsp;&nbsp;
-<td><p align="justify"><a href="http://www.enthought.com/" target=_blank>Enthought Inc.</a> is a software company based in Austin, Texas, USA that develops scientific computing solutions using primarily the Python programming language. It is best known for the early development and maintenance of the <a href="http://scipy.org/" target=_blank>SciPy</a> library of mathematics, science, and engineering algorithms and for its Python for scientific computing distribution <a href="https://www.enthought.com/products/canopy/" target=_blank>Enthought Canopy</a> (formerly EPD).
-</table>
 
-<table>
-<tr><td><img src="{% static 'images/mhrd_logo.png' %}" width=275>&nbsp;&nbsp;&nbsp;&nbsp;
-<td>The <a href="http://fossee.in/">FOSSEE project</a> undertaken by IIT Bombay is funded by <a href="http://mhrd.gov.in/">Ministry of Human Resource Development(Govt. of India)</a> under National Mission on Education through ICT
-</table>
+<div class="sponsor">
+    <img src="{% static 'images/enthought_logo.png' %}" width=275>
 
-<hr>
-<h2>Orgranizers</h2>
-<table>
-<tr><td><img src="{% static 'images/fossee.jpg' %}" height=100 width=275>&nbsp;&nbsp;&nbsp;&nbsp;
-<td>Annual SciPy India conference is organized by the team members of <a href="http://fossee.in/">FOSSEE</a> project. For any queries you may writes us at info[at]fossee[dot]in
-</table>
+    <p>
+        <a href="http://www.enthought.com/" target=_blank>Enthought Inc.</a> 
+        is a software company based in Austin, Texas, USA that develops scientific 
+        computing solutions using primarily the Python programming language. It 
+        is best known for the early development and maintenance of the 
+        <a href="http://scipy.org/" target=_blank>SciPy</a> library of 
+        mathematics, science, and engineering algorithms and for its Python 
+        for scientific computing distribution 
+        <a href="https://www.enthought.com/products/canopy/" target=_blank>Enthought Canopy</a> (formerly EPD).
+    </p>
+    <div class="clearfix"></div>
+</div> <!-- /sponsor -->
+
+<div class="sponsor">
+    <img src="{% static 'images/mhrd_logo.png' %}"> <br> <br>
+    <p>
+        The <a href="http://fossee.in/">FOSSEE project</a> undertaken by IIT Bombay 
+        is funded by <a href="http://mhrd.gov.in/">Ministry of Human Resource 
+        Development(Govt. of India)</a> under National Mission on Education through ICT
+    </p>
+        <div class="clearfix"></div>
+</div> <!-- /sponsor -->
+<br>
+<h2 align="center"><u>Orgranizers</u></h2>
+<div class="sponsor">
+    <img src="{% static 'images/fossee.jpg' %}" height=100 width=275> <br>
+    <p>
+        Annual SciPy India conference is organized by the team members of 
+        <a href="http://fossee.in/">FOSSEE</a> project. For any queries you 
+        may writes us at info[at]fossee[dot]in
+    </p>
+    <div class="clearfix"></div>
+</div>
 
 {% endblock %}
 
diff --git a/templates/conference/talks.html b/templates/conference/talks.html
index 0a05576..fd11a6e 100644
--- a/templates/conference/talks.html
+++ b/templates/conference/talks.html
@@ -3,7 +3,7 @@
 {% block content %}
 
 
-<h3>List of Talks</h3>
+<h2 align="center"><u>List of Talks</u></h2>
 <table>
 <th>Title
 <th>Speaker
diff --git a/templates/conference/tutorials.html b/templates/conference/tutorials.html
index 81afba4..52d4be1 100644
--- a/templates/conference/tutorials.html
+++ b/templates/conference/tutorials.html
@@ -1,15 +1,19 @@
 {% extends "base.html" %}
 
 {% block content %}
-
-
-<h3>List of Tutorials</h3>
+<h2 align="center"><u>List of Tutorials</u></h2> <br>
 <table>
-<th>Title
-<th>Speaker
+<th>Title</th>
+<th>Speaker</th>
 {% for tutorial in tutorials %}
-<tr><td><a href="{% url 'conference:details' tutorial.id %}">{{ tutorial.title }}<td>{{ tutorial.speaker }}
+<tr>
+    <td>
+        <a href="{% url 'conference:details' tutorial.id %}">{{ tutorial.title }}</a>
+    </td>
+    <td>
+        {{ tutorial.speaker }}
+    </td>
+</tr>
 {% endfor %}
 </table>
 {% endblock %}
-
-- 
cgit