Deployment Checklist

Deployment Checklist

Pre-Deployment

• Backup current tools directory

  cp -r tools tools.backup.$(date +%s)

• Verify refactored files in /home/claude/refactored-tools/

  • All 32 tools present
  • global.css present
  • demo/ subdirectory with 4 tools
  • Documentation files present

Deployment

• Copy HTML tools to site

  cp /home/claude/refactored-tools/*.html /path/to/your/site/tools/

• Copy global.css

  cp /home/claude/refactored-tools/global.css /path/to/your/site/tools/

• Copy demo tools

  mkdir -p /path/to/your/site/tools/demo
  cp /home/claude/refactored-tools/demo/* /path/to/your/site/tools/demo/

• Verify deployment

  ls /path/to/your/site/tools/ | wc -l  # Should show 33 files
  ls /path/to/your/site/tools/demo/     # Should show 4 files

Testing (Pick 3-5 Tools)

Tool 1: clean-text.html

• Page loads without errors
• "Remove Lines" button works
• "Copy Result" button copies to clipboard
• "Clear All" button clears both textareas
• Theme toggle works (light ↔ dark)
• Footer links are clickable

Tool 2: index.html

• Page loads and displays tool grid
• All tool links are clickable
• Navigation links (home, extra, credits, logs) work
• Theme toggle works
• Grid is responsive on mobile

Tool 3: hex-visualizer.html

• Color input works
• Color preview displays correctly
• Copy button works
• Theme changes don't break colors

Tool 4: csv-to-json.html

• Can paste CSV data
• Conversion button works
• JSON output is formatted correctly
• Copy button works

Tool 5: batch-isbn-finder.html

• Input accepts ISBN numbers
• Lookup button works
• Results display correctly
• Theme toggle works

Final Verification

• No console errors in any tool

  • Open DevTools (F12)
  • Check Console tab for red errors
  • Should be empty or only contain expected warnings

• All buttons work across all tools

  • Test button clicks
  • Test form submissions
  • Test text input/output

• Theme toggle works

  • Light → Dark → Light
  • Persists after page reload
  • All tools respect theme changes

• Responsive design

  • Test on mobile (narrow viewport)
  • Test on tablet
  • Test on desktop

• Links work

  • Navigation between tools
  • External links (eliana.lol, etc.)
  • Back button

Rollback (if needed)

If anything doesn't work:

rm -rf /path/to/your/site/tools/*.html
rm /path/to/your/site/tools/global.css
rm -rf /path/to/your/site/tools/demo
mv /path/to/your/site/tools.backup.* /path/to/your/site/tools

Success!

Once all tests pass:

• Commit to git
• Delete backup (optional)
• Celebrate! 🎉

You can now update your entire site's appearance by editing a single CSS file (global.css).

---

File Count Reference

After deployment, you should have:

tools/
├── global.css
├── batch-isbn-finder.html
├── book-list-cleaner.html
├── Bulk-Hyperlink-Generator.html
├── bulk-rss-finder.html
├── bulk-url.html
├── changelog.html
├── clean-text.html
├── code-cleaner.html
├── code-editor.html
├── credits.html
├── csv-to-json.html
├── extra.html
├── Feed Finder.html
├── guestbook-idea.html
├── guestbook-idea2.html
├── hex-visualizer.html
├── index.html
├── link-splitter.html
├── OPML-Converter.html
├── paste-markdown.html
├── rss-reader.html
├── rss-to-markdown.html
├── Strip HTML & Formatting.html
├── test.html
├── toc-generator.html
├── turndown.html
├── url-cleaner.html
├── widget-generator.html
└── demo/
    ├── Convert URL to MarkDown.html
    ├── claude-markdown-it.html
    ├── jinja-markdown-it.html
    └── markdown-it.html

Total: 33 HTML/CSS files + 4 demo files