Added contact form

static/src/js/events.js

@@ -2,7 +2,6 @@
 var is_navbar_attached = false;
 
 $(window).load(function() {
-  $.material.init();
   $(window).trigger('scroll');
 });
 
@@ -45,6 +44,9 @@ function position_navbar() {
 
 $(function() { // https://css-tricks.com/snippets/jquery/smooth-scrolling/
   $('a[href*=#]:not([href=#])').click(function() {
+    if ($(this).data('toggle') === 'collapse') {
+      return true;
+    }
     if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '')
       && location.hostname === this.hostname) {
       var target = $(this.hash);

templates/about/index.html

@@ -1,5 +1,5 @@
 {% extends 'content_base.html' %}
-
+{% load bootstrap %}
 {% block pageTitle %}About all the things{% endblock %}
 
 {% block content %}
@@ -45,4 +45,32 @@
   </div>
 </div>
 
+<div class="container">
+  <div class="row">
+    <div class="col-sm-10 col-sm-push-1">
+      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+        <div class="panel panel-default">
+          <div class="panel-heading" role="tab" id="heading1">
+            <h4 class="panel-title" style="font-size: 21px;">
+              <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
+                Contact Me<i class="icon ion-ios-arrow-down"></i>
+              </a>
+            </h4>
+          </div>
+          <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
+            <div class="panel-body">
+              <form role="form">
+                {% csrf_token %}
+                {{ form|bootstrap }}
+                <div class="form-group">
+                  <button type="submit" class="btn btn-primary">Send</button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
 {% endblock %}