81 lines
3.4 KiB
HTML
81 lines
3.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Zk | House pictures, and something to think about.</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 | House pictures, and something to think about.</h1>
|
||
|
|
</header>
|
||
|
|
<article class="content">
|
||
|
|
<details text="Wagh!"><summary>Wagh!</summary>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050001.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050002.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050003.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050004.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050005.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050006.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050007.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050008.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050009.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050010.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050011.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050012.JPG"/>
|
||
|
|
<img src="http://www.twu.net/~ranna/house/P6050013.JPG"/>
|
||
|
|
|
||
|
|
I'm not quite sure what to think about this:
|
||
|
|
Shujin Tribble - Y!im - shujintribble
|
||
|
|
<blockquote>You know, I used to think it was awful that life was so unfair. Then I thought, wouldn't it be much worse if life were fair, and all the terrible things that happen to us come because we actually deserve them? So, now I take great comfort in the general hostility and unfairness of the universe. </blockquote>
|
||
|
|
|
||
|
|
It sounds kinda depressing, but it makes a bit of sense. Though, isn't that a crazy sort of fairness, and not very hostile at all? How a universe could express either is rather beyond me..
|
||
|
|
<em>Hahaha, you're a prick. You'll notice than in your search for emotion, you generally look for depressing stuff; don't you think that says something about you?</em>
|
||
|
|
You're not going to call me a goth, like my mom did, are you?
|
||
|
|
<em>I was going to call you emo, or suicidal, but no, not goth.</em>
|
||
|
|
Hrm..
|
||
|
|
|
||
|
|
</details
|
||
|
|
<span class="control">Expand all</span>
|
||
|
|
</article>
|
||
|
|
<footer>
|
||
|
|
<p>Page generated on 2005-06-06 01:28:27</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>
|