john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
tractatus/public/js
History
TheFlow b1ddb04576 feat(phase3): implement smooth page transitions with fade effect 
SUMMARY:
Implemented Phase 3 Task 3.5: Page Transitions - smooth fade transitions
between pages for improved perceived performance and user experience.

CHANGES:

1. Created page-transitions.js (new):
   - PageTransitions class with fade out/in effects
   - Attaches to all internal links automatically
   - Excludes external links, downloads, and hash links
   - Respects Ctrl/Cmd+click for new tab behavior
   - 300ms transition duration
   - Console logging for debugging

2. Updated tractatus-theme.css:
   - Added page transition CSS section
   - body fade-in/fade-out classes
   - Respects prefers-reduced-motion for accessibility
   - Smooth 0.3s opacity transitions

3. Added script to key pages:
   - public/index.html
   - public/architecture.html
   - public/about.html
   - public/researcher.html
   - public/leader.html
   - public/implementer.html

4. Regenerated tractatus-theme.min.css with new transitions

FEATURES:
✓ Smooth fade-out when clicking internal links
✓ Fade-in on page load
✓ Maintains navbar/footer during transition
✓ Improves perceived performance
✓ Accessible (respects reduced motion preference)
✓ Doesn't break Ctrl+click or right-click

UI_TRANSFORMATION_PROJECT_PLAN.md:
✓ Phase 3 Task 3.5: Page Transitions (COMPLETED)

🤖 Generated with Claude Code (https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-19 20:44:25 +13:00
..
admin feat(admin): add publish/unpublish workflow UI to dashboard 2025-10-19 13:42:47 +13:00
components fix(interactive): fix diagram sizing (75% reduction) and improve SVG detection 2025-10-19 18:35:13 +13:00
demos feat: comprehensive accessibility improvements (WCAG 2.1 AA) 2025-10-12 07:08:40 +13:00
utils feat: add multi-currency support and privacy policy to Koha system 2025-10-08 15:17:23 +13:00
blog-post.js feat: newsletter modal and deployment script enhancements 2025-10-14 13:11:46 +13:00
blog.js feat: newsletter modal and deployment script enhancements 2025-10-14 13:11:46 +13:00
case-submission.js fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
check-version.js fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
docs-app.js fix(mobile): implement navigation toggle for document viewer 2025-10-19 12:41:48 +13:00
docs-search-enhanced.js feat: enhance FAQ for Leader audience and improve navigation 2025-10-14 10:53:47 +13:00
docs-viewer-app.js feat: fix CSP violations & implement three audience paths 2025-10-07 12:21:00 +13:00
faq.js refactor: rewrite Copilot Q&A in measured, evidence-based tone 2025-10-14 14:19:46 +13:00
i18n-simple.js feat(i18n): enhance browser language detection with clear priority logging 2025-10-19 15:01:14 +13:00
koha-donation.js feat(koha): implement Stripe Customer Portal integration 2025-10-18 22:19:08 +13:00
koha-success.js fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
koha-transparency.js feat: complete Priority 2 - Enhanced Koha Transparency Dashboard 2025-10-11 17:14:34 +13:00
leader-page.js feat: add case submission portal admin interface and i18n support 2025-10-16 14:50:47 +13:00
media-inquiry.js fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
media-triage-transparency.js feat: comprehensive accessibility improvements (WCAG 2.1 AA) 2025-10-12 07:08:40 +13:00
page-transitions.js feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
researcher-page.js feat: add case submission portal admin interface and i18n support 2025-10-16 14:50:47 +13:00
scroll-animations.js feat(phase3): implement scroll animations with Intersection Observer 2025-10-19 15:09:59 +13:00
version-manager.js fix: PWA install button UX improvements and CSP compliance 2025-10-15 08:39:47 +13:00