diff --git a/pinaxcon/templates/site_base_home.html b/pinaxcon/templates/site_base_home.html new file mode 100644 index 0000000..e011cb2 --- /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 4eec449..c27a13c 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 0000000..c60a936 --- /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 5a890d2..5f00dc3 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; +}