hnasheralneam/profile-site
1
0
Fork 0
mirror of https://github.com/hnasheralneam/hnasheralneam.github.io.git synced 2024-11-06 15:45:54 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Working on it!

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Images/peas.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4 MiB

3
index.html
View file

@ -31,7 +31,8 @@
<div class="text">
<br>
<!-- 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 class="block" id="coming-soon">

4
main.js
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") {
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";
}

47
styles.css
View file

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