From c00ff7543509b8b07fb4abf6fffea3b340e360c2 Mon Sep 17 00:00:00 2001
From: Christopher Neugebauer <_@chrisjrn.com>
Date: Sun, 9 Jun 2019 14:09:15 -0700
Subject: [PATCH] WIP homepage

---
 pinaxcon/templates/static_pages/homepage.html | 50 +++++++------------
 static/scss/custom.scss                       | 26 +++++++++-
 2 files changed, 43 insertions(+), 33 deletions(-)

diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 9a02f26..9a23ab2 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -13,41 +13,29 @@
 {% block body %}
 
   <div class="homepage-block-bg website-background"></div>
-  <div class="jumbotron homepage-block light">
+  <div class="jumbotron homepage-block dark">
+
+
     <div class="homepage-block-bg hphbg"></div>
-    <div class="floop"></div>
-    <div class="hills main"></div>
-    <div class="clouds main"></div>
-    <div class="container homepage-block-content">
-      <div class="tight-headings">
-        <h1>North Bay Python</h1>
-        <h2 class="homepage-subtitle">The Python conference in a live music venue</h2>
-      </div>
-
-      <div class="row">
-        <div class="col-md-6">
-          <h3>
-            The Mystic Theatre <br/>
-            Petaluma, California
-          </h3>
-
-          <h4>
-            November 3 &amp; 4, 2018<br/>
-            Tickets on sale now!
-          </h4>
-        </div>
-
-      </div>
-
+    <div class="container homepage-block-content-cloud">
+      <h1 class="homepage-title">North Bay<br/>
+        Python</h1>
+      <h2 class="homepage-subtitle">
+        <span class="wrap-break">A one-track Python conference, north of the Golden Gate.</span>
+        <span class="wrap-break">November 2 &amp; 3, 2019.</span>
+        <span class="wrap-break">Mystic Theatre, Petaluma, California</span>
+      </h2>
     </div>
 
-    <div class="container homepage-block-footer">
-      <div>
-        <a class="btn btn-primary btn-lg" href="/attend">Buy a Ticket!</a>
-        <a class="btn btn-default btn-lg " href="https://twitter.com/northbaypython">Twitter</a>
-        <a class="btn btn-default btn-lg" href="https://facebook.com/northbaypython">Facebook</a>
-      </div>
+    <div class="countainer homepage-block-bloop">
+      <div class="grey-gradient"></div>
+      <div class="clouds main"></div>
     </div>
+
+  <div class="container homepage-block-footer">
+    <p>Talk proposal submissions now upon until August 8th.<br />
+      Submit your proposal now!</p>
+  </div>
   </div>
 
   <div class="jumbotron homepage-block white">
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 7851449..b5d9568 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -189,6 +189,18 @@ $homepage-block-min-height: 480px;
   min-height: ($homepage-block-min-height - 80px);
 }
 
+
+.homepage-block-content-cloudsep {
+  min-height: ($homepage-block-min-height - 200px);
+}
+
+
+.homepage-block-bloop {
+  min-height: 120px;
+}
+
+
+
 /* ??? */
 .homepage-block-footer {
 
@@ -304,7 +316,7 @@ $homepage-block-min-height: 480px;
   height: 100%;
 }
 
-.floop {
+.grey-gradient {
 
   background-size: 100%;
   background-position: bottom;
@@ -476,7 +488,7 @@ span.date {
 
 footer .footer-copy {
   margin-left: 1em;
-  
+
   p {
     font-size: 16px;
   }
@@ -522,8 +534,18 @@ footer .footer-copy {
   }
 }
 
+.homepage-title {
+  font-weight: 600;
+}
+
 .homepage-subtitle {
   font-size: $font-size-h3;
+  line-height: 1.25;
+  font-weight: 300;
+
+  .wrap-break {
+    display: inline-block;
+  }
 }
 
 .navbar-toggle {