- +
Gold Rush
A simple incremental game made with JavaScript
You can play it here, or download the app here. You can find the GitHub repository here.
@@ -27,24 +27,30 @@diff --git a/Images/cheese.png b/Images/cheese.png new file mode 100644 index 0000000..de09ddc Binary files /dev/null and b/Images/cheese.png differ diff --git a/Images/lamp-post.png b/Images/lamp-post.png new file mode 100644 index 0000000..2cc0f67 Binary files /dev/null and b/Images/lamp-post.png differ diff --git a/Images/library-1.png b/Images/library-1.png new file mode 100644 index 0000000..8650f06 Binary files /dev/null and b/Images/library-1.png differ diff --git a/Images/library-2.png b/Images/library-2.png new file mode 100644 index 0000000..b888b2f Binary files /dev/null and b/Images/library-2.png differ diff --git a/Images/library-3.png b/Images/library-3.png new file mode 100644 index 0000000..3fd1616 Binary files /dev/null and b/Images/library-3.png differ diff --git a/Images/style.png b/Images/style.png new file mode 100644 index 0000000..c1fe45b Binary files /dev/null and b/Images/style.png differ diff --git a/index.html b/index.html index 3a4e453..e658588 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@
You can play it here, or download the app here. You can find the GitHub repository here.
@@ -27,24 +27,30 @@You can find the GitHub repository here.
You can find the GitHub repository here.
You can find the GitHub repository here.
You can find the GitHub repository here.
diff --git a/styles.css b/styles.css index d26559b..0ffeb40 100644 --- a/styles.css +++ b/styles.css @@ -7,7 +7,6 @@ body { background-color: whitesmoke; padding: 0; margin: 0; - overflow-x: hidden; overflow-y: scroll; scroll-snap-type: y mandatory; } @@ -127,18 +126,74 @@ Project Contents Other ==================================================*/ -#gold-rush-icon { +@keyframes heavenly-glow { + 0% { + box-shadow: none; + } + 50% { + box-shadow: 5px 5px 5px whitesmoke, + 5px -5px 5px whitesmoke, + -5px 5px 5px whitesmoke, + -5px -5px 5px whitesmoke; + } + 100% { + box-shadow: none; + } +} + +@keyframes darkness-grows { + 0% { + box-shadow: none; + } + 50% { + box-shadow: 5px 5px 5px #262626, + 5px -5px 5px #262626, + -5px 5px 5px #262626, + -5px -5px 5px #262626; + } + 100% { + box-shadow: none; + } +} + +/*================================================== +Display Images +==================================================*/ + +.display-image-dark { width: 150px; position: absolute; bottom: 30px; right: 60px; border-radius: 50%; - transition: all .8s; + animation: darkness-grows 3s infinite; } -#gold-rush-icon:hover { - box-shadow: 5px 5px 5px whitesmoke, - 5px -5px 5px whitesmoke, - -5px 5px 5px whitesmoke, - -5px -5px 5px whitesmoke; +.display-image-light { + width: 150px; + height: 150px; + position: absolute; + bottom: 30px; + right: 60px; + border-radius: 50%; + animation: heavenly-glow 3s infinite; +} + +#schoolarly-bay img:nth-child(2) { + bottom: 20%; + left: 20%; + width: 175px; + height: 175px; +} + +#schoolarly-bay img:nth-child(3) { + bottom: 20%; + left: 20%; +} + +#schoolarly-bay img:nth-child(4) { + bottom: 20%; + left: 20%; + width: 125px; + height: 125px; }