minor tweaks and polish
All checks were successful
renovate / renovate (push) Successful in 1m11s
test-build / build (push) Successful in 1m36s

This commit is contained in:
2025-07-21 20:58:34 -05:00
parent f83fe98b38
commit 17afce6710
9 changed files with 41 additions and 908 deletions

View File

@@ -117,32 +117,6 @@ const { post, nextPost, prevPost } = Astro.props;
<script>
document.addEventListener('astro:page-load', () => {
// Show button when scrolled down
const backToTopButton = document.getElementById('back-to-top');
if (backToTopButton) {
const toggleBackToTopButton = () => {
if (window.scrollY > 300) {
backToTopButton.classList.remove('opacity-0', 'invisible');
backToTopButton.classList.add('opacity-100', 'visible');
} else {
backToTopButton.classList.remove('opacity-100', 'visible');
backToTopButton.classList.add('opacity-0', 'invisible');
}
};
// Scroll to top when clicked
backToTopButton.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth',
});
});
// Check scroll position
window.addEventListener('scroll', toggleBackToTopButton);
toggleBackToTopButton();
}
// Add smooth reveal animations for content after loading
const animateContent = () => {
// Animate hero section
@@ -258,24 +232,6 @@ const { post, nextPost, prevPost } = Astro.props;
</script>
<style>
/* Content reveal animations */
.hero-text h1,
.hero-text span,
.hero-text p,
.hero-text ~ div,
article.group {
opacity: 0;
transform: translateY(20px);
transition:
opacity 0.8s ease,
transform 0.8s ease;
}
.animate-reveal {
opacity: 1 !important;
transform: translateY(0) !important;
}
/* Language badge styling */
.language-badge {
font-family:
@@ -296,7 +252,7 @@ const { post, nextPost, prevPost } = Astro.props;
}
}
/* Enhanced typography for blog content - Responsive adjustments */
/* Typography for blog content */
.prose {
@reference text-zinc-800 dark:text-zinc-200;
}