65 lines
2.9 KiB
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>
|