redisgn

author: hardythe1 2015-06-20 16:51:39 +0530
committer: hardythe1 2015-06-20 16:51:39 +0530
commit: d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0 (patch)
tree: 32960245eb3ddc461b0f96bcb5e9827f4b690ebe /website/templates/base.html
parent: 857bfb4df9cfb56775839def68f05488fdcdd5e1 (diff)
download: SciPy2015-d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0.tar.gz
SciPy2015-d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0.tar.bz2
SciPy2015-d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0.zip
1 files changed, 194 insertions, 197 deletions
diff --git a/website/templates/base.html b/website/templates/base.html
index a9c75bc..7d48179 100644
--- a/website/templates/base.html
+++ b/website/templates/base.html
@@ -13,221 +13,218 @@
 
     <title>SciPy India 2015</title>
 
-    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
     <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
 
     <!-- Custom CSS -->
-    <link href="{% static 'css/freelancer.css' %}" rel="stylesheet">
+    <link href="{% static 'css/main.css' %}" rel="stylesheet">
+    <link href="{% static 'css/font-awesome.min.css' %}" rel="stylesheet">
+    <link href="{% static 'css/animate-custom.css' %}" rel="stylesheet">
+    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
 
     <!-- Custom Fonts -->
     <link href="{% static 'font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
     <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
     <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
-
-    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
-    <![endif]-->
+    
+    <!-- JS -->
+    <script src="{% static 'js/jquery.min.js' %}"></script>
+    <script src="{% static 'js/modernizr.custom.js' %}"></script>
 
 </head>
 
-<body id="page-top" class="index">
-
-    <!-- Navigation -->
-    <nav class="navbar navbar-default navbar-fixed-top">
-        <div class="container">
-            <!-- Brand and toggle get grouped for better mobile display -->
-            <div class="navbar-header page-scroll">
-                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
-                    <span class="sr-only">Toggle navigation</span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                    <span class="icon-bar"></span>
-                </button>
-                <a class="navbar-brand" href="#page-top">SciPy India 2015</a>
-            </div>
-
-            <!-- Collect the nav links, forms, and other content for toggling -->
-            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-                <ul class="nav navbar-nav navbar-right">
-                    <li class="hidden">
-                        <a href="#page-top"></a>
-                    </li>
-                    <li class="page-scroll">
-                        <a href="#speakers">Speakers</a>
-                    </li>
-                    <li class="page-scroll">
-                        <a href="#Venue">Venue</a>
-                    </li>
-                    <li class="page-scroll">
-                        <a href="#contact">Contact</a>
-                    </li>
-                </ul>
-            </div>
-            <!-- /.navbar-collapse -->
-        </div>
-        <!-- /.container-fluid -->
-    </nav>
-
-    <!-- Header -->
-    <header>
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-6">
-                    <img class="img-responsive" height=250 width=250 src="{% static 'img/scipy.png' %}" alt="">
-                    <div class="intro-text">
-                        <span class="name">SciPy India 2015</span>
-                        <hr class="star-light">
-                        <span class="skills">DECEMBER 18, 19 & 20</span>
-                        <h4>Registrations & CFP will open soon !</h4>
-                    </div>
-                </div>
-                <div class="col-lg-6-right">
-                    <h2>Python for Scientific Computing</h2>
-                    <hr class="star-light">
-                    <p align="center">SciPy India is a conference providing opportunities to spread the use of the Python programming language in the Scientific Computing community in India.
-                    </p>
-                        <a class="twitter-timeline" href="https://twitter.com/SciPyIndia" data-widget-id="611058996728868864">Tweets by @SciPyIndia</a>
-<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>
-        </div>
-    </header>
-
-    <!-- speakers Grid Section -->
-    <section id="speakers">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12 text-center">
-                    <h2>speakers</h2>
-                    <hr class="star-primary">
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-sm-4 speakers-item">
-                    <a href="http://www.jarrodmillman.com/" target="_blank">
-                        <img src="{% static 'img/jarrod-scaled.png' %}" class="img-responsive-speakers" alt="">
-                    </a>
-                        <center><a href="http://www.jarrodmillman.com/" target="_blank"><p>Jarrod Millman</p></a></center>
-                </div>
-                <div class="col-sm-4 speakers-item">
-                    <a href="http://mathema.tician.de/" target="_blank">
-                        <img src="{% static 'img/andreas-scaled.png' %}" class="img-responsive-speakers" alt="">
-                    </a>
-                        <center><a href="http://mathema.tician.de/" target="_blank"><p>Andreas Klöckner</p></a></center>
-                </div>
-                <div class="col-sm-4 speakers-item">
-                    <a href="http://expeyes.in/" target="_blank">
-                        <img src="{% static 'img/ajith-scaled.jpg' %}" class="img-responsive-speakers" alt="">
-                    </a>
-                        <center><a href="http://expeyes.in/" target="_blank"><p>Dr. Ajith Kumar</p></a></center>
-                </div>
-            </div>
-        </div>
-    </section>
-
-    <!-- Venue Section -->
-    <section class="success" id="Venue">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12 text-center">
-                    <h2>Venue</h2>
-                    <hr class="star-light">
-                    <center><p>Lecture Hall Complex, IIT Bombay</p></center>
-                    <iframe class="map-iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3769.472585331343!2d72.91689500000001!3d19.130779999999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c7f4215f57bf%3A0xcf0c03ea45a113e1!2sLecture+Hall+Complex+(LHC)!5e0!3m2!1sen!2sin!4v1434093574862" frameborder="0"></iframe>
-                </div>
-            </div>
-            <div class="row">
-            </div>
+<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
+<div id="navbar-main"> 
+  <!-- Fixed navbar -->
+  <div class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container">
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
+        <a class="navbar-brand smoothScroll" href="#home">SciPy India 2015 </a> </div>
+      <div class="navbar-collapse collapse">
+        <ul class="nav navbar-nav navbar-right">
+          <li> <a href="#home" 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="#venue" class="smoothScroll">Venue</a></li>
+          <li> <a href="#contact" class="smoothScroll">Contact</a></li>
+        </ul>
+      </div>
+      <!--/.nav-collapse --> 
+    </div>
+  </div>
+</di>
+
+<!-- ==== HEADERWRAP ==== -->
+<div id="headerwrap" name="home">
+    {% if query %}
+        <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 contacting us. We will get back to you soon !</p>
         </div>
-    </section>
-
-    <!-- Contact Section -->
-    <section id="contact">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-12 text-center">
-                    <h2>Contact Us</h2>
-                    <hr class="star-primary">
-                </div>
+    {% endif %}
+  <header class="clearfix"> <center> <img class="img-responsive" height=300 width=300 src="{% static 'img/scipy.png' %}" alt=""></center>
+  <h1>SciPy India 2015</h1>
+   <hr>
+    <h3 >DECEMBER 18, 19 & 20</h3></br>
+    <h4>Registrations & CFP will open soon !</h4></header>
+</div>
+<!-- /headerwrap --> 
+
+<!-- ==== ABOUT ==== -->
+<div id="about" name="about">
+  <div class="container">
+    <div class="row white">
+      <h2 class="centered">ABOUT</h2>
+      <hr>
+      <div class="col-md-6">  <a class="twitter-timeline" href="https://twitter.com/SciPyIndia" data-widget-id="611058996728868864">Tweets by @SciPyIndia</a>
+<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>
+        <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>
+    <!-- row --> 
+  </div>
+</div>
+<!-- container --> 
+
+<div id="speakers" name="speakers">
+  <div class="container">
+    <div class="row centered">
+      <h2 class="centered">SPEAKERS</h2>
+      <hr>
+      <div class="col-lg-3 centered" style="margin-left:15%">
+        <img src="{% static 'img/jarrod-scaled.png' %}" class="img img-circle" alt=""></img>
+        <h4><a href="http://www.jarrodmillman.com/" target="_blank"><strong>Jarrod Millman</strong></a></h4>
+        <p></p>
+        <a href="https://github.com/jarrodmillman" target="_blank"><img width=30 height=30 src="{% static 'img/github.png' %}"></img></a>
+        <a href="http://www.jarrodmillman.com/" target="_blank"><img width=30 height=30 src="{% static 'img/internet.png' %}"></img></a>
+      </div>
+      <div class="col-lg-3 centered">
+        <img src="{% static 'img/andreas-scaled.png' %}" class="img img-circle" alt=""></img>
+        <h4><a href="http://mathema.tician.de/" target="_blank"><strong>Andreas Klöckner</strong></a></h4>
+        <p></p>
+        <a href="https://github.com/inducer" target="_blank"><img width=30 height=30 src="{% static 'img/github.png' %}"></img></a>
+        <a href="http://mathema.tician.de/" target="_blank"><img width=30 height=30 src="{% static 'img/internet.png' %}"></img></a>
+      </div>
+      <div class="col-lg-3 centered"> <img src="{% static 'img/ajith-scaled.jpg' %}" class="img img-circle" alt=""></img>
+        <h4><a href="http://expeyes.in/" target="_blank"><strong>Dr. Ajith Kumar</strong></a></h4>
+        <p></p>
+        <a href="https://github.com/expeyes" target="_blank"><img width=30 height=30 src="{% static 'img/github.png' %}"></img></a>
+        <a href="http://expeyes.in/" target="_blank"><img width=30 height=30 src="{% static 'img/internet.png' %}"></img></a>
+      </div>
+    </div>
+  </div>
+  <!-- row --> 
+</div>
+<!-- container --> 
+<div id="venue" name="venue">
+  <div class="container">
+    <div class="row">
+      <h2 class="centered">VENUE</h2>
+      <hr>
+      <div class="col-lg-8 col-lg-offset-2 centered">
+       <center><h3>Lecture Hall Complex, IIT Bombay</h3></center>
+                    <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="750" height="400" frameborder="0" style="border:0"></iframe>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!--div id="cfp" name="cfp">
+  <div class="container">
+    <div class="row">
+      <h2 class="centered">CALL FOR PAPERS</h2>
+      <hr>
+      <div class="col-lg-8 col-lg-offset-2">
+        <p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
+      </div>
+      <div class="col-lg-4 callout"> <i class="fa fa-desktop fa-3x"></i>
+        <h3>Responsive Design</h3>
+        <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
+      </div>
+      <div class="col-lg-4 callout"> <i class="fa fa-gears fa-3x"></i>
+        <h3>Web Development</h3>
+        <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
+      </div>
+      <div class="col-lg-4 callout"> <i class="fa fa-dot-circle-o fa-3x"></i>
+        <h3>Social Marketing</h3>
+        <p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
+      </div>
+    </div>
+  </div>
+</div-->
+
+
+<!-- ==== CONTACT ==== -->
+<div id="contact" name="contact">
+  <div class="container">
+    <div class="row">
+      <h2 class="centered">CONTACT US</h2>
+      <hr>
+      <div class="col-md-4 centered">
+        <p></p>
+      </div>
+      <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
+        <p>scipy[at]fossee[dot]in</p>
+      </div>
+      <div class="col-md-4">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-lg-8 col-lg-offset-2 centered">
+        <p>Feel free to drop us a mail regarding any of the queries that you might have.</p>
+        <form id="contact" action="{% url 'website:contact' %}" 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="row">
-                <div class="col-lg-8 col-lg-offset-2">
-                    <form action="{% url 'website:contact' %}" method="POST" name="sentMessage" id="contactForm">
-                        <div class="row control-group">
-                            <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Name</label>
-                                <input type="text" class="form-control" placeholder="Name" id="name" name="name" required data-validation-required-message="Please enter your name.">
-                                <p class="help-block text-danger"></p>
-                            </div>
-                        </div>
-                        <div class="row control-group">
-                            <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Email Address</label>
-                                <input type="email" class="form-control" placeholder="Email Address" id="email" name="email" required data-validation-required-message="Please enter your email address.">
-                                <p class="help-block text-danger"></p>
-                            </div>
-                        </div>
-                        <div class="row control-group">
-                            <div class="form-group col-xs-12 floating-label-form-group controls">
-                                <label>Message</label>
-                                <textarea rows="5" class="form-control" placeholder="Message" id="message" name="message" required data-validation-required-message="Please enter a message."></textarea>
-                                <p class="help-block text-danger"></p>
-                            </div>
-                        </div>
-                        <br>
-                        <div id="success"></div>
-                        <div class="row">
-                            <div class="form-group col-xs-12">
-                                <button type="submit" class="btn btn-success btn-lg">Send</button>
-                            </div>
-                        </div>
-                    </form>
-                </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>
-    </section>
-
-    <!-- Footer -->
-    <footer class="text-center">
-        <div class="footer-below">
-            <div class="container">
-                <div class="row">
-                    <div class="col-lg-12">
-                        <center><img src="{% static 'img/fossee.png' %}" width=100 height=40><br><br>
-                        <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.</center>
-                    </div>
-                </div>
+          </div>
+          <textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
+          <div class="row">
+            <div class="col-xs-12 col-md-12">
+              <button class="btn btn btn-lg" type="submit">Send Message</button>
             </div>
-        </div>
-    </footer>
-
-    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
-    <div class="scroll-top page-scroll visible-xs visible-sm">
-        <a class="btn btn-primary" href="#page-top">
-            <i class="fa fa-chevron-up"></i>
-        </a>
+          </div>
+          {% csrf_token %}
+        </form>
+        <!-- form --> 
+      </div>
     </div>
+    <!-- row --> 
+    
+  </div>
+</div>
+<!-- container -->
+
+<div id="footerwrap">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-8">
+            <img src="{% static 'img/fossee.png' %}" width=100 height=40>
+            <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+                <img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" />
+            </a><br />
+            This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
+     </div>
+    </div>
+  </div>
+</div>
 
-    <!-- jQuery -->
-    <script src="{% static 'js/jquery.js' %}"></script>
-
-    <!-- Bootstrap Core JavaScript -->
-    <script src="{% static 'js/bootstrap.min.js' %}"></script>
-
-    <!-- Plugin JavaScript -->
-    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
-    <script src="{% static 'js/classie.js '%}"></script>
-    <script src="{% static 'js/cbpAnimatedHeader.js'%}"></script>
-
-    <!-- Contact Form JavaScript -->
-    <script src="{% static 'js/jqBootstrapValidation.js' %}"></script>
-    <script src="{% static 'js/contact_me.js' %}"></script>
 
-    <!-- Custom Theme JavaScript -->
-    <script src="{% static 'js/freelancer.js' %}"></script>
+    <!-- jQuery -->
+  
+<script src="{% static 'js/bootstrap.min.js' %}"></script>
+<script src="{% static 'js/retina.js' %}"></script>
+<script src="{% static 'js/jquery.easing.1.3.js' %}"></script>
+<script src="{% static 'js/smoothscroll.js' %}"></script>
+<script src="{% static 'js/jquery-func.js' %}"></script>
 
 </body>
author	hardythe1	2015-06-20 16:51:39 +0530
committer	hardythe1	2015-06-20 16:51:39 +0530
commit	d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0 (patch)
tree	32960245eb3ddc461b0f96bcb5e9827f4b690ebe /website/templates/base.html
parent	857bfb4df9cfb56775839def68f05488fdcdd5e1 (diff)
download	SciPy2015-d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0.tar.gz SciPy2015-d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0.tar.bz2 SciPy2015-d16eb88862fba2c3602bb816b4cdb1bb3a43d4d0.zip