-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathyaml.html
More file actions
8 lines (8 loc) · 1.92 KB
/
Copy pathyaml.html
File metadata and controls
8 lines (8 loc) · 1.92 KB
1
2
3
4
5
6
7
8
<!doctype html>
<html lang="en">
<head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>YAML Validator | Prabakar's GitHub Tools</title><link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" /><link rel="stylesheet" href="styles.css" /></head>
<body class="tool-page"><main class="tool-layout"><nav class="tool-nav"><a class="brand" href="index.html" aria-label="Prabakar's GitHub home"><span class="brand-mark" aria-hidden="true">PG</span><span class="brand-name">PRABAKAR'S GITHUB</span></a><div class="nav-links"><a href="index.html#tools">ALL TOOLS</a><a class="active" href="yaml.html">YAML</a></div></nav>
<header class="tool-header"><p class="eyebrow">TOOL 08 / CONFIGURATION</p><h1>YAML <em>Validator</em></h1><p>Check indentation, mappings, and list structure before sharing configuration changes. This focused validator covers common YAML mistakes.</p></header>
<div class="control-row"><button type="button" id="yaml-run">VALIDATE YAML</button><button type="button" id="yaml-sample">LOAD SAMPLE</button></div><section class="work-area convert-layout"><div class="work-panel"><div class="panel-header"><label for="yaml-input">YAML INPUT</label></div><textarea id="yaml-input" spellcheck="false" placeholder="service: name: analytics-api replicas: 2" aria-label="YAML input"></textarea></div><div class="work-panel"><div class="panel-header"><label>VALIDATION RESULTS</label></div><div id="yaml-output" class="result-area" aria-live="polite">Validation messages will appear here.</div></div></section><p id="yaml-status" class="status" aria-live="polite">Paste YAML to validate its basic structure.</p>
</main><script src="app.js"></script></body>
</html>