diff --git a/content/assets/scripts/cammie.coffee b/content/assets/scripts/cammie.coffee index 4896afa..cfb7288 100644 --- a/content/assets/scripts/cammie.coffee +++ b/content/assets/scripts/cammie.coffee @@ -13,7 +13,7 @@ debounce = (func, wait, initial = () -> ) -> initial.apply context, args if callNow # Display controls when moving mouse -$ "#cammie-body" +$ "#cammie-ctrls" .mousemove debounce () -> $ this .removeClass 'display' diff --git a/content/assets/stylesheets/includes/cammie.scss b/content/assets/stylesheets/includes/cammie.scss index 8450183..0c82ffa 100644 --- a/content/assets/stylesheets/includes/cammie.scss +++ b/content/assets/stylesheets/includes/cammie.scss @@ -20,49 +20,52 @@ position: relative; height: 100%; #cammie-body { - display: flex; - justify-content: space-between; - flex-direction: column; - position: relative; height: 100%; - - transition: opacity 1s ease-in-out; - opacity: 0; - - &.display { - transition: opacity .5s ease-in-out; - opacity: 1; - } - - .ctrl { - - background-color: $cammie-controls-color; - color: white; - &:hover { - background-color: $zeus_orange; - cursor: pointer; - } - } - - .row { + #cammie-ctrls { display: flex; justify-content: space-between; + flex-direction: column; + position: relative; + height: 100%; - // Space rows - &.top-row, &.middle-row, &.bottom-row { - flex-basis: 0; - } - &.top-row, &.bottom-row { - flex-grow: 1; + transition: opacity 1s ease-in-out; + opacity: 0; + + &.display { + transition: opacity .5s ease-in-out; + opacity: 1; } - &.middle-row { - flex-grow: 8; + .ctrl { + + background-color: $cammie-controls-color; + color: white; + &:hover { + background-color: $zeus_orange; + cursor: pointer; + } } - // Enlarge middle column - .center { - flex-grow: 8; + .row { + display: flex; + justify-content: space-between; + + // Space rows + &.top-row, &.middle-row, &.bottom-row { + flex-basis: 0; + } + &.top-row, &.bottom-row { + flex-grow: 1; + } + + &.middle-row { + flex-grow: 8; + } + + // Enlarge middle column + .center { + flex-grow: 8; + } } } } diff --git a/content/cammie.erb b/content/cammie.erb index 2025de2..96addc2 100644 --- a/content/cammie.erb +++ b/content/cammie.erb @@ -30,36 +30,38 @@ title: Cammie -->
-
-
- diag up left +
+
+
+ diag up left +
+
+ up +
+
+ diag up right +
-
- up -
-
- diag up right -
-
-
-
- left +
+
+ left +
+
 
+
+ right +
-
 
-
- right -
-
-
-
- diag down left -
-
- down -
-
- diag down right +
+
+ diag down left +
+
+ down +
+
+ diag down right +