Sponsoring Page (#110)

* Add sponsoring page
* sponsors: move sponsoring to sponsors app
* sponsors: add sponsoring page
* Sponsoring card fix
* Sponsoring cards stying

Author: Kátia Nakamura

pyconbalkan/conference/migrations/0005_auto_20180804_2148.py

@@ -0,0 +1,23 @@
+# Generated by Django 2.0.5 on 2018-08-04 21:48
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('conference', '0004_auto_20180802_2008'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='conference',
+            name='contact_email',
+            field=models.EmailField(blank=True, max_length=254, null=True),
+        ),
+        migrations.AddField(
+            model_name='conference',
+            name='sponsor_email',
+            field=models.EmailField(blank=True, max_length=254, null=True),
+        ),
+    ]

pyconbalkan/conference/models.py

@@ -25,6 +25,8 @@ class Conference(SingleActiveModel, ModelMeta):
     to_date = models.DateField(null=True, blank=True)
     max_attendees = models.PositiveIntegerField(null=True, blank=True)
     type = models.IntegerField(choices=CONF_TYPE)
+    sponsor_email = models.EmailField(null=True, blank=True)
+    contact_email = models.EmailField(null=True, blank=True)
 
     # Links
     tickets = models.URLField(blank=True, null=True)

pyconbalkan/contact/forms.py

@@ -0,0 +1,20 @@
+from django import forms
+from django.forms import ModelForm
+
+from pyconbalkan.contact.models import Contact
+
+
+class ContactForm(ModelForm):
+    name = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Name', 'class': 'form-control'}),
+                           max_length=256, error_messages={'required': 'Please, enter your name.'}, label='')
+    company = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Company', 'class': 'form-control'}),
+                              max_length=100, required=False, label='')
+    email = forms.EmailField(widget=forms.TextInput(attrs={'placeholder': 'Email', 'class': 'form-control'}),
+                             error_messages={'required': 'Please, enter a valid email address.',
+                                             'invalid': 'Please enter a valid email address.'}, label='')
+    message = forms.CharField(widget=forms.Textarea(attrs={'placeholder': 'Message', 'class': 'form-control'}),
+                              error_messages={'required': 'Please, enter your message.'}, label='')
+
+    class Meta:
+        model = Contact
+        fields = '__all__'

pyconbalkan/contact/models.py

@@ -1,6 +1,4 @@
 from django.db import models
-from django import forms
-from django.forms import ModelForm
 
 
 class Contact(models.Model):
@@ -15,18 +13,3 @@ def __str__(self):
             return '{} | {}'.format(contact_str, self.company)
         return contact_str
 
-
-class ContactForm(ModelForm):
-    name = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Name', 'class': 'form-control'}),
-                           max_length=256, error_messages={'required': 'Please, enter your name.'}, label='')
-    company = forms.CharField(widget=forms.TextInput(attrs={'placeholder': 'Company', 'class': 'form-control'}),
-                              max_length=100, required=False, label='')
-    email = forms.EmailField(widget=forms.TextInput(attrs={'placeholder': 'Email', 'class': 'form-control'}),
-                             error_messages={'required': 'Please, enter a valid email address.',
-                                             'invalid': 'Please enter a valid email address.'}, label='')
-    message = forms.CharField(widget=forms.Textarea(attrs={'placeholder': 'Message', 'class': 'form-control'}),
-                              error_messages={'required': 'Please, enter your message.'}, label='')
-
-    class Meta:
-        model = Contact
-        fields = '__all__'

pyconbalkan/contact/views.py

@@ -5,7 +5,7 @@
 
 from pyconbalkan.contact.models import Contact
 from pyconbalkan.contact.serializers import ContactSerializer
-from .models import ContactForm
+from .forms import ContactForm
 
 
 class ContactViewSet(viewsets.ModelViewSet):

pyconbalkan/core/static/css/components/card.css

@@ -57,3 +57,43 @@
             font-size: 1.8rem;
             text-align: center;
         }
+
+.sponsoring {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+    align-content: center;
+}
+
+    .sponsoring__item {
+        flex: 0 0 30%;
+        padding: 40px;
+        margin: 0 40px 40px 0;
+        background-color: #f3d66c;
+        color: #32383A;
+        border-radius: 20px;
+    }
+
+    .sponsoring__item:hover {
+        background-color: #22A4D9;
+        color: white;
+    }
+
+    .sponsoring__item:hover h1,
+    .sponsoring__item:hover .package__description {
+        color: white;
+    }
+
+        .sponsoring__item h1,
+        .sponsoring__item .package__description {
+            margin-top: 0;
+            color: #32383A;
+        }
+
+        .sponsoring__item h1 span.sponsoring--limit {
+            font-weight: normal;
+        }
+
+        .sponsoring__item h1 span.sponsoring--amount {
+            font-size: 22px;
+        }

pyconbalkan/core/static/css/components/form.css

@@ -20,6 +20,22 @@
         justify-content: flex-start;
         align-items: flex-start;
     }
+
+    .form-group p label {
+        display: block;
+        margin-top: 20px;
+        font-size: 18px;
+        font-weight: bold;
+        line-height: 20px;  
+    }
+
+    .form-group input[type=radio] {
+        display: inline-block;
+        vertical-align: middle;
+        width: 20px;
+        height: 20px;
+        margin-right: 10px;
+    }
 
     @media (max-width: 1280px) {   
         .form-group {
@@ -30,7 +46,6 @@
 
     @media (max-width: 1280px) {
         .form .form-group .button--fullwidth {
-            width: 80%;
             align-self: center;
         }
     }
@@ -44,10 +59,22 @@
         @media (max-width: 1280px) {
             .form p {
                 flex: 1;
-                width: 80%;
             }
         }
 
+        .form ul,
+        .form li {
+            padding: 0;
+            margin: 0;
+            list-style: none;
+            text-align: left;
+            width: 100%;
+        }
+
+        .form-group li {
+            height: 25px;
+        }
+
         .form .form-control {
             display: block;
             width: 100%;

pyconbalkan/core/static/css/components/person.css

@@ -12,6 +12,14 @@
     align-content: flex-start;
  }
 
+ @media (max-width: 1024px) {
+     .speaker,
+     .organizer,
+     .sponsor {
+         flex-flow: column wrap;
+     }
+ }
+
     .speaker__image,
     .organizer__image,
     .sponsor__image {

pyconbalkan/core/static/css/components/sponsors.css

@@ -32,14 +32,14 @@
 }
 
 .sponsor {
-    width: 350px;
-    height: 300px;
     color: #F3D66C;
-    margin: 5px 10px;
 }
 
-.sponsor p {
-    padding: 10px;
+@media (max-width: 1024px) {
+    .sponsor {
+        width: 350px;
+        height: 300px;
+    }
 }
 
 .sponsor img {
@@ -65,6 +65,6 @@
 @media (max-width: 767px) {
     .card__info {
         top: -170px;
-	left: 160px;
+	    left: 160px;
     }
 }