Skip to content

Instantly share code, notes, and snippets.

@LenniLenLen

LenniLenLen/ticket-17.html

Created August 23, 2025 04:46
Show Gist options
  • Save LenniLenLen/2ce09c27ace86ab0cb12744116195982 to your computer and use it in GitHub Desktop.
Save LenniLenLen/2ce09c27ace86ab0cb12744116195982 to your computer and use it in GitHub Desktop.
Download ZIP
Modmail Ticket #17 Transcript (HTML)
Raw
ticket-17.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ticket #17 Transcript</title>
<style>
:root { --bg:#0f1117; --panel:#151a24; --text:#e6edf3; --muted:#9aa6b2; --accent:#5865f2; --red:#ed4245; --green:#3ba55d; }
html,body { background: var(--bg); color: var(--text); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji"; margin:0; }
.wrap { max-width: 980px; margin: 32px auto; padding: 0 16px; }
.card { background: var(--panel); border-radius: 10px; box-shadow: 0 0 0 1px rgba(255,255,255,0.05) inset; padding: 20px; }
h1 { font-size: 22px; margin: 0 0 12px; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; margin-bottom: 16px; }
.label { color: var(--muted); font-size: 12px; }
.value { font-size: 14px; }
.msgs { display: flex; flex-direction: column; gap: 10px; }
.msg { border-radius: 10px; padding: 12px; background: #111622; border: 1px solid rgba(255,255,255,0.06); }
.msg.from-user { border-left: 4px solid var(--accent); }
.msg.from-staff { border-left: 4px solid var(--green); }
.msg.staff-channel { border-left: 4px solid var(--red); }
.meta { display:flex; gap: 10px; align-items: baseline; margin-bottom: 6px; color: var(--muted); font-size: 12px; }
.content { white-space: pre-wrap; word-break: break-word; font-size: 14px; }
.atts { display:flex; gap:10px; flex-wrap: wrap; margin-top: 8px; }
.att img { max-width: 320px; max-height: 240px; border-radius: 8px; display:block; }
</style>
</head>
<body>
<div class="wrap">
<div class="card">
<h1>Ticket #17 Transcript</h1>
<div class="grid">
<div><div class="label">Opener</div><div class="value">1361234339463041054</div></div>
<div><div class="label">Topic</div><div class="value">n/a</div></div>
<div><div class="label">Channel</div><div class="value">1408537767411056862</div></div>
<div><div class="label">Created</div><div class="value">22 Aug 2025 15:46:13 (UTC-04:00)</div></div>
<div><div class="label">Closed</div><div class="value">23 Aug 2025 00:46:43 (UTC-04:00)</div></div>
<div><div class="label">Closer</div><div class="value">lenni_hi (1077503008696446977)</div></div>
</div>
<div class="msgs">
<div class="msg from-user">
<div class="meta">
<span class="author">haii.idk (1361234339463041054)</span>
<span class="time">22 Aug 2025 15:46:38 (UTC-04:00)</span>
<span class="dir">User → Staff</span>
</div>
<div class="content">hi</div>
</div>
<div class="msg staff-channel">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">22 Aug 2025 15:46:47 (UTC-04:00)</span>
<span class="dir">Staff (channel)</span>
</div>
<div class="content">gotta change that looking lol</div>
</div>
<div class="msg from-staff">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">22 Aug 2025 15:46:56 (UTC-04:00)</span>
<span class="dir">Staff → User</span>
</div>
<div class="content">hi</div>
</div>
<div class="msg staff-channel">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">22 Aug 2025 15:47:10 (UTC-04:00)</span>
<span class="dir">Staff (channel)</span>
</div>
<div class="content">oh the reaction doesnt work 😭</div>
</div>
<div class="msg from-staff">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">23 Aug 2025 00:43:23 (UTC-04:00)</span>
<span class="dir">Staff → User</span>
</div>
<div class="content">hi</div>
</div>
<div class="msg staff-channel">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">23 Aug 2025 00:46:16 (UTC-04:00)</span>
<span class="dir">Staff (channel)</span>
</div>
<div class="content">[attachments]</div>
<div class="atts">
<div class="att"><img src="https://cdn.discordapp.com/attachments/1408537767411056862/1408673677062570086/IMG_20250223_092959_392.webp?ex=68aa9918&amp;is=68a94798&amp;hm=4d94fdbcfba6300f7d21f18b333e19e0badb04b5174e32e76d9e8faf5d115a19&amp;" alt="attachment"/></div>
</div>
</div>
<div class="msg from-staff">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">23 Aug 2025 00:46:39 (UTC-04:00)</span>
<span class="dir">Staff → User</span>
</div>
<div class="content">[attachments]</div>
<div class="atts">
<div class="att"><img src="https://cdn.discordapp.com/attachments/1408537767411056862/1408673766489198592/IMG_20250223_092959_392.webp?ex=68aa992d&amp;is=68a947ad&amp;hm=3eb064266b70245c85e0cc93a1abbcb2dfe6522fd4b48c9ffb0f9fbc671657c9&amp;" alt="attachment"/></div>
</div>
</div>
<div class="msg from-staff">
<div class="meta">
<span class="author">lenni_hi (1077503008696446977)</span>
<span class="time">23 Aug 2025 00:46:43 (UTC-04:00)</span>
<span class="dir">Staff → User</span>
</div>
<div class="content">Your case has been resolved, thanks for trusting the Aman Support team. If you need more help, DM the bot again.</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment