ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding static design to homepage

This commit is contained in:
Amadeus Demarzi 2014-07-27 17:49:02 -07:00
parent 89a786c5e1
commit 6cb2bc606e
5 changed files with 77 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/source/images/logo-static.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

9
website/source/javascripts/app/Engine.Polygon.js
View File

@ -13,12 +13,12 @@ Engine.Polygon = function(a, b, c, color, strokeColor){
if (strokeColor) {
this.strokeColor = Engine.clone(strokeColor);
this.strokeWidth = 1.5;
} else {
this.strokeColor = Engine.clone(color);
this.strokeWidth = 0.25;
}
this.strokeWidth = 0.25;
this.maxStrokeS = this.strokeColor.s;
this.maxStrokeL = this.strokeColor.l;
this.maxColorL = this.color.l;
@ -59,12 +59,15 @@ Engine.Polygon.prototype = {
) {
this.color.l = this.maxColorL * (delta - this.delay) / this.duration;
this.strokeColor.s = this.color.s * (delta - this.delay) / this.duration;
this.strokeColor.s = this.maxStrokeS * (delta - this.delay) / this.duration;
this.strokeColor.l = (this.maxStrokeL - 100) * (delta - this.delay) / this.duration + 100;
this.strokeWidth = 1.5 * (delta - this.delay) / this.duration + 0.25;
if (this.color.l > this.maxColorL) {
this.color.l = this.maxColorL;
this.strokeColor.l = this.maxStrokeL;
this.strokeWidth = 1.5;
}
this.strokeStyle = this.hslaTemplate.substitute(this.strokeColor);

72
website/source/javascripts/app/Logo.js
View File

@ -623,7 +623,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -643,7 +643,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -663,7 +663,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -683,7 +683,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -703,7 +703,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -723,7 +723,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -743,7 +743,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -763,7 +763,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -783,7 +783,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -803,7 +803,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -823,7 +823,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -843,7 +843,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -863,7 +863,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -883,7 +883,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -903,7 +903,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -923,7 +923,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -943,7 +943,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -963,7 +963,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -983,7 +983,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1003,7 +1003,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1023,7 +1023,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1043,7 +1043,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1063,7 +1063,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1083,7 +1083,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1103,7 +1103,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1123,7 +1123,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1143,7 +1143,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1163,7 +1163,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1183,7 +1183,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1203,7 +1203,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1223,7 +1223,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1243,7 +1243,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1263,7 +1263,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1283,7 +1283,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1303,7 +1303,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
},
{
@ -1323,7 +1323,7 @@ var Logo = {
"h": 262.24719101123594,
"s": 60.544217687074834,
"l": 28.82352941176471,
"a": 1
"a": 0.5
}
}
]

19
website/source/stylesheets/_jumbotron.less
View File

@ -26,6 +26,25 @@
background-size:cover;
background-position:50% 50%;
}
.jumbotron-content:after {
content:'';
display:block;
position:absolute;
top:50%;
left:50%;
background:url(../images/logo-static.png);
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
width:360px;
height:360px;
margin:-204px 0 0 -180px;
}
}
.terraform-canvas {

16
website/source/stylesheets/main.css
View File

@ -607,6 +607,22 @@ body.page-home #footer {
background-size: cover;
background-position: 50% 50%;
}
#jumbotron.static .jumbotron-content:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
background: url(../images/logo-static.png);
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-ms-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
width: 360px;
height: 360px;
margin: -204px 0 0 -180px;
}
#jumbotron .terraform-canvas {
position: absolute;
top: 0;