* Created contact form (django-contact-form didn't seem to offer any value over simple hand-rolled).

* Did some playing with styles to get it to look like the design. I think it's a decent start.

Author: estebistec

pythonkc_site/forms.py

@@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+
+
+from django import forms
+
+
+class ContactForm(forms.Form):
+    first_name = forms.CharField(
+            widget=forms.TextInput(attrs={'placeholder': 'FIRST NAME',
+                                          'class': 'contact-name'}))
+    last_name = forms.CharField(
+            widget=forms.TextInput(attrs={'placeholder': 'LAST NAME',
+                                          'class': 'contact-name'}))
+    email = forms.EmailField(
+            widget=forms.TextInput(attrs={'placeholder': 'E-MAIL ADDRESS',
+                                          'class': 'contact-email'}))
+    message = forms.CharField(
+            widget=forms.Textarea(attrs={'placeholder': 'MESSAGE',
+                                         'class': 'contact-message', 
+                                         'rows': '3'}))

pythonkc_site/static/screen.css

@@ -264,3 +264,13 @@ section.resources{
     font-weight: normal;
     font-size: 80%;
 }
+
+.contact-name { width: 155px; border-color: #87CDED; }
+.contact-email { width: 200px; border-color: #87CDED; }
+.contact-message { width: 521px; border-color: #87CDED; 
+                   font: 13px 'Helvetica Neue',Arial,Helvetica,sans-serif normal; }
+.contact-submit { color: #1B82B3; }
+
+.contact-form input::-webkit-input-placeholder { background-color: #1B82B3; color: #87CDED; }
+.contact-form textarea::-webkit-input-placeholder { background-color: #1B82B3; color: #87CDED; }
+.contact-form *:-moz-placeholder { background-color: #1B82B3; color: #87CDED; }

pythonkc_site/templates/index.html

@@ -120,12 +120,24 @@ <h1>FOLLOW US</h1>
             </ul>
           </article>
       </section>
-      {% comment %}
       <section>
       <div id="contact-form">
+        <form action="{% url home %}" method="post" 
+              enctype="application/x-www-form-urlencoded"
+              class="contact-form">
+          {% csrf_token %}
+          {{ form.first_name }}
+          {{ form.last_name }}
+          {{ form.email }}
+          {{ form.first_name.errors }}
+          {{ form.last_name.errors }}
+          {{ form.email.errors }}
+          {{ form.message }}
+          {{ form.message.errors }}
+          <input type="submit" value="SUBMIT" class="contact-submit" />
+        </form>
       </div>
       </section>
-      {% endcomment %}
       <section>
         <div class="copyright">
         </div>

pythonkc_site/urls.py

@@ -15,7 +15,7 @@
 urlpatterns = patterns('',
 
     url(r'^/?$', cache_page(60*60*24)(PythonKCComingSoon.as_view())),
-    url(r'^demo/?$', cache_page(60 * 5)(PythonKCHome.as_view())),
+    url(r'^demo/?$', cache_page(60 * 5)(PythonKCHome.as_view()), name='home'),
 
     # Examples:
     # url(r'^$', 'pythonkc_site.views.home', name='home'),

pythonkc_site/views.py

@@ -4,6 +4,7 @@
 from django.conf import settings
 from django.views.generic.base import TemplateView
 from pythonkc_meetups import PythonKCMeetups
+from pythonkc_site.forms import ContactForm
 
 
 try:
@@ -33,7 +34,8 @@ def get_past_events():
 
         return {
             'next_event': get_next_event(),
-            'past_events': get_past_events()
+            'past_events': get_past_events(),
+            'form': ContactForm()
         }