zk_html/lj-dump/L-1461.html

65 lines
2.9 KiB
HTML

<!doctype html>
<html>
<head>
<title>Zk | Just whining.</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 | Just whining.</h1>
</header>
<article class="content">
<details text="Bad enough for an LJ cut"><summary>Bad enough for an LJ cut</summary>
The sex, all two times, was mediocre; we talked about only a small segment of things over and over again; we each felt that we had to hide part of ourselves to match the other person; you broke up with me a total of three times, all for the same reason; and we finally ended things over our first argument: about the sheets on the bed. Hardly a deep relationship.
I don't want you back. I saw the end of the relationship coming months in advance, and I know you felt it. It was a relief when the tension was broken and I no longer had to work to keep that non-balance working. I don't love you anymore, except out of some perverse brotherhood after having known you for so long, and I don't expect you to take me back in any way.
So why am I still torn up? I think because I hate you. Like, true hatred, utter loathing, complete contempt for the way you ruined my life - the way I view myself, the way I interact with others, and every daily trivial task that I have to deal with - and it's making me hate myself in turn. I want to hurt you as bad as you hurt me, and that's a pretty ugly feeling.
Andrew Streyer, I hope you live a happy life with whomever you want, doing whatever you want, but please don't ever talk to me again.
</details
<span class="control">Expand all</span>
</article>
<footer>
<p>Page generated on 2008-10-15 07:40:06</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>