Ole-Morten Duesund
35c7d0bdc9
Manifest fixes: - Updated all icon references from .png to .svg files - Changed MIME types from image/png to image/svg+xml - Removed missing screenshots section - Fixed HTML favicon references to use SVG files New reference linter (lint-references.py): - Validates all file references in HTML and manifest files - Checks that referenced files actually exist - Prevents broken links and missing assets - Integrated into justfile as 'validate-references' - Added to check-all command for comprehensive validation Justfile enhancements: - Added validate-references command - Updated check-all to include reference validation - Enhanced validate command with reference checking Documentation updates: - Updated CLAUDE.md with reference validation info - Added file reference checking to code quality standards This prevents issues where manifest/HTML reference non-existent files, improving PWA reliability and catching asset mismatches early. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
66 lines
2.5 KiB
HTML
66 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta
|
|
name="description"
|
|
content="Transform your text into corrupted zalgo text with one click. Perfect for creating glitchy, distorted text effects."
|
|
/>
|
|
<meta name="theme-color" content="#1a1a2e" />
|
|
<title>GlitchCraft - Artisanal Text Corruption</title>
|
|
<link rel="manifest" href="manifest.json" />
|
|
<link rel="icon" type="image/svg+xml" sizes="192x192" href="icons/icon-192.svg" />
|
|
<link rel="icon" type="image/svg+xml" sizes="512x512" href="icons/icon-512.svg" />
|
|
<link rel="apple-touch-icon" href="icons/icon-192.svg" />
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>GlitchCraft</h1>
|
|
<p class="subtitle">Artisanal text corruption, served fresh!</p>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="controls">
|
|
<label for="intensity">Corruption Intensity:</label>
|
|
<input type="range" id="intensity" min="1" max="10" value="5" />
|
|
<span id="intensityValue">5</span>
|
|
</div>
|
|
|
|
<div class="text-area-container">
|
|
<label for="inputText">Original Text</label>
|
|
<textarea
|
|
id="inputText"
|
|
placeholder="Enter your text here..."
|
|
rows="6"
|
|
autocomplete="off"
|
|
spellcheck="false"
|
|
></textarea>
|
|
</div>
|
|
|
|
<div class="text-area-container">
|
|
<label for="outputText">Corrupted Text</label>
|
|
<textarea
|
|
id="outputText"
|
|
placeholder="Your corrupted text will appear here..."
|
|
rows="6"
|
|
readonly
|
|
title="Click to copy"
|
|
></textarea>
|
|
<div id="copyNotification" class="copy-notification">Copied!</div>
|
|
</div>
|
|
|
|
<button id="clearBtn" class="clear-btn">Clear All</button>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>Click the corrupted text to copy it to your clipboard</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="zalgo.js"></script>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|