diff --git a/Images/peas.gif b/Images/peas.gif new file mode 100644 index 0000000..c23181f Binary files /dev/null and b/Images/peas.gif differ diff --git a/index.html b/index.html index 6d48807..d87369b 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,8 @@

-

Vegetable Dash!

+

Vegetable Dash!

+

My newest and greatest JavaScript browser game! With all the high quality MS Paint images you could ever wish for, this game is simply fabulous! You can play the game here, or visit the GitHub repository here!

diff --git a/main.js b/main.js index a8010f9..9b9f558 100644 --- a/main.js +++ b/main.js @@ -8,13 +8,13 @@ function next() { if (window.location.href == "https://meetsquirrel.github.io/index.html" || "file:///D:/Documents/GitHub/meetsquirrel.github.io/index.html#meet") { document.location = "#vegetable-dash"; } - if (window.location.href == "https://meetsquirrel.github.io/index.html#vegetable-dash") { + if (window.location.href == "https://meetsquirrel.github.io/#vegetable-dash") { document.location = "#coming-soon"; } } function last() { - if (window.location.href == "https://meetsquirrel.github.io/index.html#vegetable-dash") { + if (window.location.href == "https://meetsquirrel.github.io/#vegetable-dash") { document.location = "#meet"; backButton.style.opacity = "0"; } diff --git a/styles.css b/styles.css index f21dc7b..94bbd9d 100644 --- a/styles.css +++ b/styles.css @@ -196,11 +196,54 @@ Landing Vegetable Dash ==================================================*/ +/* Opening Animation */ + +.meet-vegetable { + text-shadow: 0 0 2px #262626; +} +/* +.meet-vegetable { + border: 2px solid tomato; + background: none; + color: tomato; + padding: 20px 40px; + font-size: 25px; + text-transform: uppercase; + cursor: pointer; + transition: all 0.5s; + position: relative; + overflow: hidden; +} + +.meet-vegetable:hover { + color: #fff; +} + +.meet-vegetable:before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: tomato; + z-index: -1; + border-radius: 0 0 50% 50%; + height: 0%; + transition: all 0.8s; +} */ + +.meet-vegetable:hover:before { + height: 190%; +} +/* General Information */ - - +.about-vegetable { + margin: 50px; + font-size: 120%; +} /*================================================== Main Sectors