Fixing mobile logo scaling

This commit is contained in:
Amadeus Demarzi 2014-07-27 18:19:06 -07:00
parent 95dcc213e9
commit bf52c81454
3 changed files with 45 additions and 4 deletions

View File

@ -134,12 +134,18 @@ Engine = Base.extend({
}, },
setupTessellation: function(canvas){ setupTessellation: function(canvas){
var size;
this.shapes = []; this.shapes = [];
if (window.innerWidth < 570) {
size = 300;
} else {
size = 360;
}
this.logo = new Engine.Shape( this.logo = new Engine.Shape(
-(180), -(size / 2),
-(220), -(size / 2 + 40),
360, size,
360, size,
Logo.points, Logo.points,
Logo.polygons Logo.polygons
); );

View File

@ -132,6 +132,7 @@
transform:translate3d(0,0,0); transform:translate3d(0,0,0);
} }
.animated-logo { .animated-logo {
position:absolute; position:absolute;
z-index:200; z-index:200;
@ -415,3 +416,22 @@
opacity:0; opacity:0;
} }
} }
@media (max-width: 570px) {
.tag-line {
display:none;
}
#jumbotron .jumbotron-content {
-webkit-transform:translate3d(0, 0, 0) scale(0.8);
-moz-transform:translate3d(0, 0, 0) scale(0.8);
-ms-transform:translate3d(0, 0, 0) scale(0.8);
-o-transform:translate3d(0, 0, 0) scale(0.8);
transform:translate3d(0, 0, 0) scale(0.8);
}
.animated-logo {
margin-top:-72px;
}
}

View File

@ -921,6 +921,21 @@ body.page-home #footer {
opacity: 0; opacity: 0;
} }
} }
@media (max-width: 570px) {
.tag-line {
display: none;
}
#jumbotron .jumbotron-content {
-webkit-transform: translate3d(0, 0, 0) scale(0.8);
-moz-transform: translate3d(0, 0, 0) scale(0.8);
-ms-transform: translate3d(0, 0, 0) scale(0.8);
-o-transform: translate3d(0, 0, 0) scale(0.8);
transform: translate3d(0, 0, 0) scale(0.8);
}
.animated-logo {
margin-top: -72px;
}
}
.outline-btn { .outline-btn {
background-color: transparent; background-color: transparent;
color: #ffffff; color: #ffffff;