Changeset - abebad0ef7f1
[Not reviewed]
0 4 1
Christopher Neugebauer - 4 years ago 2017-08-13 02:43:28
chrisjrn@gmail.com
Adds a faded hills too
5 files changed with 277 insertions and 7 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/site_base.html
Show inline comments
...
 
@@ -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">
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -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">
 

	
static/images/hills-footer.svg
Show inline comments
 
new file 100644
 
<?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>
static/scss/custom.scss
Show inline comments
...
 
@@ -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");
 
  }
 
}
static/scss/variables.scss
Show inline comments
 
/* 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);
 

	
0 comments (0 inline, 0 general)