| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Email Drop Parser</title>
- <link rel="stylesheet" href="./styles.css" />
- </head>
- <body>
- <main class="container">
- <h1>Email Drop Parser</h1>
- <p class="subtitle">
- Drag an email file from Thunderbird onto the drop zone. This page expects
- a saved <code>.eml</code> message.
- </p>
- <section id="dropZone" class="drop-zone" aria-label="Email drop zone">
- <p><strong>Drop email here</strong></p>
- <p class="hint">Supports .eml files</p>
- </section>
- <section class="fields">
- <h2>Parsed Fields</h2>
- <dl id="fieldList"></dl>
- </section>
- <section class="body-grid">
- <article>
- <h3>Text Body</h3>
- <pre id="textBody" class="body-box empty">No text body parsed yet.</pre>
- </article>
- <article>
- <h3>HTML Body (raw)</h3>
- <pre id="htmlBody" class="body-box empty">No HTML body parsed yet.</pre>
- </article>
- </section>
- <section class="raw-message">
- <h3>Raw Message</h3>
- <pre id="rawPreview" class="body-box empty">Drop an email to preview raw content.</pre>
- </section>
- </main>
- <script type="module" src="./app.js"></script>
- </body>
- </html>
|
