john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
tractatus/public
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
..
.well-known security: comprehensive security audit and hardening 2025-10-10 05:34:40 +13:00
about style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
admin style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
css feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
demos style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
downloads docs: regenerate PDFs and update documentation metadata 2025-10-14 10:53:48 +13:00
fonts fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
images feat(interactive): add clickable central core and improve desktop layout 2025-10-19 16:37:27 +13:00
js feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
koha fix(a11y): improve text contrast on koha transparency page 2025-10-19 14:07:38 +13:00
locales fix(i18n): resolve footer translation keys showing on non-homepage pages 2025-10-19 14:49:17 +13:00
about.html feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
api-reference.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
architecture.html feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
blog-post.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
blog.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
case-submission.html fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
check-version.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
docs-viewer.html feat(phase3): add code snippet copy buttons and collapsible TOC 2025-10-19 15:27:33 +13:00
docs.html perf(docs): fix CLS and improve accessibility across pages 2025-10-19 14:04:33 +13:00
faq.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
favicon-new.svg fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
favicon.ico feat: implement Rule Manager and Project Manager admin systems 2025-10-11 17:16:51 +13:00
favicon.svg feat: comprehensive documentation improvements and GitHub integration 2025-10-09 14:33:14 +13:00
implementer.html feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
index.html feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
koha.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
leader.html feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
manifest.json style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
media-inquiry.html fix(csp): clean all public-facing pages - 75 violations fixed (66%) 2025-10-19 13:17:50 +13:00
media-triage-transparency.html style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
privacy.html fix(i18n): add cache-busting version strings to privacy page scripts 2025-10-19 14:56:25 +13:00
researcher.html feat(phase3): implement smooth page transitions with fade effect 2025-10-19 20:44:25 +13:00
service-worker.js style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00
version.json style(ui): update theme, branding, and GitHub repository links 2025-10-19 12:48:29 +13:00