Adds a faded hills too
This commit is contained in:
Christopher Neugebauer
parent
a6d0e30f3b
commit
abebad0ef7
5 changed files with 277 additions and 7 deletions
|
|
@ -21,7 +21,9 @@
|
||||||
|
|
||||||
<div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
|
<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">
|
<section id="content_body">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
|
||||||
|
|
@ -15,7 +15,7 @@
|
||||||
|
|
||||||
<div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
|
<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">
|
<div class="container homepage-block-content">
|
||||||
|
|
||||||
|
|
|
||||||
263
static/images/hills-footer.svg
Normal file
263
static/images/hills-footer.svg
Normal file
|
|
@ -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>
|
||||||
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -164,8 +164,7 @@ body.auth .panel-heading .panel-title span.pull-right {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#hills {
|
.hills {
|
||||||
background: url("../images/hills.svg");
|
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
background-position: bottom;
|
background-position: bottom;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
@ -175,6 +174,12 @@ body.auth .panel-heading .panel-title span.pull-right {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: -9999;
|
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");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/* COLORS */
|
/* COLORS */
|
||||||
// Used by links, buttons, and other background bits.
|
// 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: hsla(207, 60%, 85%, 1.0);
|
||||||
$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
|
$background-filter-transparent: change-color($background-filter, $alpha: 0.5);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue