0x1ab42644…59be·#23,724,355·view on Etherscan
<div class="file-item<html lang="en"><meta charset="UTF-8"><meta name="viewport" content="w`[idth=device-width, initial-scale`{<title>Executed Poetry #* { margin: 0; padding: 0; box-s`Ȃizing: border-box; }html, body { width: 100%; height`: 100%; margin: 0; padding: 0; }abody { font-family: 'Monaco', 'Maenlo', 'Courier New', monospace;a font-size: 12px; line-height: 1a.4; color: #e0e0e0; background: a#1e1e1e; display: flex; height: a100vh; overflow: hidden; }.file-list { width: 120px; min-waidth: 120px; max-width: 120px; baackground: #252526; border-righta: 1px solid #3e3e42; overflow-y:a auto; overflow-x: hidden; paddiang: 6px 0; flex-shrink: 0; }.file-list::-webkit-scrollbar { a.file-list::-webkit-scrollbar-traack { background: #252526; }.file-list::-webkit-scrollbar-thaumb { background: #3e3e42; bordear-radius: 2px; }umb:hover { background: #4e4e52;a.file-item { padding: 4px 8px; caursor: pointer; color: #cccccc; atransition: background 0.15s; foant-size: 11px; white-space: nowraap; overflow: hidden; text-overfalow: ellipsis; }.file-item:hover { background: #a.file-item.active { background: a#094771; color: #ffffff; }.editor { flex: 1; display: flexa; flex-direction: column; overflaow: hidden; min-width: 0; }.editor-header { background: #2da2d30; padding: 6px 12px; border-abottom: 1px solid #3e3e42; colora: #cccccc; font-size: 11px; flexa-shrink: 0; white-space: nowrap;a overflow: hidden; text-overflowa.editor-content { flex: 1; overfalow: auto; padding: 12px; white-aspace: pre; color: #d4d4d4; fonta.editor-content::-webkit-scrollbaar { width: 6px; height: 6px; }ar-track { background: #1e1e1e; aar-thumb { background: #3e3e42; aborder-radius: 3px; }ar-thumb:hover { background: #4ea.line-number { color: #858585; maargin-right: 12px; user-select: anone; display: inline-block; mina-width: 32px; text-align: right;a font-size: 11px; }.code-line { display: flex; min-aheight: 1.4em; }@media (max-width: 800px) { .file-list { width: 100px; mina-width: 100px; max-width: 100px;a .file-item { font-size: 10px; apadding: 3px 6px; } .editor-header { padding: 5px a10px; font-size: 10px; } .editor-content { padding: 10pax; font-size: 11px; } .line-number { margin-right: 1a 20px; min-width: 28px; font-size:a R@media (max-width: 500px) { .file-list { width: 90px; min-a width: 90px; max-width: 90px; } .file-item { font-size: 9px; pa Ճadding: 3px 4px; } .editor-header { padding: 4px a
8px; font-size: 9px; } .editor-content { padding: 8pxa
=; font-size: 10px; } .line-number { margin-right: 8a
qpx; min-width: 24px; font-size: a
@media (max-width: 400px) { .file-list { width: 80px; min-a
Ӄwidth: 80px; max-width: 80px; } .file-item { font-size: 8px; paadding: 2px 4px; } .editor-header { padding: 3px a6px; font-size: 8px; } .editor-content { padding: 6pxa; font-size: 9px; } .line-number { margin-right: 6apx; min-width: 20px; font-size: a<div class="file-list"><div class="editor"><div class="editor-header"><span id="current-file"><div class="editor-content" id="aeditor-content"></div>const fileContents = [let currentIndex = const fileItems = document.query`.SelectorAll('.file-item');const editorContent = document.g`hetElementById('editor-content');`const currentFileSpan = document`.getElementById('current-file');`Ȃfunction formatCodeWithLineNumbe` const lines = code.split('\n')a return lines.map((line, i) => a const escaped = escapeHtml(la return '<div class="code-linae"><span class="line-number">' +a (i + 1) + '</span><span>' + escaaped + '</span></div>';function escapeHtml(text) { const div = document.createElea div.textContent = text; return div.innerHTML;editorContent.innerHTML = formataCodeWithLineNumbers(fileContentsa[currentIndex]);fileItems.forEach((item, index) a item.addEventListener('click',a fileItems.forEach(i => i.claassList.remove('active')); item.classList.add('active')a currentIndex = index; currentFileSpan.textContent a editorContent.innerHTML = foarmatCodeWithLineNumbers(fileContadata:text/html;charset=utf-8;bas" width="120" height="20" fill="" font-family="monospace" font-s<svg xmlns="http://www.w3.org/20a3000/svg" width="512" height="512"a0><rect width="512" height="512" ``fill="#1e1e1e"/><rect x="0" y="0`" width="120" height="512" fill=`<rect x="120" y="0" width="392" height="512" fill="#1e1e1e"/><re`ct x="120" y="0" width="392" heiaght="30" fill="#2d2d30"/><text x="130" y="20" font-familya="monospace" font-size="11" filladata:image/svg+xml;base64,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdef` ghijklmnopqrstuvwxyz0123456789+/`@<text x="130" y="" font-family="monospace" font-size="11" fill="#d4d4d4" xml:spac`1