From 018f3ead1a0f6a8515140d551b8e35f318e3afb6 2019-09-29 19:36:47
From: Christopher Neugebauer <_@chrisjrn.com>
Date: 2019-09-29 19:36:47
Subject: [PATCH] Add new speaker styling

---

diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 2672a5eab4cab1e0372106509143c74a5038ffef..ffe3fb6839d2122d4b04ae1347bb101ac5079d87 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -15,7 +15,6 @@
   <div class="homepage-block-bg website-background"></div>
   <div class="jumbotron homepage-block dark smaller">
 
-
     <div class="homepage-block-bg hphbg"></div>
     <div class="container homepage-block-content-cloudsep">
           <div class="logo large left" style="margin: 20px;">
@@ -43,8 +42,7 @@
       <div class="row">
         <div class="col-md-8">
           <p class="">
-            <span class="wrap-break"><a href="/attend">Early Bird Tickets on sale now!</a></span>
-            <span class="wrap-break">Session and Headline Speakers announced soon.</span>
+            <span class="wrap-break"><a href="/attend">Tickets on sale now!</a></span>
           </p>
         </div>
         <div class="col-md-4  email-signup-panel">
@@ -77,12 +75,59 @@
     </div>
   </div>
 
+  <div class="jumbotron homepage-block smaller">
+    <div class="container speakers_">
+
+      <h1>Featuring</h2>
+
+        <div class="speaker_ headline">
+          <span class="speaker-name">Jacob Kaplan-Moss</span>
+          <span class="speaker-description">Headline Speaker &bull; Saturday</span>
+        </div>
+
+        <div class="speaker_ headline">
+          <span class="speaker-name">Jessica McKellar</span>
+          <span class="speaker-description">Headline Speaker &bull; Sunday</span>
+        </div>
+
+        <div class="speaker_ headline">
+          <span class="speaker-name">Shadeed Wallace-Stepter</span>
+          <span class="speaker-description">Headline Speaker &bull; Sunday</span>
+        </div>
+
+        <div class="speaker_ headline">
+          <span class="speaker-name">Guido van Rossum</span>
+          <span class="speaker-description">Featured Speaker</span>
+        </div>
+
+      {% for i in '1234' %}
+      <div class="speaker_">
+        <span class="speaker-name">Beeper Booper</span>
+        <span class="speaker-description">Less Important Speaker</span>
+      </div>
+
+      {%endfor%}
+
+      </ul>
+
+    </div>
+
+  </div>
+
 
   <!-- Homepage content begins here -->
   <div class="homepage-vertical-space"></div>
   <div class="homepage-vertical-space"></div>
 
   <div class="container">
+
+    <div class="row">
+      <div class="col-xs-12">
+      </div>
+    </div>
+
+    <div class="homepage-vertical-space"></div>
+
     <div class="row">
       <div class="col-xs-12">
         <h1>One Hour from San Francisco</h1>
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 49a872980c22b1bd879cb57bdb38e5d66d737309..67d380c8c5ef3c8f77d61400805ef661e64d82a0 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -636,3 +636,24 @@ body.login #content_body .row > div.col-md-9 > p + div.container {
 .wrap-break {
   display: inline-block;
 }
+
+
+.speakers_ {
+  text-align: center;
+}
+
+.speaker_ {
+    font-size: x-large;
+    margin-bottom: 0.5em;
+
+    &.headline {
+      font-size: xx-large;
+    }
+}
+
+
+.speaker-description {
+  font-size: smaller;
+  display: block;
+  font-variant: small-caps;
+}