diff --git a/index.html b/index.html
index 34eee4f..765c3a5 100644
--- a/index.html
+++ b/index.html
@@ -35,11 +35,13 @@
diff --git a/style.css b/style.css
index ae460f9..97c091c 100644
--- a/style.css
+++ b/style.css
@@ -250,9 +250,12 @@ button.right {
.elevator {
background-color: #4F8686;
- border: 2px solid white;
+ border: 1px outset slategray;
height: 46px;
z-index: 1;
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}
.elevator .directionindicator {
@@ -283,7 +286,7 @@ button.right {
width: 100%;
font-size: 15px;
text-align: center;
- color: rgba(255, 255, 255, 0.3);
+ color: rgba(255, 255, 255, 0.5);
}
.elevator .buttonindicator {
@@ -314,10 +317,18 @@ button.right {
border-bottom: 1px solid #333;
}
+.floor-info {
+ position: absolute;
+ background-color: #3F3F3F;
+ background-color: rgba(0, 0, 0, 0.3);
+ width: 35px;
+ padding: 5px 5px 0 60px;
+ height: 43px;
+ text-align: right;
+}
+
.floor .buttonindicator {
cursor: pointer;
- line-height: 50px;
- padding-left: 50px;
color: rgba(255, 255, 255, 0.2);
}
.floor .buttonindicator .activated {
@@ -325,14 +336,11 @@ button.right {
}
.floor .floornumber {
- position: absolute;
color: rgba(255, 255, 255, 0.15);
- font-size: 32px;
- line-height: 50px;
- padding-left: 10px;
+ font-size: 22px;
+ font-weight: bold;
}
-
.footer {
margin-top: 20px;
}
diff --git a/world.js b/world.js
index 3adcfa7..19cb795 100644
--- a/world.js
+++ b/world.js
@@ -14,7 +14,7 @@ var createWorldCreator = function() {
};
creator.createElevators = function(elevatorCount, floorCount, floorHeight, elevatorCapacities) {
elevatorCapacities = elevatorCapacities || [4];
- var currentX = 200.0;
+ var currentX = 100.0;
var elevators = _.map(_.range(elevatorCount), function(e, i) {
var elevator = asMovable({});
elevator = asElevator(elevator, 2.6, floorCount, floorHeight, elevatorCapacities[i%elevatorCapacities.length]);
@@ -45,7 +45,7 @@ var createWorldCreator = function() {
creator.spawnUserRandomly = function(floorCount, floorHeight, floors) {
var user = creator.createRandomUser(floorCount, floorHeight);
- user.moveTo(105+_.random(40), 0);
+ user.moveTo(5+_.random(45), 0);
var currentFloor = _.random(1) === 0 ? 0 : _.random(floorCount - 1);
var destinationFloor;
if(currentFloor === 0) {