diff --git a/css/pacman.css b/css/pacman.css
index dba163f..d525747 100644
--- a/css/pacman.css
+++ b/css/pacman.css
@@ -207,6 +207,21 @@ h3 {
font-style: normal;
}
+.sound {
+ position: absolute;
+}
+.sound img {
+ height: 28px;
+}
+#home .sound {
+ bottom: 0px;
+ right: 5px;
+}
+#panel .sound {
+ top: 77px;
+ right: 5px;
+}
+
.github {
position: absolute;
bottom: 0px;
@@ -216,8 +231,8 @@ h3 {
.help-button {
position: absolute;
text-align: center;
- bottom: 0px;
- right: 5px;
+ bottom: 8px;
+ right: 55px;
margin: auto;
font-size: 14px;
font-weight: bold;
@@ -272,6 +287,10 @@ h3 {
text-align: left;
}
+#sound {
+ position: absolute;
+}
+
.ui-mobile {
-webkit-touch-callout: none;
-webkit-user-select: none;
@@ -290,7 +309,7 @@ h3 {
}
@media screen and (max-width:1024px), screen and (min-device-width : 768px) and (max-device-width : 1024px) {
- #home .help-button, #panel .help-button, #home .github {
+ #home .help-button, #panel .help-button, #home .github, #sound, .sound {
display: none;
}
#panel, #home {
@@ -308,7 +327,7 @@ h3 {
#control {
display: inline;
}
- #home .help-button, #panel .help-button, #home .github {
+ #home .help-button, #panel .help-button, #home .github, #sound, .sound {
display: none;
}
h1, #canvas-panel-title-pacman {
@@ -322,7 +341,7 @@ h3 {
#control {
display: inline;
}
- h1, #canvas-panel-title-pacman, #control-up-second, #control-down-second, #home .help-button, #panel .help-button, #home .github {
+ h1, #canvas-panel-title-pacman, #control-up-second, #control-down-second, #home .help-button, #panel .help-button, #home .github, #sound, .sound {
display: none;
}
#score, #highscore {
diff --git a/img/sound-off.png b/img/sound-off.png
new file mode 100644
index 0000000..b790975
Binary files /dev/null and b/img/sound-off.png differ
diff --git a/img/sound-on.png b/img/sound-on.png
new file mode 100644
index 0000000..d4ba08a
Binary files /dev/null and b/img/sound-on.png differ
diff --git a/index.html b/index.html
index 3218012..3ac5270 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,7 @@
+
@@ -28,6 +29,7 @@
+