How jony99jrn/toolsbyjrn works
Tools By JRN is a static directory for student tools, not the tools’ implementation. On page load, individual tool scripts register metadata in a shared list; the app uses that list to create searchable, category-filtered cards linking to each tool’s external site. The app also handles theme persistence and navigation interactions. README documents responsive, accessible presentation and reduced-motion support; source excerpts confirm search, filtering, theme toggle, and mobile menu behavior. External tool destinations are directory links, not verified service internals.
Main entry points: index.html Page structure · app.js Search and filters · icons.js Tool icons · merge-pdf.js Merge PDF listing
Components 14
Tool catalog
- Tool icons
js/icons.js - Merge PDF listing
js/tools/merge-pdf.js - DIU cover listing
js/tools/diu-cover-page.js - Lab cover listing
js/tools/diu-lab-cover-page.js - Image PDF listing
js/tools/image2pdf.js
Directory experience
- Search and filters
js/app.js - Theme and menu
js/app.js
Page presentation
- Page structure
index.html - Responsive styles
css/styles.css
Other components
- Visitor
- Merge PDF service
- DIU cover service
- Lab cover service
- Image PDF service
Connections 23
- Visitor → Page structure: opens page
README.md - Page structure → Tool icons: loads before listings
README.md - Page structure → Merge PDF listing: loads script
README.md - Page structure → DIU cover listing: loads script
README.md - Page structure → Lab cover listing: loads script
- Page structure → Image PDF listing: loads script
- Page structure → Search and filters: loads last
README.md - Merge PDF listing → Tool icons: uses icon
js/tools/merge-pdf.js - DIU cover listing → Tool icons: uses icon
js/tools/diu-cover-page.js - Lab cover listing → Tool icons: uses icon
- Image PDF listing → Tool icons: uses icon
- Merge PDF listing → Search and filters: registers listing
js/tools/merge-pdf.js - DIU cover listing → Search and filters: registers listing
js/tools/diu-cover-page.js - Lab cover listing → Search and filters: registers listing
js/tools/diu-lab-cover-page.js - Image PDF listing → Search and filters: registers listing
js/tools/image2pdf.js - Search and filters → Page structure: renders cards
js/app.js - Visitor → Search and filters: searches and filters
js/app.js - Search and filters → Theme and menu: handles interactions
js/app.js - Page structure → Responsive styles: styled by
README.md - Visitor → Merge PDF service: opens external tool
- Visitor → DIU cover service: opens external tool
- Visitor → Lab cover service: opens external tool
- Visitor → Image PDF service: opens external tool