CopyleftConf/copyleftconf-website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds a faded hills too

Browse source
This commit is contained in:
Christopher Neugebauer 2017-08-12 19:43:28 -07:00
parent a6d0e30f3b
commit abebad0ef7
5 changed files with 277 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
pinaxcon/templates/site_base.html
View file

@ -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">

2
pinaxcon/templates/static_pages/homepage.html
View file

@ -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">

263
static/images/hills-footer.svg Normal file
View 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>
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

13
static/scss/custom.scss
View file

@ -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");
}
}

2
static/scss/variables.scss
View file

@ -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);