0x1ab42644…59be·#23,722,925·view on Etherscan
t<div class="file-item`X<meta name="viewport" content="w`[idth=device-width, initial-scale`{<title>Executed Poetry #* { margin: 0; padding: 0; box-s`ȂRsizing: 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 { aRlwidth: 4px; }`.file-list::-webkit-scrollbar-traack { background: #252526; }.file-list::-webkit-scrollbar-thaumb { background: #3e3e42; bordeaRor-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-overfaRolow: 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-overflowaRl: ellipsis; }`.editor-content { flex: 1; overfalow: auto; padding: 12px; white-aspace: pre; color: #d4d4d4; fontaRm-size: 12px; }`.editor-content::-webkit-scrollbaar { width: 6px; height: 6px; }ar-track { background: #1e1e1e; aar-thumb { background: #3e3e42; aRtborder-radius: 3px; }`Xar-thumb:hover { background: #4ea.line-number { color: #858585; maargin-right: 12px; user-select: anone; display: inline-block; mina-width: 32px; text-align: right;aRr font-size: 11px; }`h.code-line { display: flex; min-aRoheight: 1.4em; }`@media (max-width: 800px) { .file-list { width: 100px; mina-width: 100px; max-width: 100px;a .file-item { font-size: 10px; aRrpadding: 3px 6px; }`h .editor-header { padding: 5px a10px; font-size: 10px; } .editor-content { padding: 10paRtx; font-size: 11px; }`X .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 ՃRqadding: 3px 4px; }`p .editor-header { padding: 4px a
Ru8px; font-size: 9px; }`P .editor-content { padding: 8pxa
=Rs; 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; paRqadding: 2px 4px; }`p .editor-header { padding: 3px aRu6px; font-size: 8px; }`P .editor-content { padding: 6pxaRr; font-size: 9px; }`h .line-number { margin-right: 6apx; min-width: 20px; font-size: a<div class="file-list"><div class="editor-header"><span id="current-file"><div class="editor-content" id="nconst files = [`uconst fileContents = [`Pconst fileItems = document.query`.SelectorAll('.file-item');const editorContent = document.g`hetElementById('editor-content');`const currentFileSpan = document`.getElementById('current-file');`ȂfileItems.forEach((item, index) ` item.addEventListener('click',a fileItems.forEach(i => i.claassList.remove('active')); item.classList.add('active')a currentIndex = index; currentFileSpan.textContent aRn= files[index];` editorContent.innerHTML = foarmatCodeWithLineNumbers(fileContaRlents[index]);`function formatCodeWithLineNumbea 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>';Rm }).join('');`function escapeHtml(text) { const div = document.createElea div.textContent = text; return div.innerHTML;ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/data:text/html;charset=utf-8;bas<div class="code-line"><span cla