path: root/static/website/templates/home.html

{% load static %}
<!-- Navigation -->
{% block home %} 
<div id="home" data="home"></div>
    <header id="site-header" class="site-header valign-center"> 
        <div class="intro">
        <p>International conference on Python for education and scientific computing</p>
        <img alt="" class="img-responsive center-block img-logo" src="{% static 'website/bootstrap-css/assets/images/backgrounds/SciPy_logo.png' %}"><br>
         <h1>SciPy India 2019</h1>
            <h2>29 &amp; 30 November, 2019 / IIT Bombay</h2><br>
            <a href="#registration" data-scroll class="btn btn-white">Register now</a>
        </div>
    </header>

    <section id="about" class="section about">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">

                    <h3 class="section-title">About Us</h3>

                    <p class="text-justify">SciPy India is the annual gathering of Pythonistas providing opportunities to spread the use of the Python programming language in the Scientific Computing community in India.</p>
                    <p class="text-justify"> 

It provides a unique opportunity to discuss about the latest trends on Scientific Computing in the industry. You can present your ideas, research work done in this area during the conference.  One of the goals of the conference is to combine education, engineering, and science with computing through the medium of Python.</p>

                </div><!-- /.col-sm-6 -->
                <div class="col-sm-6">
                     <h3 class="section-title multiple-title" align="center">News and Updates</h3>
                    <a class="twitter-timeline" data-width="500" data-height="380" href="https://twitter.com/SciPyIndia?ref_src=twsrc%5Etfw">Tweets by SciPyIndia</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

                </div><!-- /.col-sm-6 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section>

    <section id="facts" class="section bg-image-1 facts text-center">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">

                    <i class="ion-ios-calendar"></i>
                    <h3>2019<br>November 29 &amp; 30</h3>
                
                </div>
                <div class="col-sm-3">

                    <i class="ion-ios-location"></i>
                    <h3>Lecture Hall Complex, <br>IIT Bombay</h3>

                </div>
                <div class="col-sm-3">

                    <i class="ion-pricetags"></i>
                    <h3>Over 300<br>Tickets</h3>
                
                </div>
                <div class="col-sm-3">
                
                    <i class="ion-speakerphone"></i>
                    <h3>Speakers on the way</h3>

                </div>
            </div><!-- row -->
        </div><!-- container -->
    </section>

    <section id="speakers" class="section speakers">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Speakers</h3>         
                </div>
            </div>
            <center>
            <div class="row">
                <div class="col-md-12">
                    <div class="speaker">
                    <h4>Keynote Speaker</h4>
                        <figure>
                            <img alt="" class="img-responsive center-block img-rounded" style="width:179px;height:198px;" src="{% static 'website/bootstrap-css/assets/images/speakers/keynote_speaker.jpg' %}" data-toggle="modal" data-target="#speaker1">
                        </figure>
                        <h4>Michael Droettboom</h4>
                        <ul class="social-block">
                            <li><a href="http://droettboom.com/" target="_blank"><i class="fa fa-globe"></i></a></li>
                            <li><a href="http://linkedin.com/in/mdboom" target="_blank"><i class="ion-social-linkedin-outline"></i></a></li> 
                            <li><a href="https://github.com/mdboom" target="_blank"><i class="ion-social-github"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <p class="text-justify">Michael Droettboom is a Staff Data Engineer at Mozilla. There, he is working with a team that collects data on a massive scale that, unlike most of the big tech companies, respects user agency, privacy and transparency.  Prior to that, he has a history of applying machine learning and data science to such diverse as fields as neuroscience, astronomy, medieval manuscripts and 19th century American sheet music.  He contributes to many open source projects, was the lead developer of matplotlib, and the original author of airspeed velocity and Pyodide.</p>
                </div>
            </div>
            </center>
        </div>
    </section>

    <section id="registration" class="section registration">
      <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Registration</h3>
                </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                  <table class="table table-bordered table-responsive" style="font-weight: 400;">
                    <colgroup>
                     <col width="15%" />
                     <col width="60%" />
                    </colgroup>
                    <tr  class="schedule-header" style="font-weight: bold;">
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                            Registration Type
                        </div>
                    </td>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                            Description
                        </div>
                    </td>
                    </tr>
                    {% for registration_detail in registration_details %}
                    <tr>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          {{ registration_detail.registration_type }}<br>
                          {% if not registration_detail.start_date %}
                          (till {{ registration_detail.end_date|  date:"d M Y"}})<br>
                          {% else %} 
                          ({{ registration_detail.start_date|  date:"d M Y"}} to {{ registration_detail.end_date|  date:"d M Y"}})<br>
                          {% endif %}
                          {{registration_detail.registration_ticket}}
                        </div>
                    </td>
                    <td style="border-top:none;!important">
                        <div class="align-baseline">
                          {{ registration_detail.registration_description| safe }}
                        </div>
                    </td>
                    </tr> 
                    {% endfor %}
                    <tr>
                        <td colspan="2">
                            <p class="text-justify">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span><strong>Note:</strong> <ul style="color: red;">
                                            <li>
                                                You may attend the conference without submitting a proposal for workshop/paper.
                                            </li>
                                            <li>
                                                If you are a group of 5 or more, write to us at <strong><a href="mailto:scipy@fossee.in" style="color: red;">scipy[at]fossee[dot]in</a></strong> to know the discounted rate.
                                            </li>
                                            <li>
                                                If you are an IIT Bombay student or staff, write to us at <strong><a href="mailto:scipy@fossee.in" style="color: red;">scipy[at]fossee[dot]in</a></strong> to know the discounted rate.
                                            </li>
                                        </ul></span>
                                    </div>
                                </div>
                            </p>
                        </td>
                    </tr>
                    <tr>
                    <td colspan="2">
                    <p class="text-justify"><span><b>Payment instructions:</b></span></p>
                    <p><span class="text-justify">Please read the instructions carefully, before proceeding for Registration.</span></p>
                        <ol>
                        <li><span class="text-justify">Please make the payment for the conference through Net banking using NEFT or RTGS or IMPS</span></li>
                        <li><span class="text-justify">Account Details for transaction are mentioned below:</span>
                        <ul>
                        <li><span class="text-justify">Account Holder Name - The Registrar, IIT Bombay</span></li>
                        <li><span class="text-justify">Bank Name - State Bank of India</span></li>
                        <li><span class="text-justify">Branch Name - IIT, Powai Branch</span></li>
                        <li><span class="text-justify">Bank address - Adi Shankaracharya marg, IIT Bombay, Powai, Mumbai - 400076</span></li>
                        <li><span class="text-justify">9-Digit Code no. of the bank and the branch - 400002034</span></li>
                        <li><span class="text-justify">Account number - 10725729128</span></li>
                        <li><span class="text-justify">IFSC Code/ NEFT/ RTGS code - SBIN0001109</span></li>
                        <li><span class="text-justify">Swift Code - SBININBB519</span></li>
                        </ul></li>
                        <li><span class="text-justify">After successful payment take the screenshot of the final transaction. Save this screenshot as you have to upload it in the form. </span></li>
                        <li><span class="text-justify">Collect your transaction reference number / UTR number from the bank. Note it down somewhere you have to fill this detail in the form as well.</span></li>
                        <li><span class="text-justify">After verification of your payment by our team, we shall send you the ticket for the conference via email. This shall take 10 days.</span>
                        </li>
                        </ol>
                    </td>
                    </tr> 
                  </table>
                </div>
            </div>
            <div class="row">
            <div class="col-md-12">
            <h3 style="background-color: #552505;color: #fff;" class="col-sm-2">Add ons</h3>
              </div>
            </div>
            <div class="row">
            <div class="col-md-12">
            <table class="table table-bordered table-responsive" style="font-weight: 400;">
              <tr>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                  Accomodation <br>
                  INR 600
                </div>
              </td>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                 <ul>
                <li>Accommodation is provided on a shared basis inside IIT-B campus. Accommodation will be provided for 2 days, i.e, 28-29 and 29-30 November 2019. Accommodation does not include other amenities like dinner, etc. Extension of period of stay is not available. This is a non-refundable ticket. </li>
                <li>A low-cost accommodation will be provided on sharing basis.</li>    
                <li><strong>You have to make the payment directly at the the registration desk in cash.</strong></li>
               <!-- <li style="color: red;">*Accommodation is subject to availability for On-spot registrations.</li> -->
                </ul> 
                </div>
              </td>
              </tr>
              <tr>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                  T Shirt<br>
                  INR 350
                </div>
              </td>
              <td style="border-top:none;!important">
                <div class="align-baseline">
                 Change of size, exchange at the venue is not available. This is a non-refundable ticket and non-transferable ticket. The T-shirt cost will be INR 350/- each. <strong>You will have to make the payment at the registration desk in cash.</strong>
                </div>
              </td>
              </tr>
            </table>
            </div>
            </div>
            <div class="row">
              <div class="col-md-12">
              <center>
                <a href ="https://docs.google.com/forms/d/1w3CZ4XWA7U8NqGqpKvqfJHCo5XrGw879rgJFh8HfjnE/viewform?edit_requested=true" class="btn btn-white" target ="_blank">Register now</a>
              </center>
              </div>
            </div>
      </div>      
    </section>

    <section id="important_dates" class="section important_dates">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Important dates</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <h4>Call for Papers opens on: {{ cfp_dates.start_date| date:"d F Y" }}</h4>
                </div>
                <div class="col-md-6">
                    <h4>Call for Papers closes on: {{ cfp_dates.end_date| date:"d F Y" }}</h4>
                </div>
            </div>
        </div>
    </section>

    <section id="contribution" class="section contribution">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Call for Papers</h3>
                    <p>We invite you to submit proposals for talks or workshops to be presented at SciPy 2019. The time duration for talks is 15 minutes and for workshops is 2 to 3 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>
                    <center><a href="{% url 'website:cfp' %}" class="btn btn-white">
                    Submit</a></center>
                </div>
            </div>
        </div>
    </section>

    <section id="cod" class="section cod">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Code Of Conduct</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                     <p class="text-justify">We appreciate your participation in SciPy 2019. We want you to have an enjoyable and enriching experience in the conference. For this all the attendees are required to conform to the following Code of Conduct. Organisers will ensure that it is enforced throughout the event.
                     <div id="demo" class="collapse">
                        <div class="card-text">
                           <p>SciPy India is dedicated to providing a harassment-free conference experience for everyone, regardless of age, gender, sexual orientation, physical appearance, disability, race, religion or employment.
                           </p>
                           <p>Harassment includes offensive verbal comments related to gender, sexual orientation, disability, physical appearance, body size, race, religion, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention. We have zero tolerance on harassment of conference participants in any form, including, but not limited to the activities mentioned here.
                           </p>
                           <p>Participants asked to stop any harassing behavior are expected to comply immediately.
                           </p>
                           <p>All communication should be appropriate for a professional audience, including people from many different backgrounds. Sexual language or imagery is inappropriate for all aspects of the conference, including talks. Remember that sexist, racist or any other form of exclusionary or offensive jokes or excessive public swearing are not appropriate at any venue of SciPy India.
                           </p>
                           <p>Do not insult or put down attendees or engage in any action that violates the open, welcoming and sharing spirit of the conference. Be kind and sensitive to the people around you when you are attending the conference, and avoid any kind of offensive or degrading behavior.
                           </p>
                           <p>
                              <b>If a participant engages in behavior that violates this code of conduct, the conference organizers may take any action they deem appropriate, including warning the offender or expulsion from the conference with no refund.
                              </b>
                           </p>
                           <p>Thank you for helping to make SciPy India a welcoming, friendly event for all.
                           </p>
                           <p>
                              <b>Contact Information:
                              </b>
                           </p>
                           <p>If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact a member of conference staff. Conference staff will be wearing "SciPy India: Organiser" badges.
                           </p>
                           <p>Conference staff will be happy to help participants contact venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance.
                           </p>
                           <p>
                              <b>License:
                              </b>
                           </p>
                           <p>This Code of Conduct was forked from PSF Code of Conduct by Python Software Foundation which is under a Creative Commons Attribution 3.0 Unported License.
                           </p>
                           <p>SciPy India Conference Code of Conduct is licensed under a Creative Commons Attribution 3.0 Unported License.
                           </p>
                        </div>
                     </div>
                     <center>
                        <button type="button" class="btn btn-black" data-toggle="collapse" data-target="#demo">
                            <i class="fa fa-arrow-down" aria-hidden="true"></i>
                            <i class="fa fa-arrow-up" aria-hidden="true"></i>
                        </button>
                    </center>
            </div>
    </section>

    <section id="venue" class="section venue">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <h3 class="section-title">Venue</h3>
                    <address>
                        <p>Lecture Hall Complex<br> IIT Bombay</p>
                    </address>
                </div>
                <div class="col-sm-9">
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3769.472585331343!2d72.916895!3d19.130779999999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f4215f57bf%3A0xcf0c03ea45a113e1!2sLecture+Hall+Complex+(LHC)!5e0!3m2!1sen!2sin!4v1434726932900" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </section>
    
    <section id="organiser" class="section organiser">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Organiser</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <a href="https://fossee.in"class="organiser-box organiser-box-1" target="_blank"></a>
                    <p class="text-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>
            </div>
    </section>

    <section id="poster" class="section poster">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Poster</h3>
                </div>
            </div>
             <div class="row">
                <div class="col-md-8">
                    <p class="text-justify">
                        We request you to share the event details through this poster with faculty members, students and others who might be interested. You may print the poster (native size - A4) and display on the notice boards.
                        Download the poster by clicking on the image.  
                    </p>
                </div>
                <div class="col-md-4">
                    <a href="{% static 'website/bootstrap-css/assets/pdf/SciPy2019_pstr.pdf'%}" target="_blank"><img class="img-responsive center-block img-logo" src="{% static 'website/bootstrap-css/assets/images/SciPy2019_thmb.png' %}"></a>
                </div>
            </div>
    </section>

    <section id="photos" class="section photos">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Memories of <span style="text-transform: none;">SciPy India</span></h3>
                </div>
            </div>
            <div class="row">
            <center>
                <div class="col-md-12">
                    <a data-flickr-embed="true"  href="https://www.flickr.com/photos/138717104@N02/albums/72157710765977263" title="SciPy2019">
                    <img src="https://live.staticflickr.com/65535/48705266592_0e70bb04a4_z.jpg" width="80%" height="360" alt="SciPy2019"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
                </div>
            </center>
            </div>
        </div>
    </section>

    <section id="contact-us" class="section contact-us">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3 class="section-title">Contact us</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <dl class="alt">
                            <dt>Phone</dt>
                            <dd><i class="fa fa-phone" aria-hidden="true"></i> (+91) 22 25764133</dd>
                            <dd><i class="fa fa-calendar" aria-hidden="true"></i> Monday - Friday</dd>
                            <dd><i class="fa fa-clock-o" aria-hidden="true"></i> 10:00 AM - 6:00 PM</dd>
                            <dt>Email</dt>
                            <dd>
                                <i class="fa fa-envelope" aria-hidden="true"></i> <a style="color:black;" href="mailto:scipy@fossee.in"> scipy[at]fossee[dot]in
                                </a>
                            </dd>
                        </dl>
                </div>
                </div>
            </div>
    </section>

<div class="modal fade" id="announce_cfp" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
          <p class="text-justify">Call for Papers will open soon</p>
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
{% endblock %}