From 8a7cec8d643015b7bb5626b4eb0a46a7d9a105a5 Mon Sep 17 00:00:00 2001
From: Christopher Neugebauer <chrisjrn@gmail.com>
Date: Sat, 12 Aug 2017 18:23:41 -0700
Subject: [PATCH] Adds some styling to standard content pages.

---
 pinaxcon/templates/site_base.html | 3 +++
 static/scss/custom.scss           | 9 +++++++++
 static/scss/variables.scss        | 2 ++
 3 files changed, 14 insertions(+)

diff --git a/pinaxcon/templates/site_base.html b/pinaxcon/templates/site_base.html
index 74e2fd5..8270e20 100644
--- a/pinaxcon/templates/site_base.html
+++ b/pinaxcon/templates/site_base.html
@@ -18,6 +18,9 @@
 {% endblock %}
 
 {% block body_base %}
+
+  <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
+
     <section id="content_body">
         <div class="container">
             {% include "_messages.html" %}
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index e44c6dc..34f925b 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -2,6 +2,9 @@ body {
   padding-top: 50px;
   position: relative;
   font-weight: 300;  // Not overridable in bootstrap at the moment.
+  /*background: url("../images/website-background.svg");
+  background-size: cover;
+  background-repeat: no-repeat;*/
 }
 
 // Not overridable in bootstrap at the moment
@@ -87,6 +90,11 @@ body.reviews.voting-status {
   padding: 0;
 }
 
+#content_body {
+  background-color: $background-filter-transparent;
+  box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
+}
+
 .homepage-block-content {
   position: relative;
   height: 100%;
@@ -128,6 +136,7 @@ body.reviews.voting-status {
   opacity: 0.3;
   background-blend-mode: multiply;
   z-index: -9999;
+  box-shadow: $box-shadow;
 }
 
 .homepage-block.dark {
diff --git a/static/scss/variables.scss b/static/scss/variables.scss
index 33a4d18..940b3fd 100644
--- a/static/scss/variables.scss
+++ b/static/scss/variables.scss
@@ -2,11 +2,13 @@
 // Used by links, buttons, and other background bits.
 $brand-primary: #1f6400;
 $background-filter: hsla(207, 60%, 85%, 1.0);
+$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
 
 /* TEXT */
 $font-family-sans-serif:  'Montserrat', Arial, sans-serif;
 $font-family-serif:       Georgia, "Times New Roman", Times, serif;
 $font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+$font-size-base:          15px;
 $headings-line-height: 1.0;