57 lines
2.5 KiB
HTML
57 lines
2.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Zk | Recently</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 | Recently</h1>
|
|
</header>
|
|
<article class="content">
|
|
<p>I've been alternating between apathy toward my situation and crushing emotions surrounding it. I really wish that I could sit down and write about it without having the two battle for control of the keyboard. About the only thing I feel strongly in one way about, however, is the trip to Aspen, which has helped me to decide not to be in choir anymore. Everything else - the house, Washington, my dog, work - is a bunch of mixed blessings. I feel as though it would be cathartic to get all that pent up crap out in a whiny LJ post, but every time I sit down to write the post, I either sulk or find "better" things to do.</p>
|
|
<p>That said, I'm incredibly happy for Ryan and Merry, and incredibly lucky to have James and my mom in my life. Focusing on the happy brings about the apathy, so I'll have to write about everything some other time. "Better" thing of the moment: sleep</p>
|
|
<span class="control">Expand all</span>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2009-08-17 05:45:36</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>
|