xxxxxxxxxx
// install in windows using powershell (from official website)
iwr https://get.pnpm.io/install.ps1 -useb | iex
xxxxxxxxxx
(Invoke-WebRequest 'https://get.pnpm.io/v6.16.js' -UseBasicParsing).Content | node - add --global pnpm
xxxxxxxxxx
# bash
wget -qO- https://get.pnpm.io/install.sh | ENV="$HOME/.bashrc" SHELL="$(which bash)" bash -
# sh
wget -qO- https://get.pnpm.io/install.sh | ENV="$HOME/.shrc" SHELL="$(which sh)" sh -
# dash
wget -qO- https://get.pnpm.io/install.sh | ENV="$HOME/.dashrc" SHELL="$(which dash)" dash -
xxxxxxxxxx
useEffect(() => {
const handleScroll = () => {
setShowResources(false);
};
const handleScroll = () => {
if (window.scrollY > 50) {
setShowResources(false);
}
};
window.addEventListener('scroll', handleScroll);
return () => {
window.removeEventListener('scroll', handleScroll);
};
}, []);
xxxxxxxxxx
<section className='resources transition-all duration-1000 ease-out opacity-0 translate-y-[-10px]'>
content here
</section>
globals.css
.resources {
animation: slideDown 0.5s ease-in-out forwards;
}
@keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}