From 52c20b16ef2dbe1db79d85a8a910724d25572a77 2017-08-13 14:52:11
From: Christopher Neugebauer <chrisjrn@gmail.com>
Date: 2017-08-13 14:52:11
Subject: [PATCH] Homepage now renders correctly in mobile.
---

diff --git a/pinaxcon/templates/_footer.html b/pinaxcon/templates/_footer.html
index 3f07653e93a71d7759063c17b91b3e86cb3cc986..c7b549f95f57d3b592de5cb13105567c396069a6 100644
--- a/pinaxcon/templates/_footer.html
+++ b/pinaxcon/templates/_footer.html
@@ -1,12 +1,12 @@
 <div class="row">
-  <div class="pull-left">
-    <p>North Bay Python is a member project of <a href="https://sfconservancy.org" title="Software Freedom Conservancy">Software Freedom Conservancy</a>, a 501(c)(3) charity.</p>
+  <div class="col-md-8">
+    <p>&copy; 2017 North Bay Python. North Bay Python is a member project of <a href="https://sfconservancy.org" title="Software Freedom Conservancy">Software Freedom Conservancy</a>, a 501(c)(3) charity.</p>
 
     <p><a href="https://facebook.com/northbaypython" title="North Bay Python on Facebook">Facebook</a> | <a href="https://twitter.com/northbaypython" title="North Bay Python on Twitter">Twitter</a> | <a href="https://lanyrd.com/2017/nbpy" title="North Bay Python on Lanyrd">Lanyrd</a> | <a href="/code-of-conduct" title="North Bay Python Code of Conduct">Code of Conduct</a> | <a href="/terms-and-conditions" title="North Bay Python Terms and Conditions">Terms and Conditions</a> | <a href="/about/colophon" title="North Bay Python Colophon">Colophon</a></p>
   </div>
 
-  <div class="pull-right">
-      Site powered by <a href="https://github.com/chrisjrn/symposion/" title="Symposion Git Repository"><b>Symposion</b></a>
-      and <a href="https://github.com/chrisjrn/registrasion/" title="Registrasion Git Repository"><b>Registrasion</b></a>.
+  <div class="col-md-4 text-right">
+      This site is <a href="https://github.com/northbaypython/website">Free and Open Source Software</a>, powered by <a href="https://github.com/chrisjrn/symposion/" title="Symposion Git Repository">Symposion</a>
+      and <a href="https://github.com/chrisjrn/registrasion/" title="Registrasion Git Repository">Registrasion</a>.
   </div>
 </div>
diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 8496b510411c27a0da0bd47a13bf00b77658ca9d..ac0dd00bf51893d6e4b59005b6b9b1b32ea627ef 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -24,7 +24,6 @@
         <h3>A Python conference north of the Golden Gate</h3>
       </div>
 
-      <div class="bottom-align">
         <h3>
           The Mystic Theatre</br>
           Petaluma, California
@@ -34,7 +33,9 @@
           Talk submissions close 29 September
         </h4>
 
-        <div style="height:0.5em;"></div>
+      </div>
+
+      <div class="container homepage-block-footer">
 
         <div class="btn-group">
           <a class="btn btn-lg btn-primary" href="/dashboard">Submit a proposal</a>
@@ -53,15 +54,21 @@
 
       <p>Here is some text about Petaluma and the Mystic Theatre. It's pretty great. The mystic is close to restaurants and hotels. Petaluma is only an hour out of San Francisco. Blah.</p>
 
-      <div class="bottom-align" style="width: 100%">
-        <div class="btn-group col-md-4">
-          <a class="btn btn-lg btn-primary" href="/about/north-bay-python">Find out more</a>
-        </div>
+    </div>
+
+    <div class="homepage-block-footer" style="width: 100%">
+      <div class="container">
+        <div class="row">
+          <div class="btn-group col-md-4">
+            <a class="btn btn-lg btn-primary" href="/about/north-bay-python">Find out more</a>
+          </div>
 
-        <div class="col-md-8 text-right">
-          Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (CC-BY-SA)</div>
+          <div class="col-md-8 text-right">
+            Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (CC-BY-SA)
+          </div>
+        </div>
       </div>
-  </div>
+    </div>
 
   </div>
 
@@ -70,6 +77,14 @@
     <div class="container homepage-block-content">
       <h1>Sponsors</h1>
     </div>
+
+    <div class="container homepage-block-footer">
+
+      <div class="btn-group">
+        <a class="btn btn-lg btn-primary" href="/sponsors">Become a sponsor</a>
+      </div>
+    </div>
+
   </div>
 
   <div class="jumbotron homepage-block dark">
@@ -80,17 +95,21 @@
       <h1>Inclusion and Diversity</h1>
 
       <p>Statement about commitment to inclusion and diversity. Strong code of conduct. Short and long term diversity targets in our call for proposals. Cheap tickets, with an entry fee that we will waive on request. Financial assistance for those who need it.</p>
+    </div>
 
+    <div class="homepage-block-footer" style="width: 100%">
+      <div class="container">
+        <div class="row">
+          <div class="btn-group col-md-4">
+            <a class="btn btn-lg btn-primary" href="/code-of-conduct">View our code of conduct</a>
+          </div>
 
-      <div class="bottom-align" style="width: 100%">
-        <div class="btn-group col-md-4">
-          <a class="btn btn-lg btn-primary" href="/code-of-conduct">View our code of conduct</a>
+          <div class="col-md-8 text-right">
+            Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749">DjangoGirls Brisbane 2014</a>, &copy; 2014 Richard Jones (CC-BY)</div>
+          </div>
         </div>
-
-        <div class="col-md-8 text-right">
-          Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749">DjangoGirls Brisbane 2014</a>, &copy; 2014 Richard Jones (CC-BY)</div>
       </div>
-    </div>
+
   </div>
 
 {% endblock %}
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index f0ba62320f6a838d6be50631285a36c88a881ec7..2d68f90dbece444290ec6052bb021c1855455b0a 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -103,26 +103,26 @@ body.auth .panel-heading .panel-title span.pull-right {
   box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
 }
 
-.homepage-block-content {
-  position: relative;
-  height: 100%;
-}
-
-.bottom-align {
-  position: absolute;
-  bottom: 0;
-}
+$homepage-block-min-height: 480px;
 
 .homepage-block {
   margin-top: 0;
   margin-bottom: 0;
-  min-height: 480px;  // TODO: change
-  height: 480px;
+  min-height: $homepage-block-min-height;
   position: relative;
   box-shadow: $box-shadow;
   z-index: 3;
 }
 
+.homepage-block-content {
+  min-height: ($homepage-block-min-height - 80px);
+}
+
+/* ??? */
+.homepage-block-footer {
+
+}
+
 .homepage-block.light {
   background-color: $background-filter;
   z-index: 2;
@@ -188,4 +188,4 @@ body.auth .panel-heading .panel-title span.pull-right {
 
 .btn-group + p {
   margin-top: 1em;
-}
\ No newline at end of file
+}