ben.burlingham
/
number-munchers
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor style and behavior upates.

Browse Source
master
Ben Burlingham 9 years ago
parent dbabb98481
commit 3ec2631824
10 changed files with 24 additions and 13 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 21
      bundle.js
  2. 2
      controllers/board/muncher.controller.js
  3. 2
      controllers/options/options.controller.js
  4. 1
      index.html
  5. 2
      sass/board/board.scss
  6. 1
      sass/high-score/high-score.scss
  7. 2
      sass/options/options.scss
  8. 1
      sass/reset.scss
  9. 3
      sass/welcome/welcome.scss
  10. 2
      style.css

21
bundle.js
View File

File diff suppressed because one or more lines are too long

2
controllers/board/muncher.controller.js
Unescape View File

@ -12,6 +12,8 @@ const MuncherCtrl = {
setDispatch: d => dispatch = d,
move: (e) => {
e.preventDefault();
switch (e.keyCode) {
case 37:
if (x !== 0) {

2
controllers/options/options.controller.js
Unescape View File

@ -22,6 +22,8 @@ const OptionsCtrl = {
},
keyListener(e) {
e.preventDefault();
if (e.keyCode === 32 || e.keyCode === 13) {
let model;
switch (selected) {

1
index.html
Unescape View File

@ -5,6 +5,7 @@
<title>Number Munchers</title>
<script src="react-0.14.7.js"></script>
<script src="react-dom-0.14.7.js"></script>
<script type="text/javascript" src='../core/js/ui.js'></script>
<link rel="stylesheet" href="./style.css"></link>
</head>

2
sass/board/board.scss
Unescape View File

@ -1,5 +1,7 @@
.board {
font-family:Emulogic;
margin:0 auto;
padding-bottom:50px;
position:relative;
width:600px;

1
sass/high-score/high-score.scss
Unescape View File

@ -1,6 +1,7 @@
.high-score {
$w: 350px;
font-family:Emulogic;
padding:20px;
text-align:center;

2
sass/options/options.scss
Unescape View File

@ -1,6 +1,8 @@
.options {
$w: 600px;
font-family:Emulogic;
margin:0 auto;
padding:50px;
.line {

1
sass/reset.scss
Unescape View File

@ -1,7 +1,6 @@
* {
box-sizing:border-box;
color:#fff;
font-family:Emulogic;
margin: 0;
padding: 0;
}

3
sass/welcome/welcome.scss
Unescape View File

@ -2,6 +2,7 @@
$fs: 14px;
$w: 400px;
font-family:Emulogic;
padding:20px;
text-align:center;
@ -13,12 +14,12 @@
font-size:14px;
line-height:70px;
margin:0 auto;
width: $w;
}
hr {
border:0;
border-top:1px solid #ccc;
display:inline-block;
margin:20px auto;
width: $w;
}

2
style.css
Unescape View File

@ -1 +1 @@
.scorebar{font-size:0;height:70px;line-height:50px;margin:0 auto;width:600px}.scorebar .item{display:inline-block;font-size:13px;height:70px;line-height:70px;vertical-align:top}.scorebar .current-score{width:30%}.scorebar .high-score{text-align:center;width:40%}.scorebar .lives{text-align:right;width:30%}.scorebar .life{background:lime;display:inline-block;height:36px;margin-left:10px;vertical-align:middle;width:36px}.titlebar{font-size:13px;height:40px;line-height:40px;text-align:center}.grid{height:500px;overflow:hidden;position:relative;width:600px;z-index:0}.grid .cell{border:1px solid purple;height:100px;line-height:100px;position:absolute;text-align:center;width:100px}.message{background:#fff;border:1px solid #000;font-size:14px;line-height:40px;margin:150px 5%;padding:30px;position:absolute;text-align:center;width:90%;z-index:1000}.message,.message *{cursor:default}.message.hidden{opacity:0}.muncher{background:aqua;height:100px;margin-top:110px;opacity:.5;position:absolute;width:100px}.muncher.active{border:10px solid purple}.troggle{background:crimson;height:100px;margin-top:110px;opacity:.5;position:absolute;width:100px}.board{margin:0 auto;position:relative;width:600px}.board .x-1{left:-100px}.board .y-1{top:-100px}.board .x0{left:0}.board .y0{top:0}.board .x1{left:100px}.board .y1{top:100px}.board .x2{left:200px}.board .y2{top:200px}.board .x3{left:300px}.board .y3{top:300px}.board .x4{left:400px}.board .y4{top:400px}.board .x5{left:500px}.board .y5{top:500px}.board .x6{left:600px}.board .y6{top:600px}.board .x7{left:700px}.board .y7{top:700px}.highscores{font-size:0}.highscores .entry{font-size:16px;line-height:40px}.highscores .rank{display:inline-block;text-align:left;width:50px}.highscores .initials{display:inline-block;width:100px}.highscores .score{display:inline-block;text-align:right;width:200px}.welcome{padding:20px;text-align:center}.welcome img{width:350px}.welcome .highscores{margin:0 auto;width:350px}.welcome .newgame{margin:20px 0;transition:opacity .1s ease}.welcome .newgame.hidden{opacity:.5}*{box-sizing:border-box;font-family:Emulogic;margin:0;outline:none;padding:0}
.welcome{font-family:Emulogic;padding:20px;text-align:center}.welcome img{width:400px}.welcome .line{font-size:14px;line-height:70px;margin:0 auto}.welcome hr{border:0;border-top:1px solid #ccc;display:inline-block;margin:20px auto;width:400px}.welcome .entry{font-size:16px;line-height:40px}.welcome .rank{display:inline-block;text-align:left;width:50px}.welcome .initials{display:inline-block;width:100px}.welcome .score{display:inline-block;text-align:right;width:200px}.high-score{font-family:Emulogic;padding:20px;text-align:center}.high-score img{width:350px}.high-score .line{line-height:50px;margin:0 auto;width:350px}.high-score .initial{display:inline-block}.options{font-family:Emulogic;margin:0 auto;padding:50px}.options .line{line-height:50px;margin:5px auto;text-align:center;width:600px}.options hr{border:0;border-top:1px solid #ccc;margin:40px auto;width:600px}.options .option{border:1px solid #fff;height:50px;line-height:50px;margin:5px auto;text-align:center;width:600px}.options .selected{background:#0d0;border-color:#0d0}.scorebar{font-size:0;height:70px;line-height:50px;margin:0 auto;width:600px}.scorebar .item{display:inline-block;font-size:13px;height:70px;line-height:70px;vertical-align:top}.scorebar .currentscore{width:35%}.scorebar .highscore{text-align:center;width:30%}.scorebar .lives{text-align:right;width:35%}.scorebar .life{background:url(res/muncher-mini.png);display:inline-block;height:30px;margin-left:5px;vertical-align:middle;width:30px}.titlebar{font-size:13px;height:40px;line-height:40px;text-align:center}.grid{height:500px;overflow:hidden;position:relative;width:600px;z-index:0}.grid .cell{border:1px solid purple;font-size:14px;height:100px;line-height:100px;position:absolute;text-align:center;width:100px}.message{background:#000;border:1px solid #fff;font-size:14px;line-height:40px;margin:150px 5%;padding:30px;position:absolute;text-align:center;width:90%;z-index:1000}.message,.message *{cursor:default}.message.hidden{opacity:0}.muncher{background:url(res/muncher.png);height:100px;margin-top:110px;position:absolute;width:100px}.muncher.active{border:10px solid purple}.troggles{height:500px;left:50%;margin-left:-300px;overflow:hidden;position:absolute;top:110px;width:600px;z-index:0}.troggles .troggle{background:url(res/troggle.png);height:100px;position:absolute;transition:left .3s,top .3s;width:100px}.board{font-family:Emulogic;margin:0 auto;padding-bottom:50px;position:relative;width:600px}.board .x-1{left:-100px}.board .y-1{top:-100px}.board .x0{left:0}.board .y0{top:0}.board .x1{left:100px}.board .y1{top:100px}.board .x2{left:200px}.board .y2{top:200px}.board .x3{left:300px}.board .y3{top:300px}.board .x4{left:400px}.board .y4{top:400px}.board .x5{left:500px}.board .y5{top:500px}.board .x6{left:600px}.board .y6{top:600px}.board .x7{left:700px}.board .y7{top:700px}*{box-sizing:border-box;color:#fff;margin:0;padding:0}body{background:#000}@keyframes blink{50%{opacity:.6}}@-webkit-keyframes blink{50%{opacity:.6}}.blink{animation:blink 1s step-start 0s infinite;-webkit-animation:blink 1s step-start 0s infinite}
Write Preview
Loading…
Cancel
Save