diff options
Diffstat (limited to 'website/templates/base.html')
| -rw-r--r-- | website/templates/base.html | 433 |
1 files changed, 231 insertions, 202 deletions
diff --git a/website/templates/base.html b/website/templates/base.html index 4855a50..2197957 100644 --- a/website/templates/base.html +++ b/website/templates/base.html @@ -9,8 +9,8 @@ <script src="{% static 'js/ie/html5shiv.js' %}"></script>
<link rel="stylesheet" href="{% static 'css/main.css'%}" />
<link rel="stylesheet" href="{% static 'css/fileuploader.css'%}" />
- <link rel="stylesheet" href="{% static 'css/ie9.css' %}" />
- <link rel="stylesheet" href="{% static 'css/ie8.css' %}" />
+ <!-- <link rel="stylesheet" href="{% static 'css/ie9.css' %}" /> -->
+ <!-- <link rel="stylesheet" href="{% static 'css/ie8.css' %}" /> -->
<link href="{% static 'css/base.css' %}" rel="stylesheet">
<link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
</head>
@@ -23,63 +23,52 @@ <header id="header" class="alt">
<span class="logo"><img src="{% static 'img/logo.png' %}" alt="" /></span>
<h1 >Scipy India 2016</h1>
- <p >DECEMBER 9, 10 & 11</p><br><br>
- <cente
- <table class="table" style="border-spacing: 40px 10px;">
-
- <tr>
-
- <td>
- <a href="{% url 'website:cfp' %}" class="button" style="width : 220px;" >Attend</a>
- </td>
- <!-- <td> </td> -->
- <td>
- <a href="#callforabstract" class="button" style="width : 220px;">Submit Abstract</a>
- </td>
- <!-- <td> </td> -->
- <td>
- <a href="#callforabstract" class="button" style="width : 220px;" >Propose Workshop</a>
- </td>
-
- </tr>
- </table>
- </center>
+ <p style="color:#636363; font-weight:500" >DECEMBER 9, 10 & 11</p><br><br>
+
+ <a href="{% url 'website:cfp' %}" class="button special" style="width : 220px;" >Attend</a></center>
+ <a href="#callforabstract" class="button special" style="width : 220px;">Submit Abstract</a></center>
+ <a href="#callforabstract" class="button special" style="width : 220px;" >Propose Workshop</a></center>
</header>
{% endblock %}
+
+<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
+
{% block nav %}
- <nav id="nav" class="alt">
- <ul>
- <li><a href="{% url 'website:home' %}" class="active">Home</a></li>
- <li><a href="#about" >About</a></li>
- <li><a href="#speakers" >Speakers</a></li>
- <li><a href="#attend" >Attend</a></li>
- <li><a href="#schedule" >Schedule</a></li>
- <li><a href="#venue">Venue</a></li>
- <li><a href="#callforabstract">Call for Proposal</a></li>
- <li><a href="#sponsors" >Sponsors</a></li>
- <li><a href="#contact" >Contact</a></li>
-
-
-
-
- {% if user and not user.is_anonymous %}
+<div id="navbar-main">
+ <!-- Fixed navbar -->
+ <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar-collapse collapse">
+ <ul class="nav navbar-nav">
+ <li> <a href="#" class="smoothScroll">Home</a></li>
+ <li> <a href="#about" class="smoothScroll">About</a></li>
+ <li> <a href="#speakers" class="smoothScroll">Speakers</a></li>
+ <li> <a href="#attend" class="smoothScroll">Attend</a></li>
+ <li> <a href="#callforabstract">Call for Proposal</a></li>
+ <li> <a href="#schedule" class="smoothScroll">Schedule</a></li>
+ <li> <a href="#venue" class="smoothScroll">Venue</a></li>
+ <li> <a href="#sponsors" class="smoothScroll">Sponsors</a></li>
+ <li> <a href="#contact" class="smoothScroll">Contact</a></li>
+ {% if user and not user.is_anonymous %}
<li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ user.get_full_name|default:user.username }}<b class="caret"></b></a>
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ user.get_full_name|default:user.username }}</a>
<ul class="dropdown-menu">
<li><a href="{% url 'auth:logout' %}?next=/2016/cfp">Logout</a></li>
+ <li><a href="{% url 'website:cfp' %}">Main Menu</a></li>
</ul>
- {% else %} <li><a href="{% url 'website:cfp' %}" >Login</a></li>
+ {% else %}
+ <li><a href="{% url 'website:cfp' %}" >Login</a></li>
{% endif %}
-
-
-
- </ul>
- </nav>
+ </ul>
+ </div>
+ <!--/.nav-collapse -->
+ </div>
+</div>
{% endblock %}
+
<!-- Main -->
{% block content %}
<div id="main">
@@ -91,9 +80,33 @@ <header class="major">
<h2>ABOUT</h2>
</header>
- <p>We look forward to your proposals. Conference aims to promote Python for Scientific Computing and Education. Topics like pedagogy, exploration, modeling or from both applied and developmental perspectives are welcome. Contributions from academia as well as industry are welcome. If you wish to propose a talk at the conference, kindly follow the guidelines given below.</p>
+ <p style= "font-size: 20px;">We look forward to your proposals. Conference aims to promote Python for Scientific Computing and Education. Topics like pedagogy, exploration, modeling or from both applied and developmental perspectives are welcome. Contributions from academia as well as industry are welcome. If you wish to propose a talk at the conference, kindly follow the guidelines given below.</p>
</div>
+ </div>
+ <div><h3>SciPy India Conferences down the lane</h3>
+ <ul class="features">
+ <li>
+ <span><img src="{% static 'img/s15.jpg' %}" width="200" alt="" /></span>
+ <h4><a href="http://scipy.in/2015" target="_blank">SciPy India 2015</a></h4>
+
+ </li>
+ <li>
+ <span><img src="{% static 'img/s14.jpg' %}" width="200" alt="" /></span>
+ <h4><a href="http://scipy.in/2014" target="_blank">SciPy India 2014</a></h4>
+
+ </li>
+ <li>
+ <span><img src="{% static 'img/s13.jpg' %}" width="200" alt="" /></span>
+ <h4><a href="http://scipy.in/2013" target="_blank">SciPy India 2013</a></h4>
+
+ </li>
+ <li>
+ <span><img src="{% static 'img/s12.jpg' %}" width="200" alt="" /></span>
+ <h4><a href="http://scipy.in/2012" target="_blank">SciPy India 2012</a></h4>
+
+ </li>
+ </ul>
</div>
</section>
@@ -105,67 +118,31 @@ <header class="major">
<h2>SPEAKERS</h2>
-
+ <center>
- <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
- <!-- Wrapper for slides -->
- <div class="carousel-inner">
- <div class="item active centered">
- <table class="tile_table">
- <tr>
- <td>
- <img class="img-responsive" src="{% static 'img/c1.png' %}" alt="">
- </td>
- <td>
- <p>Dr. Ajith Kumar</p>
- Information about the person. His topic or anythhin related to. Filed of work etc.
- <p></p>
+ <div class = "col-md-4">
+ <img class="img-responsive" src="{% static 'img/pic01.png' %}" alt="">
+ <p>Dr. Abc Xyz</p>
<a href="https://github.com/expeyes" targer"_blank"><i class="icon-github" style="font-size:30px;"></i></a>
<a href="http://expeyes.in/" target="_blank"><i class="icon-info" style="font-size:30px;"></i></a>
+ </div>
+ <div class = "col-md-4">
+ <img class="img-responsive" src="{% static 'img/pic01.png' %}" alt="">
+ <p>Dr. Abc Xyz</p>
+ <a href="https://github.com/expeyes" targer"_blank"><i class="icon-github" style="font-size:30px;"></i></a>
+
+ <a href="http://expeyes.in/" target="_blank"><i class="icon-info" style="font-size:30px;"></i></a>
+ </div>
+ <div class = "col-md-4">
+ <img class="img-responsive" src="{% static 'img/pic01.png' %}" alt="">
+ <p>Dr. Abc Xyz</p>
+ <a href="https://github.com/expeyes" targer"_blank"><i class="icon-github" style="font-size:30px;"></i></a>
+
+ <a href="http://expeyes.in/" target="_blank"><i class="icon-info" style="font-size:30px;"></i></a>
+ </div>
+ </center>
- </td>
- </tr>
- </table>
-
- </div>
- <div class="item centered">
- <table class="tile_table">
- <tr>
- <td>
- <img class="img-responsive" src="{% static 'img/c2.png' %}" alt="">
- </td>
- <td>
- <p>PQR UVW</p>
- <hr>
- Information about the person. His topic or anythhin related to talk. Filed of work etc.
-
- </td>
- </tr>
- </table>
- </div>
- <div class="item centered">
- <table class="tile_table">
- <tr>
- <td>
- <img class="img-responsive" src="{% static 'img/c3.png' %}" alt="">
- </td>
- <td>
- <p>ABC XYZ</p>
- <hr>
- Information about the person. His topic or anythhin related to talk. Filed of work etc.
-
- </td>
- </tr>
- </table>
- </div>
- </div>
- <ol class="carousel-indicators">
- <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
- <li data-target="#carousel-example-generic" data-slide-to="1"></li>
- <li data-target="#carousel-example-generic" data-slide-to="2"></li>
- </ol>
- </div>
</div>
</div>
@@ -176,43 +153,115 @@ <section id="attend" class="main special">
<header class="major">
<h2>ATTEND</h2>
- </header>
- <ul class="statistics">
- <a onmouseover="getElementById('demo').innerHTML= 'This ticket includes conference (tutorials + talks), lunch and snacks for 3 days. It does not include Accommodation & T-Shirt. This is a non-refundable ticket.'">
- <li class="style1">
- <p>Early Bird</p>
- <strong>₹1000</strong>Till 14 Nov</a>
- </li>
- <a onmouseover="getElementById('demo').innerHTML= 'This Ticket allows you to ONLY attend the conference for 3 Days. Does not include any conference amenities (Accommodation, Kit, Food & T-shirt). This is a non-refundable ticket.'">
- <li class="style2">
- <p>Light</p>
- <strong>₹300</strong>Till 14 Nov</a>
- </li>
- <a onmouseover="getElementById('demo').innerHTML= 'This ticket includes conference (tutorials + talks), lunch and snacks for 3 days. It does not include Accommodation & T-Shirt. This is a non-refundable ticket.'">
- <li class="style3">
- <p>Regular</p>
- <strong>₹1200</strong>Till 14 Nov</a>
- </li>
- <a onmouseover="getElementById('demo').innerHTML= 'Change of size, exchange at the venue is not available. This is a non-refundable ticket.'">
- <li class="style4">
- <p>T-shirt</p>
- <strong>₹250</strong> </a>
- </li>
- <a onmouseover="getElementById('demo').innerHTML= 'Accommodation is provided on a shared basis (twin sharing) inside IIT-B campus (Boys/Girls hostel). Accommodation will be provided for 3 days, i.e, 13-14, 14-15 and 15-16 December. Accommodation does not include other amenities like dinner, etc. Extension of period of stay is not available. This is a non-refundable ticket.'">
- <li class="style5">
- <p>Accomodation</p>
- <strong>₹750</strong> </a>
- </li>
- </ul>
+ </header>
+
+ <table >
+ <colgroup>
+ <col width="20%" />
+ <col width="60%" />
+
+ </colgroup>
+ <tr>
+ <center>
+ <!-- <ul class="statistics"> -->
+ <td bgcolor="#efa8b0">
+ <!-- <ul class="statistics"> -->
+ <!-- <li class="style1"> -->
+ <h9 style="color:white;">Early Bird</h9>
+ <h2 style="color:white;" style ="font-size: 25px;">₹1000</h2>
+ <!-- </ul> -->
+ </td>
+ <td>
+ This ticket includes conference (tutorials + talks), lunch and snacks for 3 days. It does not include Accommodation & T-Shirt. This is a non-refundable ticket.
+ </td>
+ </tr>
+ <tr>
+ <td bgcolor = "#c79cc8">
+ <!-- <ul class="statistics"> -->
+ <!-- <li class="style2"> -->
+
+ <h9 style="color:white;">Light</h9>
+ <h2 style="color:white;"style ="font-size: 25px;">₹300</h2>
+ <!-- </li> -->
+ <!-- </ul> -->
+ </td>
+ <td>
+ This Ticket allows you to ONLY attend the conference for 3 Days. Does not include any conference amenities (Accommodation, Kit, Food & T-shirt). This is a non-refundable ticket. </td>
+ </tr>
+ <tr>
+ <td bgcolor="#a89cc8">
+ <!-- <ul class="statistics"> -->
+ <!-- <li class="style3"> -->
+ <h9 style="color:white;">Regular</h9>
+ <h2 style="color:white;" style ="font-size: 25px;">₹1200</h2>
+ <!-- </li> -->
+ <!-- </ul> -->
+ </td>
+ <td>
+ This ticket includes conference (tutorials + talks), lunch and snacks for 3 days. It does not include Accommodation & T-Shirt. This is a non-refundable ticket.</td>
+ </tr>
+ <tr>
+ <td bgcolor ="#9bb2e1">
+ <!-- <ul class="statistics"> -->
+ <!-- <li class="style5"> -->
+ <h9 style="color:white;">Accomodation</h9>
+ <h2 style="color:white;" style ="font-size: 25px;">₹750</h2>
+ <!-- </li> -->
+ <!-- </ul> -->
+ </td>
+ <td>
+ Accommodation is provided on a shared basis (twin sharing) inside IIT-B campus (Boys/Girls hostel). Accommodation will be provided for 3 days, i.e, 13-14, 14-15 and 15-16 December. Accommodation does not include other amenities like dinner, etc. Extension of period of stay is not available. This is a non-refundable ticket.
+ </td>
+ <tr>
+ <td bgcolor= "#8cc9f0">
+ <!-- <ul class="statistics"> -->
+ <!-- <li class="style4"> -->
+ <h9 style="color:white;">T-Shirt</h9>
+ <h2 style="color:white;" style ="font-size: 25px;">₹250</h2>
+ <!-- </li> -->
+ <!-- </ul> -->
+ </td>
+ <td>
+ Change of size, exchange at the venue is not available. This is a non-refundable ticket.
+ </td>
+ </tr>
+ </tr>
+
+ </table>
<p id="demo"></p>
<footer class="major">
<ul class="actions">
- <li><a href="#" class="button">Register</a></li>
+ <li><input type= "image" href="#" style="height:40px;width:180px;" src="{% static 'img/register.png'%}"></li>
</ul>
</footer>
</section>
+
+<section id="callforabstract" class="main special">
+ <div class="spotlight">
+ <div class="content">
+ <header class="major">
+ <h2>CALL FOR PROPOSAL</h2></header>
+ <div class="col-md-6">
+ <p align="justify">We look forward to your proposals. Conference aims to promote <strong>Python for Scientific Computing and Education</strong>. Topics like pedagogy, exploration, modeling or from both applied and developmental perspectives are welcome. Contributions from academia as well as industry are welcome. If you wish to propose a talk at the conference, kindly follow the guidelines given below.</p><br><br>
+ {% if user and not user.is_anonymous and not login_required %}
+ <a class="button" href="{% url 'website:submitcfp' %}">Submit Abstract</a>
+ {% else %}
+ <a class="button" href="{% url 'website:cfp' %}">Submit Abstract</a>
+ {% endif %}
+ </div>
+ <div class="col-md-6">
+ <p align="justify">We look forward to your proposals. Conference aims to promote <strong>Python for Scientific Computing and Education</strong>. Topics like pedagogy, exploration, modeling or from both applied and developmental perspectives are welcome. Contributions from academia as well as industry are welcome. If you wish to propose a talk at the conference, kindly follow the guidelines given below.</p><br><br>
+ {% if user and not user.is_anonymous and not login_required %}
+ <a class="button" href="{% url 'website:submitcfw' %}">Propose Workshop</a>
+ {% else %}
+ <a class="button" href="{% url 'website:cfp' %}">Propose Workshop</a>
+ {% endif %}
+
+ </div>
+ </section>
+
<section id="schedule" class="main special">
@@ -225,14 +274,17 @@ <div >
<center>
<ul class="nav nav-tabs">
- <li class="active"><a data-toggle="tab" href="http://scipy.in/2015#day1">Day 1</a></li>
- <li><a data-toggle="tab" href="http://scipy.in/2015#day2">Day 2</a></li>
- <li><a data-toggle="tab" href="http://scipy.in/2015#day3">Day 3</a></li>
- <li><a data-toggle="tab" href="http://scipy.in/2015#paper">Workshop Resources</a></li> <li><a data-toggle="tab" href="http://scipy.in/2015#workshop">Workshop Instructions</a></li>
+ <li class="active">
+ <a style="background: #efa8b0;" data-toggle="tab" href="http://scipy.in/2015#day1">Day 1</a></li>
+ <li><a style="background: #c79cc8;" data-toggle="tab" href="http://scipy.in/2015#day2">Day 2</a></li>
+ <li><a style="background: #a89cc8;" data-toggle="tab" href="http://scipy.in/2015#day3">Day 3</a></li>
+ <li><a style="background: #9bb2e1;"data-toggle="tab" href="http://scipy.in/2015#paper">Workshop Resources</a></li>
+ <li><a style="background: #8cc9f0;" data-toggle="tab" href="http://scipy.in/2015#workshop">Workshop Instructions</a></li>
</ul>
<div class="tab-content">
+
<div id="day1" class="tab-pane fade in active">
<p>
</p><center><h4>14 Dec 2015: Day 1</h4></center>
@@ -379,31 +431,7 @@ - <section id="callforabstract" class="main special">
- <div class="spotlight">
- <div class="content">
- <header class="major">
- <h2>CALL FOR PROPOSAL</h2></header>
- <div class="col-md-6">
- <p align="justify">We look forward to your proposals. Conference aims to promote <strong>Python for Scientific Computing and Education</strong>. Topics like pedagogy, exploration, modeling or from both applied and developmental perspectives are welcome. Contributions from academia as well as industry are welcome. If you wish to propose a talk at the conference, kindly follow the guidelines given below.</p><br><br>
- {% if user and not user.is_anonymous and not login_required %}
- <a class="button" href="{% url 'website:submitcfp' %}">Submit Abstract</a>
- {% else %}
- <a class="button" href="{% url 'website:cfp' %}">Submit Abstract</a>
- {% endif %}
- </div>
- <div class="col-md-6">
- <p align="justify">We look forward to your proposals. Conference aims to promote <strong>Python for Scientific Computing and Education</strong>. Topics like pedagogy, exploration, modeling or from both applied and developmental perspectives are welcome. Contributions from academia as well as industry are welcome. If you wish to propose a talk at the conference, kindly follow the guidelines given below.</p><br><br>
- {% if user and not user.is_anonymous and not login_required %}
- <a class="button" href="{% url 'website:submitcfw' %}">Propose Workshop</a>
- {% else %}
- <a class="button" href="{% url 'website:cfp' %}">Propose Workshop</a>
- {% endif %}
-
- </div>
- </section>
-
-
+
<section id="sponsors" class="main special">
<div class="spotlight">
<div class="content">
@@ -423,50 +451,50 @@ <p align="justify">The Annual SciPy India conference is organised by the team members of FOSSEE project which is part of the National Mission on Education through ICT with the thrust area being Adaptation and deployment of open source simulation packages equivalent to proprietary software, funded by MHRD, based at the Indian Institute of Technology Bombay (IITB).</p>
</div>
</section>
+<!--
+
+
--><br><br><br>
</div>
- <section id="contact" name="contact"></section>
- <div class="container">
-
- <header >
- <br>
- <h2>CONTACT US</h2>
- <br>
- <div class="col-lg-8 col-lg-offset-2 centered"> <i class="icon-envelope" style="font-size:20px;"> scipy[at]fossee[dot]in</i>
- </div>
- <div class="col-lg-8 col-lg-offset-2 centered">
- <br>
- <p>Feel free to send us an email if you have any questions.</p>
- <form id="contact" action="" class="form" role="form" method=POST enctype="multipart/form-data">
- <div class="row">
- <div class="col-xs-6 col-md-6 form-group">
- <input class="form-control" id="name" name="name" placeholder="Name" type="text" required />
- </div>
- <div class="col-xs-6 col-md-6 form-group">
- <input class="form-control" id="email" name="email" placeholder="Email" type="email" required />
- </div>
- </div>
- <br>
- <textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
- <div class="row">
- <div class="col-xs-12 col-md-12">
- <br>
- <button class="button1" type="submit">Send Message</button>
- <br><br>
- <ul class="social-button">
- <a href="https://www.facebook.com/scipydotin"><i class="icon-facebook" style="font-size:30px;"></i></a>
- <a href="https://twitter.com/scipyindia"><i class="icon-twitter" style="font-size:30px;"></i></a>
- <a href="#"><i class="icon-google-plus" style="font-size:30px;"></i></a>
- </ul><br><br>
- </div>
- </div>
- {% csrf_token %}
- </form>
- <!-- form -->
- </div>
- </div>
+ <footer id="footer">
+ <section id="contact">
+ <h2>Write Us</h2>
+ <p>Feel free to send us an email if you have any questions.</p>
+ <form id="contact" action="" class="form" role="form" method=POST enctype="multipart/form-data">{% csrf_token %}
+ <div class="col-md-6 form-group">
+ <input class="form-control" id="name" name="name" placeholder="Name" type="text" required />
+ </div>
+ <div class="col-md-6 form-group">
+ <input class="form-control" id="email" name="email" placeholder="Email" type="email" required />
+ </div>
+ <br><br>
+ <textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
+ <br>
+ <button class="button" type="submit">Send Message</button>
+ </section>
+ <section>
+ <h2>Contact Us</h2>
+ <dl class="alt">
+ <dt>Address</dt>
+ <dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>
+ <dt>Phone</dt>
+ <dd>(000) 000-0000 x 0000</dd>
+ <dt>Email</dt>
+ <dd><a href="#">information@untitled.tld</a></dd>
+ </dl>
+ <ul class="icons">
+ <li><a href="#" class="icon fa-twitter alt"><span class="label">Twitter</span></a></li>
+ <li><a href="#" class="icon fa-facebook alt"><span class="label">Facebook</span></a></li>
+ <li><a href="#" class="icon fa-instagram alt"><span class="label">Instagram</span></a></li>
+ <li><a href="#" class="icon fa-github alt"><span class="label">GitHub</span></a></li>
+ <li><a href="#" class="icon fa-dribbble alt"><span class="label">Dribbble</span></a></li>
+ </ul>
+ </section>
+ </footer>
+
</div>
+
</div>
<!-- end wrapper -->
{% endblock %}
@@ -479,8 +507,9 @@ <script src="{% static 'js/jquery.scrollex.min.js' %}"></script>
<script src="{% static 'js/jquery.scrolly.min.js' %}"></script>
<script src="{% static 'js/skel.min.js' %}"></script>
- <script src="{% static '/js/ie/respond.min.js' %}"></script>
+ <script src="{% static 'js/ie/respond.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
+ <script src="{% static 'js/smoothscroll.js' %}"></script>
</body>
</html>
\ No newline at end of file |