zk_html/lj-dump/L-519.html

59 lines
2.1 KiB
HTML

<!doctype html>
<html>
<head>
<title>Zk | [no subject]</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 | [no subject]</h1>
</header>
<article class="content">
<p>Man, I like making people feel better when they're down, but when either they're not receptive or I don't know how to help, it just makes us both feel worse :D</p>
<p>;.;</p>
<p>In other news, it's time to freak out about juries (WAAAH!). That done, it's time to freak out about AC (WAAAH!). <em>That</em> done, it's time to freak out about Korea (WAAAAH!). Continuing on that train, it's time to freak out about next semester, housing, school, Andy, Lon, Shannon, Ryan, your face, your mom, and communist Russia!</p>
<p>Khan</p>
<span class="control">Expand all</span>
</article>
<footer>
<p>Page generated on 2005-04-28 18:43:24</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>