57 lines
2.1 KiB
HTML
57 lines
2.1 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Zk | Boof.</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||
|
|
<meta name="viewport" content="width=device-width" />
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<main>
|
||
|
|
<header>
|
||
|
|
<h1>Zk | Boof.</h1>
|
||
|
|
</header>
|
||
|
|
<article class="content">
|
||
|
|
<p>Wrote another Django app today. It's neat how a program can go from conception to tested and working in about 24 hours. Maybe I'm weird, but I like frameworks, in that they get out of your way. The part I dislike is just populating the database :oP</p>
|
||
|
|
<p>So, if anyone's interested in a log-keeper (as in, logs of chats or online RP sessions), I'll post it somewhere, though it's nothing special. It's kinda geared towards furries, or at least fantasy settings, what with the 'species' attribute.</p>
|
||
|
|
<span class="control">Expand all</span>
|
||
|
|
</article>
|
||
|
|
<footer>
|
||
|
|
<p>Page generated on 2008-02-17 06:21:17</p>
|
||
|
|
</footer>
|
||
|
|
</main>
|
||
|
|
<script type="text/javascript">
|
||
|
|
document.querySelectorAll('li').forEach(el => {
|
||
|
|
if (el.querySelectorAll('li').length !== 0) {
|
||
|
|
el.classList.add('has-nested', 'closed');
|
||
|
|
el.innerHTML = `<span class="toggle"></span> ${el.innerHTML}`;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
document.querySelectorAll('.toc .has-nested').forEach(el => {
|
||
|
|
el.classList.remove('has-nested', 'closed');
|
||
|
|
});
|
||
|
|
document.querySelectorAll('li.has-nested').forEach(el => {
|
||
|
|
el.querySelector('.toggle').addEventListener('click', () => {
|
||
|
|
el.classList.toggle('closed');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
let expanded = false;
|
||
|
|
document.querySelector('.control').addEventListener('click', (e) => {
|
||
|
|
expanded = !expanded;
|
||
|
|
if (expanded) {
|
||
|
|
e.target.innerText = 'Collapse all';
|
||
|
|
} else {
|
||
|
|
e.target.innerText = 'Expand all';
|
||
|
|
}
|
||
|
|
document.querySelectorAll('.has-nested').forEach((el) => {
|
||
|
|
if (expanded) {
|
||
|
|
el.classList.remove('closed');
|
||
|
|
} else {
|
||
|
|
el.classList.add('closed')
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|