From abebad0ef7f12f0e2e07969315db16a10b058dfe Mon Sep 17 00:00:00 2001
From: Christopher Neugebauer <chrisjrn@gmail.com>
Date: Sat, 12 Aug 2017 19:43:28 -0700
Subject: [PATCH] Adds a faded hills too

---
 pinaxcon/templates/site_base.html             |   4 +-
 pinaxcon/templates/static_pages/homepage.html |   2 +-
 static/images/hills-footer.svg                | 263 ++++++++++++++++++
 static/scss/custom.scss                       |  13 +-
 static/scss/variables.scss                    |   2 +-
 5 files changed, 277 insertions(+), 7 deletions(-)
 create mode 100644 static/images/hills-footer.svg

diff --git a/pinaxcon/templates/site_base.html b/pinaxcon/templates/site_base.html
index ac912a8..bf65c2a 100644
--- a/pinaxcon/templates/site_base.html
+++ b/pinaxcon/templates/site_base.html
@@ -21,7 +21,9 @@
 
   <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 
-  <div id="hills"></div>
+  <div id="background-filter">
+
+  <div class="hills footer"></div>
 
     <section id="content_body">
         <div class="container">
diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 2807883..0c91259 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -15,7 +15,7 @@
 
     <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 
-    <div id="hills"></div>
+    <div class="hills main"></div>
 
     <div class="container homepage-block-content">
 
diff --git a/static/images/hills-footer.svg b/static/images/hills-footer.svg
new file mode 100644
index 0000000..c7e9348
--- /dev/null
+++ b/static/images/hills-footer.svg
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="80.292168mm"
+   height="40.067833mm"
+   viewBox="0 0 284.49982 141.97264"
+   id="svg4324"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="hills-footer.svg">
+  <defs
+     id="defs4326">
+    <linearGradient
+       id="linearGradient6747">
+      <stop
+         id="stop6749"
+         offset="0"
+         style="stop-color:#3c9c00;stop-opacity:1" />
+      <stop
+         id="stop6751"
+         offset="1"
+         style="stop-color:#309600;stop-opacity:1;" />
+    </linearGradient>
+    <clipPath
+       id="clipPath3055"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         id="path3057"
+         d="M 0,0 487,0 487,172 0,172 0,0 Z"
+         inkscape:connector-curvature="0" />
+    </clipPath>
+    <linearGradient
+       id="linearGradient2795">
+      <stop
+         style="stop-color:#b8b8b8;stop-opacity:0.49803922;"
+         offset="0"
+         id="stop2797" />
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0;"
+         offset="1"
+         id="stop2799" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient2787">
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0.5;"
+         offset="0"
+         id="stop2789" />
+      <stop
+         style="stop-color:#7f7f7f;stop-opacity:0;"
+         offset="1"
+         id="stop2791" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3676">
+      <stop
+         style="stop-color:#b2b2b2;stop-opacity:0.5;"
+         offset="0"
+         id="stop3678" />
+      <stop
+         style="stop-color:#b3b3b3;stop-opacity:0;"
+         offset="1"
+         id="stop3680" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3236">
+      <stop
+         style="stop-color:#f4f4f4;stop-opacity:1"
+         offset="0"
+         id="stop3244" />
+      <stop
+         style="stop-color:white;stop-opacity:1"
+         offset="1"
+         id="stop3240" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4671">
+      <stop
+         style="stop-color:#ffd43b;stop-opacity:1;"
+         offset="0"
+         id="stop4673" />
+      <stop
+         style="stop-color:#ffe873;stop-opacity:1"
+         offset="1"
+         id="stop4675" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4689">
+      <stop
+         style="stop-color:#4abf00;stop-opacity:1;"
+         offset="0"
+         id="stop4691" />
+      <stop
+         style="stop-color:#309600;stop-opacity:1;"
+         offset="1"
+         id="stop4693" />
+    </linearGradient>
+    <linearGradient
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717"
+       id="linearGradient2987"
+       xlink:href="#linearGradient4671"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)" />
+    <linearGradient
+       x1="172.94208"
+       y1="77.475983"
+       x2="26.670298"
+       y2="76.313133"
+       id="linearGradient2990"
+       xlink:href="#linearGradient4689"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(100.2702,99.61116)" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4671"
+       id="linearGradient2255"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"
+       x1="224.23996"
+       y1="144.75717"
+       x2="-65.308502"
+       y2="144.75717" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient2258"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.562541,0,0,0.567972,-11.5974,-7.60954)"
+       x1="172.94208"
+       y1="76.176224"
+       x2="26.670298"
+       y2="76.313133" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2795"
+       id="radialGradient2801"
+       cx="61.518883"
+       cy="132.28575"
+       fx="61.518883"
+       fy="132.28575"
+       r="29.036913"
+       gradientTransform="matrix(1,0,0,0.177966,0,108.7434)"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4689"
+       id="linearGradient1478"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2438035,1.2438035,-1.2562584,1.2562584,-38.494319,-132.72918)"
+       x1="78.698265"
+       y1="63.044083"
+       x2="135.66525"
+       y2="114.39767" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2795"
+       id="radialGradient1480"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.382716e-8,-0.296405,1.43676,4.683673e-7,-128.544,150.5202)"
+       cx="61.518883"
+       cy="132.28575"
+       fx="61.518883"
+       fy="132.28575"
+       r="29.036913" />
+    <linearGradient
+       id="linearGradient4125">
+      <stop
+         style="stop-color:#000080;stop-opacity:0.28456914;"
+         offset="0"
+         id="stop4127" />
+      <stop
+         style="stop-color:#000080;stop-opacity:0;"
+         offset="1"
+         id="stop4129" />
+    </linearGradient>
+    <inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18107 : 1"
+       inkscape:vp_y="0 : 999.99992 : 0"
+       inkscape:vp_z="744.09451 : 526.18108 : 1"
+       inkscape:persp3d-origin="372.04725 : 350.78738 : 1"
+       id="perspective3015" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.755"
+     inkscape:cx="77.609054"
+     inkscape:cy="88.326441"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     borderlayer="true"
+     inkscape:window-width="1440"
+     inkscape:window-height="803"
+     inkscape:window-x="0"
+     inkscape:window-y="1"
+     inkscape:window-maximized="1"
+     inkscape:snap-page="true" />
+  <metadata
+     id="metadata4329">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(224.79828,58.616302)">
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:url(#linearGradient1478);fill-opacity:1;stroke:#4d4d4d;stroke-width:2.86982584;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.50980395"
+       d="M 26.319975,8.1684509 C 16.23566,8.3197369 8.0676302,13.914623 -1.0240814,23.006346 l -27.7767806,27.711751 57.10057,56.540053 20.77709,0 c 12.179209,0 22.076871,-9.39127 22.895827,-21.355541 l 0,-54.576017 C 67.750124,27.883811 63.552614,24.693069 59.444044,21.820293 45.606272,12.139027 35.217905,8.0349699 26.319975,8.1684509 Z M -90.856361,14.9372 c -9.641009,0.06509 -19.732399,2.901519 -29.655619,8.990624 -6.44634,3.942923 -138.46214,80.136106 -143.67001,83.961266 l 130.58667,-0.49452 c 12.71898,-0.0482 5.96268,-0.13642 18.68175,-0.13642 l 137.868226,0 L -31.159503,53.141757 -53.407375,30.893879 C -63.637369,20.663891 -76.765655,14.842093 -90.856361,14.9372 Z M 28.763816,29.30651 c 4.065372,-0.0396 8.119552,1.467353 11.192321,4.540156 6.123588,6.1236 6.040627,16.209442 -0.210761,22.460864 -6.229255,6.229256 -16.270018,6.26708 -22.393606,0.143492 -6.145538,-6.145549 -6.08798,-16.162125 0.141252,-22.391369 3.1257,-3.125711 7.205422,-4.713551 11.270794,-4.753143 z"
+       id="path1948"
+       inkscape:export-filename="/Users/chrisjrn/Desktop/nbp-logo-2"
+       inkscape:export-xdpi="187.72"
+       inkscape:export-ydpi="187.72"
+       sodipodi:nodetypes="scccscccssccssccssssssss" />
+    <rect
+       style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#333333;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:30;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       id="rect4168"
+       width="79.772079"
+       height="72.36467"
+       x="-394.02905"
+       y="-63.082413" />
+    <path
+       sodipodi:nodetypes="scccscccssccssccssssssss"
+       inkscape:export-ydpi="187.72"
+       inkscape:export-xdpi="187.72"
+       inkscape:export-filename="/Users/chrisjrn/Desktop/nbp-logo-2"
+       id="path4170"
+       d="M 26.319975,8.1684506 C 16.23566,8.3197366 8.0676304,13.914623 -1.0240816,23.006346 l -27.7767804,27.711751 57.10057,56.540053 20.77709,0 c 12.17921,0 22.07687,-9.391273 22.89583,-21.355541 l 0,-54.576017 c -4.2225,-3.442781 -8.42001,-6.633523 -12.52858,-9.506299 C 45.606272,12.139027 35.217905,8.0349696 26.319975,8.1684506 Z M -90.856361,14.9372 c -9.641009,0.06509 -19.732399,2.901519 -29.655619,8.990624 -6.44634,3.942923 -138.46214,80.136106 -143.67001,83.961266 l 130.58667,-0.49452 c 12.71898,-0.0482 5.96268,-0.13642 18.68175,-0.13642 l 137.868226,0 L -31.159503,53.141757 -53.407375,30.893879 C -63.637369,20.663891 -76.765655,14.842093 -90.856361,14.9372 Z M 28.763816,29.30651 c 4.065372,-0.0396 8.119552,1.467353 11.192321,4.540156 6.123588,6.1236 6.040627,16.209442 -0.210761,22.460864 -6.229255,6.229256 -16.270018,6.26708 -22.393606,0.143492 -6.145538,-6.145549 -6.08798,-16.162125 0.141252,-22.391369 3.1257,-3.125711 7.205422,-4.713551 11.270794,-4.753143 z"
+       style="fill:#d9d9d9;fill-opacity:0.78431374;stroke:none;stroke-width:2.86982584;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.49803922"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 6d0e5dc..f27bf1f 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -164,8 +164,7 @@ body.auth .panel-heading .panel-title span.pull-right {
 }
 
 
-#hills {
-  background: url("../images/hills.svg");
+.hills {
   background-size: 100%;
   background-position: bottom;
   background-repeat: no-repeat;
@@ -175,6 +174,12 @@ body.auth .panel-heading .panel-title span.pull-right {
   bottom: 0;
   right: 0;
   z-index: -9999;
-  opacity: 0.3;
-  background-blend-mode: multiply;
+
+  &.main {
+    background-image: url("../images/hills.svg");
+  }
+
+  &.footer {
+    background-image: url("../images/hills-footer.svg");
+  }
 }
diff --git a/static/scss/variables.scss b/static/scss/variables.scss
index 8ffcd29..32635c3 100644
--- a/static/scss/variables.scss
+++ b/static/scss/variables.scss
@@ -1,6 +1,6 @@
 /* COLORS */
 // Used by links, buttons, and other background bits.
-$brand-primary: #1f6400;
+$brand-primary: darken(rgb(0, 202, 10), 20%);
 $background-filter: hsla(207, 60%, 85%, 1.0);
 $background-filter-transparent: change-color($background-filter, $alpha: 0.5);