121 lines
3.7 KiB
HTML
121 lines
3.7 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Zk | Arrrghmeme</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 | Arrrghmeme</h1>
|
|||
|
|
</header>
|
|||
|
|
<article class="content">
|
|||
|
|
<details text="Curse you, Nick!"><summary>Curse you, Nick!</summary>
|
|||
|
|
HOW OLD DO YOU ACT?
|
|||
|
|
|
|||
|
|
[x] You know how to make a pot of coffee.
|
|||
|
|
[x] You keep track of dates using a calendar.
|
|||
|
|
[x] You own a credit card.
|
|||
|
|
[x] You know how to change the oil in a car
|
|||
|
|
[x] You've done your own laundry.
|
|||
|
|
[x] You can vote in an election.
|
|||
|
|
[x] You can cook for yourself.
|
|||
|
|
[x] You think politics are interesting.
|
|||
|
|
|
|||
|
|
TOTAL SO FAR: 8
|
|||
|
|
|
|||
|
|
[x] You show up late for work a lot.
|
|||
|
|
[x] You always carry a pen/pencil in your bag/purse/pocket.
|
|||
|
|
[ ] You've never gotten a detention
|
|||
|
|
[x] You have forgotten your own birthday.
|
|||
|
|
[x] You like to take walks by yourself.
|
|||
|
|
[x] You know what credibility means, without looking it up.
|
|||
|
|
[x] You drink caffeine at least once a week
|
|||
|
|
|
|||
|
|
TOTAL SO FAR: 14
|
|||
|
|
|
|||
|
|
[x] You know how to do the dishes.
|
|||
|
|
[x] You can count to 10 in another language.
|
|||
|
|
[x] When you say you're going to do something you USUALLY do it.
|
|||
|
|
[x] You can mow the lawn.
|
|||
|
|
[x] You study even when you don't have to.
|
|||
|
|
[x] You have hand washed a car before.
|
|||
|
|
|
|||
|
|
TOTAL SO FAR: 20
|
|||
|
|
|
|||
|
|
[x] You can spell experience, without looking it up.
|
|||
|
|
[x] The people at Starbucks know you by name.
|
|||
|
|
[ ] Your favorite kind of food is take out.
|
|||
|
|
[x] You can go to the store without getting something you don't need.
|
|||
|
|
[x] You understand political jokes the first time they are said.
|
|||
|
|
[x] You can type pretty quick.
|
|||
|
|
|
|||
|
|
TOTAL SO FAR: 25
|
|||
|
|
|
|||
|
|
[ ] Your only friends are from your place of employment.
|
|||
|
|
[ ] You have been to a Tupperware party.
|
|||
|
|
[ ] You have realized that practically no one will take you seriously unless you are over the age of 25 and have a job.
|
|||
|
|
[x] You have more bills than you can pay.
|
|||
|
|
[x] You have been to the beach.
|
|||
|
|
[x] You use the internet every day.
|
|||
|
|
[x] You have been outside of your home country 3 or more times.
|
|||
|
|
[ ] You make your bed in the morning.
|
|||
|
|
|
|||
|
|
TOTAL SO FAR: 29
|
|||
|
|
|
|||
|
|
[x] You have filed a tax return
|
|||
|
|
[x] You have used a pay phone
|
|||
|
|
[x] You have been served alcohol without being ID'd
|
|||
|
|
[x] You have purchased stamps at the grocery store
|
|||
|
|
[x] You have purchased a lottery ticket
|
|||
|
|
[ ] You still have and use a VCR
|
|||
|
|
|
|||
|
|
34?!
|
|||
|
|
|
|||
|
|
|
|||
|
|
</details>
|
|||
|
|
|
|||
|
|
<p>What is this BS? Using a VCR makes you mature? Hahahah Oh well :</p>
|
|||
|
|
<span class="control">Expand all</span>
|
|||
|
|
</article>
|
|||
|
|
<footer>
|
|||
|
|
<p>Page generated on 2010-10-02 18:41: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>
|