Initial commit: Text Corruptor PWA

Features:
- Zalgo text generator with adjustable intensity (1-10)
- Real-time text corruption as you type
- Click-to-copy functionality with visual feedback
- Progressive Web App with offline support
- Responsive design for mobile and desktop
- Dark theme with glitch-inspired aesthetics

Technical implementation:
- Pure JavaScript implementation (no frameworks)
- Service Worker for offline functionality
- PWA manifest for installability
- Python development server
- Comprehensive linting setup (ESLint, Prettier, Black, Pylint)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2025-08-18 20:00:58 +02:00
commit 44a2ac4cbd
23 changed files with 1672 additions and 0 deletions

5
app/icons/icon-128.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128">
<rect width="128" height="128" fill="#1a1a2e"/>
<circle cx="64" cy="64" r="44.8" fill="#00ff88"/>
<text x="64" y="64" font-family="Arial" font-size="51.2" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 400 B

5
app/icons/icon-144.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 144 144">
<rect width="144" height="144" fill="#1a1a2e"/>
<circle cx="72" cy="72" r="50.4" fill="#00ff88"/>
<text x="72" y="72" font-family="Arial" font-size="57.6" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 400 B

5
app/icons/icon-152.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="152" height="152" viewBox="0 0 152 152">
<rect width="152" height="152" fill="#1a1a2e"/>
<circle cx="76" cy="76" r="53.199999999999996" fill="#00ff88"/>
<text x="76" y="76" font-family="Arial" font-size="60.800000000000004" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 428 B

5
app/icons/icon-192.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
<rect width="192" height="192" fill="#1a1a2e"/>
<circle cx="96" cy="96" r="67.19999999999999" fill="#00ff88"/>
<text x="96" y="96" font-family="Arial" font-size="76.80000000000001" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 426 B

5
app/icons/icon-384.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="384" height="384" viewBox="0 0 384 384">
<rect width="384" height="384" fill="#1a1a2e"/>
<circle cx="192" cy="192" r="134.39999999999998" fill="#00ff88"/>
<text x="192" y="192" font-family="Arial" font-size="153.60000000000002" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 432 B

5
app/icons/icon-512.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<rect width="512" height="512" fill="#1a1a2e"/>
<circle cx="256" cy="256" r="179.2" fill="#00ff88"/>
<text x="256" y="256" font-family="Arial" font-size="204.8" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 406 B

5
app/icons/icon-72.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72">
<rect width="72" height="72" fill="#1a1a2e"/>
<circle cx="36" cy="36" r="25.2" fill="#00ff88"/>
<text x="36" y="36" font-family="Arial" font-size="28.8" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 394 B

5
app/icons/icon-96.svg Normal file
View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
<rect width="96" height="96" fill="#1a1a2e"/>
<circle cx="48" cy="48" r="33.599999999999994" fill="#00ff88"/>
<text x="48" y="48" font-family="Arial" font-size="38.400000000000006" font-weight="bold" text-anchor="middle" dominant-baseline="middle" fill="#0f0f14">T</text>
</svg>

After

Width:  |  Height:  |  Size: 422 B