From 52c20b16ef2dbe1db79d85a8a910724d25572a77 Mon Sep 17 00:00:00 2001 From: Christopher Neugebauer Date: Sun, 13 Aug 2017 07:51:25 -0700 Subject: [PATCH] Homepage now renders correctly in mobile. --- pinaxcon/templates/_footer.html | 10 ++-- pinaxcon/templates/static_pages/homepage.html | 57 ++++++++++++------- static/scss/custom.scss | 24 ++++---- 3 files changed, 55 insertions(+), 36 deletions(-) diff --git a/pinaxcon/templates/_footer.html b/pinaxcon/templates/_footer.html index 3f07653..c7b549f 100644 --- a/pinaxcon/templates/_footer.html +++ b/pinaxcon/templates/_footer.html @@ -1,12 +1,12 @@
-
-

North Bay Python is a member project of Software Freedom Conservancy, a 501(c)(3) charity.

+
+

© 2017 North Bay Python. North Bay Python is a member project of Software Freedom Conservancy, a 501(c)(3) charity.

Facebook | Twitter | Lanyrd | Code of Conduct | Terms and Conditions | Colophon

-
- Site powered by Symposion - and Registrasion. +
+ This site is Free and Open Source Software, powered by Symposion + and Registrasion.
diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html index 8496b51..ac0dd00 100644 --- a/pinaxcon/templates/static_pages/homepage.html +++ b/pinaxcon/templates/static_pages/homepage.html @@ -24,7 +24,6 @@

A Python conference north of the Golden Gate

-

The Mystic Theatre
Petaluma, California @@ -34,7 +33,9 @@ Talk submissions close 29 September

-
+
+ +
Submit a proposal @@ -53,15 +54,21 @@

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.

-
-
- Find out more -
+
-
- Image credit: Mystic Theatre, © 2017 Christopher Neugebauer (CC-BY-SA)
+
+
+
+
+ Find out more +
+ +
+ Image credit: Mystic Theatre, © 2017 Christopher Neugebauer (CC-BY-SA) +
+
-
+
@@ -70,6 +77,14 @@

Sponsors

+ +
+ +
+ Become a sponsor +
+
+
@@ -80,17 +95,21 @@

Inclusion and Diversity

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.

- - -
-
- View our code of conduct -
- -
- Image credit: DjangoGirls Brisbane 2014, © 2014 Richard Jones (CC-BY)
-
+ +
+
+
+
+ View our code of conduct +
+ +
+ Image credit: DjangoGirls Brisbane 2014, © 2014 Richard Jones (CC-BY)
+
+
+
+ {% endblock %} diff --git a/static/scss/custom.scss b/static/scss/custom.scss index f0ba623..2d68f90 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 +}