Working on it!

This commit is contained in:
Squirrel-314 2021-01-14 20:11:21 -05:00
parent 00ff933ddb
commit 0abd46a7a7
4 changed files with 49 additions and 5 deletions

BIN
Images/peas.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4 MiB

View file

@ -31,7 +31,8 @@
<div class="text"> <div class="text">
<br> <br>
<!-- Use diffrent animation for head --> <!-- Use diffrent animation for head -->
<h1>Vegetable Dash!</h1> <h1 class="meet-vegetable">Vegetable Dash!</h1>
<p class="about-vegetable">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 <a href="https://squirrel-314.github.io/vegetable-dash">here</a>, or visit the GitHub repository <a href="https://github.com/squirrel-314/vegetable-dash">here</a>!</p>
</div> </div>
</div> </div>
<div class="block" id="coming-soon"> <div class="block" id="coming-soon">

View file

@ -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") { if (window.location.href == "https://meetsquirrel.github.io/index.html" || "file:///D:/Documents/GitHub/meetsquirrel.github.io/index.html#meet") {
document.location = "#vegetable-dash"; 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"; document.location = "#coming-soon";
} }
} }
function last() { 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"; document.location = "#meet";
backButton.style.opacity = "0"; backButton.style.opacity = "0";
} }

View file

@ -196,11 +196,54 @@ Landing
Vegetable Dash 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 Main Sectors