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 @@

- +

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 @@

+

Incremental

A simple incremental game template made with JavaScript, set up as a four lesson class. Please feel free to copy the code, but I'd rather you changed the theme.

You can find the GitHub repository here.


+

Style

Here we do things in style! Check out the nice CSS effects and apply them to your own websites!

You can find the GitHub repository here.


+

Hillside Township

Ours homes all have a place in our heart-and sometimes on the web! I'D LIKE TO MAKE IT ABSOLUTLY CLEAR THIS IS NOT THE NEW JERSEY HILLSIDE TOWNSHIP THIS ONE IS BETTER AND HAS A BETTER FAVICON. Now that I've made that clear, my friend and I made a website for our town.

You can find the GitHub repository here.


+ + +

The Schoolarly Bay

Scientific research papers! Publish research papers, read research papers, get paper cuts on research papers! Research papers for all!

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; }