Sponsorship page first draft

pinaxcon/templates/flatpages/sponsors.html

@@ -0,0 +1,69 @@
+{% extends "utility_page.html" %}
+
+{% load static %}
+
+{% block head_title %}{{ flatpage.title }}{% endblock head_title %}
+{% block body_class %}bg-primary text-secondary{% endblock body_class %}
+{% block navbar %}{% include 'nav.html' with color='green' %}{% endblock %}
+{% block main_class %}container-fluid{% endblock main_class %}
+
+
+{% block content %}
+<div class="sponsor-header text-center">
+  <h1>Our Sponsors</h1>
+  <div style="max-width: 400px; display: inline-block;" class="mb-4">
+    <p>We would like to thank all of our sponsors. Without them the conference would not be possible.</p>
+    <p>
+      If you are interested in supporting linux.conf.au 2019, we would love to
+      <a href="/sponsors/why-sponsor/">hear from you!</a>
+    </p>
+  </div>
+</div>
+
+<div class="bg-secondary text-primary pt-4 pb-4 mb-0 text-center">
+  <div class="col-12 col-md-10 offset-md-1 py-4">
+    <div class="sponsor-wrapper">
+      <img src="{% static '/assets/penguins/emperor-fs8.png' %}">
+      <hr />
+    </div>
+
+    <div class="py-4">
+    </div>
+
+    <div class="sponsor-wrapper">
+      <img src="{% static '/assets/penguins/king-fs8.png' %}">
+      <hr />
+    </div>
+
+    <div class="py-4">
+    </div>
+
+    <div class="sponsor-wrapper">
+      <img src="{% static '/assets/penguins/royal-fs8.png' %}">
+      <hr />
+    </div>
+
+    <div class="py-4">
+    </div>
+
+    <div class="sponsor-wrapper">
+      <img src="{% static '/assets/penguins/hoiho-fs8.png' %}">
+      <hr />
+    </div>
+
+    <div class="py-4">
+    </div>
+
+    <div class="sponsor-wrapper">
+      <img src="{% static '/assets/penguins/white_flippered-fs8.png' %}">
+      <hr />
+    </div>
+
+    <div class="py-4">
+      <img src="{% static '/assets/sponsor_logos/ati.png' %}" >
+    </div>
+
+  </div>
+</div>
+{% endblock %}
+{%block footer_class %}footer-no-margin{% endblock %}

static/src/scss/app.scss

@@ -672,33 +672,19 @@ hr {
     font-size: 1.5rem;
 }
 
-hr.green {
-    border-color: $primary;
-    background-color: $primary;
-    color: $primary;
-}
+.sponsor-wrapper {
+    height: 200px;
 
-div.talk-abstract {
-    @include media-breakpoint-up(lg) {
-        border-left: 1px solid #0F7C11 !important;
-    }
-}
-
-@include media-breakpoint-up(xl) {
-    .schedule-wrapper {
-        width: 80%;
-        min-width: 1140px;
-        max-width: 3000px;
-    }
-}
-
-@include media-breakpoint-up(sm) {
-    div.footer-center {
-        text-align: center;
+    img {
+        height: 200px;
+        position: relative;
+        z-index: 11;
     }
 
-    div.footer-right {
-        text-align: right;
+    hr {
+        color: #CCD5C5;
+        position: relative;
+        top: -100px;
+        z-index: 10;
     }
 }
-