From 50efc40d490db229a450e61f847b0b17e66c8851 2017-08-12 23:37:14 From: Christopher Neugebauer Date: 2017-08-12 23:37:14 Subject: [PATCH] Work-in-progress home page --- diff --git a/pinaxcon/templates/site_base_home.html b/pinaxcon/templates/site_base_home.html new file mode 100644 index 0000000000000000000000000000000000000000..e011cb2ce1c4cdab3f8b63d7ee885b2168f72b35 --- /dev/null +++ b/pinaxcon/templates/site_base_home.html @@ -0,0 +1,8 @@ +{% extends "site_base.html" %} + + +{% block body_base %} + {% include "_messages.html" %} + {% block body %} + {% endblock %} +{% endblock %} diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html index 4eec4492b03fb4ba6d9dcaab66261fc7c9cf903c..c27a13ca6a0a596a1dc0cf1ff0d6831a15cee1c5 100644 --- a/pinaxcon/templates/static_pages/homepage.html +++ b/pinaxcon/templates/static_pages/homepage.html @@ -1,6 +1,7 @@ -{% extends "site_base.html" %} +{% extends "site_base_home.html" %} {% load i18n %} +{% load staticfiles %} {% block head_title %}Welcome{% endblock %} @@ -8,4 +9,44 @@ {% block body %} +
+ +
+ +
+ +

North Bay Python

+

A Python conference north of the Golden Gate

+ +
+

Petaluma, California

+

2017 Conference: 2 & 3 December

+

Talk submissions close 29 September

+ +
+ Submit a proposal +
+
+ +
+
+ +
+
+

Downtown Petaluma

+

Blah Blah Test

+
+
+ +
+ +
+ +
+

Sponsors

+
+
+ + + {% endblock %} diff --git a/static/images/website-background.svg b/static/images/website-background.svg new file mode 100644 index 0000000000000000000000000000000000000000..c60a9360504d1793f937d49963d2b4da2c58d93b --- /dev/null +++ b/static/images/website-background.svg @@ -0,0 +1,427 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/static/scss/custom.scss b/static/scss/custom.scss index 5a890d2d8ee38702ce617fceee84da005dc4444b..5f00dc3f3c6a16c999ae9f64456e94b466d9e7e6 100644 --- a/static/scss/custom.scss +++ b/static/scss/custom.scss @@ -76,3 +76,51 @@ body.reviews.voting-status { .sponsor-list > div { margin: 10px 0; } + +.home { + margin: 0; + padding-top: $navbar-height - $navbar-padding-vertical - 8; +} + +.home#content_body { + margin: 0; + padding: 0; +} + +.has-bottom-aligned-div { + position: relative; + height: 100%; +} + +.bottom-align { + position: absolute; + bottom: 0; +} + +.homepage-block { + margin-top: 0; + margin-bottom: 0; + min-height: 480px; // TODO: change + height: 480px; + position: relative; +} + +.homepage-block.light { + background-color: hsla(207, 60%, 85%, 1.0); +} + +.homepage-block-bg { + top: 0; + bottom: 0; + width: 100%; + position: absolute; + background-size: cover; + background-position: center; + opacity: 0.3; + background-blend-mode: multiply; +} + +.homepage-block.dark { + background: #333; + color: white; +}