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

hi

Browse source
This commit is contained in:
Squirrel-314 2020-12-02 11:25:05 -05:00
parent 20d5fec0d9
commit aa0b71dc26
3 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Images/gold-rush-icon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 37 KiB

1
index.html
View file

@ -19,6 +19,7 @@
<div class="project" id="gold-rush"> <div class="project" id="gold-rush">
<div class="content"> <div class="content">
<br> <br>
<img id="gold-rush-icon" src="Images/gold-rush-icon.png" alt="">
<h2>Gold Rush</h2> <h2>Gold Rush</h2>
<h4>A simple incremental game made with JavaScript</h4> <h4>A simple incremental game made with JavaScript</h4>
<p>You can play it <a href="https://squirrel-314.github.io">here</a>, or download the app <a href="download-gold-rush.html">here</a>. You can find the GitHub repository <a href="https://github.com/Squirrel-314/squirrel-314.github.io">here</a>.</p> <p>You can play it <a href="https://squirrel-314.github.io">here</a>, or download the app <a href="download-gold-rush.html">here</a>. You can find the GitHub repository <a href="https://github.com/Squirrel-314/squirrel-314.github.io">here</a>.</p>

24
styles.css
View file

@ -44,7 +44,7 @@ nav {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 8px; padding: 8px;
scroll-snap-align: center; scroll-snap-align: start;
box-shadow: 0 8px 15px #262626; box-shadow: 0 8px 15px #262626;
} }
@ -61,7 +61,7 @@ Main Sectors
.project { .project {
margin: 0; margin: 0;
height: 100vh; height: 100vh;
scroll-snap-align: center; scroll-snap-align: start;
} }
#gold-rush { #gold-rush {
@ -104,7 +104,7 @@ Main Sectors
width: 100%; width: 100%;
background-color: whitesmoke; background-color: whitesmoke;
position: relative; position: relative;
scroll-snap-align: center; scroll-snap-align: start;
} }
#personal { #personal {
@ -112,7 +112,7 @@ Main Sectors
width: 100%; width: 100%;
background-color: whitesmoke; background-color: whitesmoke;
position: relative; position: relative;
scroll-snap-align: center; scroll-snap-align: start;
} }
/*================================================== /*==================================================
@ -126,3 +126,19 @@ Project Contents
/*================================================== /*==================================================
Other Other
==================================================*/ ==================================================*/
#gold-rush-icon {
width: 150px;
position: absolute;
bottom: 30px;
right: 60px;
border-radius: 50%;
transition: all .8s;
}
#gold-rush-icon:hover {
box-shadow: 5px 5px 5px whitesmoke,
5px -5px 5px whitesmoke,
-5px 5px 5px whitesmoke,
-5px -5px 5px whitesmoke;
}