58 lines
3.1 KiB
HTML
58 lines
3.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Zk | What's Your Personality Type?</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 | What's Your Personality Type?</h1>
|
|
</header>
|
|
<article class="content">
|
|
<details text="INTP - not what I used to be"><summary>INTP - not what I used to be</summary><table align="center" border="0" cellpadding="2" cellspacing="0" width="350"><tr><td align="center" bgcolor="#EEEEEE"><font face="Georgia, Times New Roman, Times, serif" style="color:black; font-size: 14pt;"><strong>You Are An INTP</strong></font></td></tr><tr><td bgcolor="#FFFFFF"><center><img height="100" src="http://www.blogthingsimages.com/whatsyourpersonalitytypequiz/intp.gif" width="100"/></center><font color="#000000">The Thinker<br/><br/>You are analytical and logical - and on a quest to learn everything you can.<br/>Smart and complex, you always love a new intellectual challenge.<br/>Your biggest pet peeve is people who slow you down with trivial chit chat.<br/>A quiet maverick, you tend to ignore rules and authority whenever you feel like it.<br/><br/>In love, you are an easy person to fall for. But you're not an easy person to stay in love with.<br/>Although you are quite flexible, you often come off as aloof or argumentative.<br/><br/>At work, you are both a logical and creative thinker. You are great at solving problems.<br/>You would make an excellent mathematician, programmer, or professor.<br/><br/>How you see yourself: Creative, fair, and tough-minded<br/><br/>When other people don't get you, they see you as: arrogant, cold, and robotic</font></td></tr></table><div align="center"><a href="http://www.blogthings.com/whatsyourpersonalitytypequiz/">What's Your Personality Type?</a></div>
|
|
|
|
</details
|
|
<span class="control">Expand all</span>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2009-03-15 05:24:24</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>
|