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

Indicator hover and click to page!

Browse source
This commit is contained in:
Squirrel-314 2021-01-15 14:52:34 -05:00
parent 999e44f1da
commit b75982f531
3 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -23,9 +23,9 @@
<span class="arrow">&#10230;</span> <span class="arrow">&#10230;</span>
</div> </div>
<ul class="progress"> <ul class="progress">
<li id="meetIndicator"></li> <li id="meetIndicator" onclick="ind('meet')"></li>
<li id="vegetable-dashIndicator"></li> <li id="vegetable-dashIndicator" onclick="ind('vegetable-dash')"></li>
<li id="coming-soonIndicator"></li> <li id="coming-soonIndicator" onclick="ind('coming-soon')"></li>
</ul> </ul>
</div> </div>
<!-- Vegetable Dash --> <!-- Vegetable Dash -->

14
main.js
View file

@ -67,7 +67,19 @@ function where() {
} }
} }
// Like carousel show progress function ind(page) {
document.location = "#" + page;
pageLocation = page;
buttonVisiblility();
}
// Transparent text moving background // Transparent text moving background
/* Links */ /* Links */

4
styles.css
View file

@ -124,6 +124,10 @@ Common Classes
0 0 2.5px #262626; 0 0 2.5px #262626;
} }
.progress li:hover {
transform: scale(1.2);
}
#meetIndicator { #meetIndicator {
background-color: #262626; background-color: #262626;
} }