mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-07 08:05:54 -05:00
hi
This commit is contained in:
parent
20d5fec0d9
commit
aa0b71dc26
3 changed files with 21 additions and 4 deletions
BIN
Images/gold-rush-icon.png
Normal file
BIN
Images/gold-rush-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 37 KiB |
|
@ -19,6 +19,7 @@
|
|||
<div class="project" id="gold-rush">
|
||||
<div class="content">
|
||||
<br>
|
||||
<img id="gold-rush-icon" src="Images/gold-rush-icon.png" alt="">
|
||||
<h2>Gold Rush</h2>
|
||||
<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>
|
||||
|
|
24
styles.css
24
styles.css
|
@ -44,7 +44,7 @@ nav {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 8px;
|
||||
scroll-snap-align: center;
|
||||
scroll-snap-align: start;
|
||||
box-shadow: 0 8px 15px #262626;
|
||||
}
|
||||
|
||||
|
@ -61,7 +61,7 @@ Main Sectors
|
|||
.project {
|
||||
margin: 0;
|
||||
height: 100vh;
|
||||
scroll-snap-align: center;
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
|
||||
#gold-rush {
|
||||
|
@ -104,7 +104,7 @@ Main Sectors
|
|||
width: 100%;
|
||||
background-color: whitesmoke;
|
||||
position: relative;
|
||||
scroll-snap-align: center;
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
|
||||
#personal {
|
||||
|
@ -112,7 +112,7 @@ Main Sectors
|
|||
width: 100%;
|
||||
background-color: whitesmoke;
|
||||
position: relative;
|
||||
scroll-snap-align: center;
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
|
||||
/*==================================================
|
||||
|
@ -126,3 +126,19 @@ Project Contents
|
|||
/*==================================================
|
||||
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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue