diff --git a/css/images/ralph.png b/css/images/ralph.png
new file mode 100644
index 00000000..1c7da579
Binary files /dev/null and b/css/images/ralph.png differ
diff --git a/css/images/snakeblock.png b/css/images/snakeblock.png
index e25b646f..9af58dd2 100644
Binary files a/css/images/snakeblock.png and b/css/images/snakeblock.png differ
diff --git a/css/snake.css b/css/snake.css
index dc80d4bb..5a1c4078 100644
--- a/css/snake.css
+++ b/css/snake.css
@@ -16,11 +16,11 @@ body {
#game-area:focus { outline: none; }
a.snake-link, a.snake-link:link, a.snake-link:visited {
- color: #FCFC54;
+ color: #000000;
}
a.snake-link:hover {
- color: #FfFf54;
+ color: #000000;
}
@@ -28,9 +28,7 @@ a.snake-link:hover {
position: absolute;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 14px;
- color: #ffffff;
text-align: center;
- background-color: #FC5454;
padding: 8px;
margin: 0px;
}
@@ -40,7 +38,7 @@ a.snake-link:hover {
padding: 0px;
background-color: #FF0000;
position: absolute;
- border: 0px solid #000080;
+ border: 0px solid #000000;
background-repeat: no-repeat;
}
@@ -55,7 +53,8 @@ a.snake-link:hover {
margin: 0px;
padding: 0px;
background-color: #FF0000;
- border: 0px solid #000080;
+ background-image: url('./images/ralph.png');
+ border: 0px solid #000000;
position: absolute;
}
@@ -63,8 +62,8 @@ a.snake-link:hover {
margin: 0px;
padding: 0px;
position: absolute;
- background-color: #0000A8;
- border: 0px solid #0000A8;
+ background-color: #000000;
+ border: 0px solid #000000;
}
.snake-game-container {
@@ -73,14 +72,14 @@ a.snake-link:hover {
border-width: 0px;
border-style: none;
zoom: 1;
- background-color: #FC5454;
+ background-color: #fff;
position: relative;
}
.snake-welcome-dialog {
padding: 8px;
margin: 0px;
- background-color: #000000;
+ background-color: #f;
color: #ffffff;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 14px;
@@ -98,7 +97,7 @@ a.snake-link:hover {
.snake-try-again-dialog {
padding: 8px;
margin: 0px;
- background-color: #000000;
+ background-color: #f;
color: #ffffff;
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 14px;
@@ -111,4 +110,7 @@ a.snake-link:hover {
margin-left: -158px;
text-align: center;
display: none;
+}
+audio {
+ display:none;
}
\ No newline at end of file
diff --git a/index.htm b/index.html
similarity index 96%
rename from index.htm
rename to index.html
index 39921570..a6f34736 100644
--- a/index.htm
+++ b/index.html
@@ -14,7 +14,7 @@
- As long as that condition is met, this app is free for you to build on and play around with.
-->
- JavaScript Snake
+ Oelsch Snake
diff --git a/js/snake.js b/js/snake.js
index 49cff031..af3a355f 100644
--- a/js/snake.js
+++ b/js/snake.js
@@ -115,7 +115,7 @@ SNAKE.Snake = SNAKE.Snake || (function() {
var me = this,
playingBoard = config.playingBoard,
myId = instanceNumber++,
- growthIncr = 5,
+ growthIncr = 6,
moveQueue = [], // a queue that holds the next moves of the snake
currentDirection = 1, // 0: up, 1: left, 2: down, 3: right
columnShift = [0, 1, 0, -1],
@@ -577,7 +577,7 @@ SNAKE.Board = SNAKE.Board || (function() {
elmAboutPanel = document.createElement("div");
elmAboutPanel.className = "snake-panel-component";
- elmAboutPanel.innerHTML = "more patorjk.com apps - source code";
+ elmAboutPanel.innerHTML = " Originally Created by patorjk.com - Modified by Dawson Diaz";
elmLengthPanel = document.createElement("div");
elmLengthPanel.className = "snake-panel-component";
@@ -624,7 +624,7 @@ SNAKE.Board = SNAKE.Board || (function() {
if (config.fullScreen) {
fullScreenText = "On Windows, press F11 to play in Full Screen mode.";
}
- welcomeTxt.innerHTML = "JavaScript SnakeUse the arrow keys on your keyboard to play the game. " + fullScreenText + "";
+ welcomeTxt.innerHTML = "Oelsch SnakeUse the arrow keys on your keyboard to play the game. " + fullScreenText + "";
var welcomeStart = document.createElement("button");
welcomeStart.appendChild( document.createTextNode("Play Game"));
@@ -656,7 +656,7 @@ SNAKE.Board = SNAKE.Board || (function() {
tmpElm.className = "snake-try-again-dialog";
var tryAgainTxt = document.createElement("div");
- tryAgainTxt.innerHTML = "JavaScript SnakeYou died :(.";
+ tryAgainTxt.innerHTML = "Oelsch SnakeYou died. Oelsch is very disappointed in you. :(";
var tryAgainStart = document.createElement("button");
tryAgainStart.appendChild( document.createTextNode("Play Again?"));
@@ -777,7 +777,7 @@ SNAKE.Board = SNAKE.Board || (function() {
cLeft = 0;
cWidth = getClientWidth()-5;
cHeight = getClientHeight()-5;
- document.body.style.backgroundColor = "#FC5454";
+ document.body.style.backgroundColor = "#f";
} else {
cTop = config.top;
cLeft = config.left;