neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 18:13:01 +05:30
Code Issues Wiki Activity

(refactor): separated js configs for components in /assets/js/

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-04 21:00:48 +05:30
parent 6835a31b27
commit 2df9b5c29c
4 changed files with 36 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
htdocs/index.php
View File

@@ -219,11 +219,10 @@ require './core/query_functions.php';
</div>
</div>
<?php require 'assets/_footer.php';?>
<script>
window.addEventListener("load", function(){
$('#preloader').addClass('hidden');
});
<script type="text/javascript" src="./assets/js/preloader-config.js"></script>
<script type="text/javascript" src="./assets/js/floatingbar-config.js"></script>
<script type="text/javascript">
//---hello textbox (hero-section) config
const texts = ["Namaste! 🙏", "Hello! 👋", "Konnichiwa! 😄", "Anyeonghaseyo! 😊", "Hola! 😃", "Bonjour! 😄", "Zdravstvuyte! 🙂", "Marhabaan! 😊", "Olá! 😃", "Salve! 🤠"];
const textContainer = document.getElementById("helloContainer");
@@ -238,6 +237,7 @@ require './core/query_functions.php';
}
animateText();
//---about me card hover animation config
const handleOnMouseMove = e => {
const { currentTarget: target } = e;
const rect = target.getBoundingClientRect(),
@@ -251,24 +251,6 @@ require './core/query_functions.php';
for(const card of document.querySelectorAll(".aboutcontainer")){
card.onmousemove = e => handleOnMouseMove(e);
}
let lastScrollTop = 0;
window.addEventListener("scroll", function () {
const st = window.pageYOffset || document.documentElement.scrollTop;
if (st > lastScrollTop) {
// Scrolling down
document.getElementById("floating-bar").classList.add("floatingbar-slide-down");
document.getElementById("floating-bar").classList.remove("floatingbar-slide-up");
} else {
// Scrolling up
document.getElementById("floating-bar").classList.remove("floatingbar-slide-down");
document.getElementById("floating-bar").classList.add("floatingbar-slide-up");
}
lastScrollTop = st <= 0 ? 0 : st;
});
</script>
</body>
</html>