CalvinBackup/P4RS3LT0NGV3

mirror of https://github.com/elder-plinius/P4RS3LT0NGV3.git synced 2026-06-06 06:53:56 +02:00

Files

T

History

Claude d570e859f6 Redesign Transforms tab with side-by-side split layout

- Widen container from 900px to 1200px to use available screen width
- Split Transforms tab into two-column grid layout:
  - Left column (340px, sticky): input textarea + output display
  - Right column (flex): scrollable transform categories/buttons
- Output now appears directly below input on the left, always visible
  while browsing transforms — no more scrolling past categories to
  see results
- Responsive: collapses back to single column below 900px
- Shortened output section labels to be more concise

https://claude.ai/code/session_01DjqbQB8WcZoGVe78sjvh72

2026-03-21 03:03:53 +00:00

..

decoder.html

Add files via upload

2026-03-20 18:16:57 -07:00

fuzzer.html

refactor: migrate to modular tool-based architecture

2025-12-02 20:26:32 -08:00

gibberish.html

refactor: migrate to modular tool-based architecture

2025-12-02 20:26:32 -08:00

promptcraft.html

Update API key instructions in promptcraft.html

2026-03-20 18:27:00 -07:00

README.md

refactor: migrate to modular tool-based architecture

2025-12-02 20:26:32 -08:00

splitter.html

favs, last used, sortable columns, and update splitter transforms to match selection

2025-12-06 00:21:38 -08:00

steganography.html

refactor: migrate to modular tool-based architecture

2025-12-02 20:26:32 -08:00

tokenade.html

refactor: migrate to modular tool-based architecture

2025-12-02 20:26:32 -08:00

tokenizer.html

refactor: migrate to modular tool-based architecture

2025-12-02 20:26:32 -08:00

transforms.html

Redesign Transforms tab with side-by-side split layout

2026-03-21 03:03:53 +00:00

README.md

Tool HTML Templates

Templates are injected at build time into index.html via npm run build:templates.

Workflow

Edit .html files in templates/
Run npm run build:templates
Refresh browser

Template Files

decoder.html - Universal Decoder
steganography.html - Emoji Steganography
transforms.html - Text Transformations
tokenade.html - Tokenade Generator
fuzzer.html - Mutation Lab
tokenizer.html - Tokenizer Visualization
splitter.html - Message Splitter
gibberish.html - Gibberish Generator

Adding a New Tool Template

Create templates/yourtool.html
Start with: <div v-if="activeTab === 'yourtool'" class="tab-content">
Use Vue directives (v-model, @click, etc.)
Reference data/methods from your tool's getVueData() and getVueMethods()
Run npm run build:templates

Important

Never edit index.html directly - it's generated
Always rebuild after template changes - npm run build:templates
Templates are injected at the #tool-content-container marker