mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-07 08:05:54 -05:00
Working on it!
This commit is contained in:
parent
00ff933ddb
commit
0abd46a7a7
4 changed files with 49 additions and 5 deletions
BIN
Images/peas.gif
Normal file
BIN
Images/peas.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 4 MiB |
|
@ -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">
|
||||||
|
|
4
main.js
4
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") {
|
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";
|
||||||
}
|
}
|
||||||
|
|
47
styles.css
47
styles.css
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue