56 lines
1.5 KiB
HTML
56 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{{ title }}</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
</head>
|
|
<body>
|
|
<article>
|
|
{{ content | safe }}
|
|
</article>
|
|
|
|
<nav>
|
|
<a href="/">Home (Summary)</a>
|
|
</nav>
|
|
|
|
<script>
|
|
document.querySelectorAll('pre[data-code]').forEach((block) => {
|
|
const wrapper = document.createElement('div');
|
|
wrapper.className = 'code-wrapper';
|
|
|
|
block.parentNode.insertBefore(wrapper, block);
|
|
|
|
wrapper.appendChild(block);
|
|
|
|
const button = document.createElement('button');
|
|
button.className = 'copy-button';
|
|
button.type = 'button';
|
|
button.innerHTML = '<i class="fa-regular fa-copy"></i>';
|
|
|
|
wrapper.appendChild(button);
|
|
|
|
button.addEventListener('click', async () => {
|
|
const text = block.getAttribute('data-code');
|
|
|
|
try {
|
|
await navigator.clipboard.writeText(text);
|
|
|
|
button.innerHTML = '<i class="fa-solid fa-check"></i>';
|
|
button.classList.add('copied');
|
|
|
|
setTimeout(() => {
|
|
button.innerHTML = '<i class="fa-regular fa-copy"></i>';
|
|
button.classList.remove('copied');
|
|
}, 2000);
|
|
} catch (err) {
|
|
console.error('Copy failed', err);
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|