108 lines
4.2 KiB
HTML
108 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Zk | Hmm</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 | Hmm</h1>
|
|
</header>
|
|
<article class="content">
|
|
<p>The top fifty SF books. Bold the ones you've read, strike the ones you hated, italicize the ones you couldn't get through. Asterisks for the ones you loved - more asterisks, more love. Plus signs for the ones you own.</p>
|
|
<ol>
|
|
<li><i>The Lord of the Rings, J.R.R. Tolkien</i></li>
|
|
<li><i>The Foundation Trilogy, Isaac Asimov</i></li>
|
|
<li><b>Dune, Frank Herbert**</b></li>
|
|
<li><b>Stranger in a Strange Land, Robert A. Heinlein*</b></li>
|
|
<li>A Wizard of Earthsea, Ursula K. Leguin</li>
|
|
<li><b>Neuromancer, William Gibson*</b></li>
|
|
<li><b>Childhood's End, Arthur C. Clarke</b></li>
|
|
<li><b>Do Androids Dream of Electric Sheep?, Philip K. Dick</b></li>
|
|
<li>The Mists of Avalon, Marion Zimmer Bradley</li>
|
|
<li><b>Fahrenheit 451, Ray Bradbury*</b></li>
|
|
<li>The Book of the New Sun, Gene Wolfe</li>
|
|
<li><b>A Canticle for Leibowitz, Walter M. Miller, Jr.*+</b></li>
|
|
<li>The Caves of Steel, Isaac Asimov</li>
|
|
<li>Children of the Atom, Wilmar Shiras</li>
|
|
<li>Cities in Flight, James Blish</li>
|
|
<li>The Colour of Magic, Terry Pratchett</li>
|
|
<li>Dangerous Visions, edited by Harlan Ellison</li>
|
|
<li>Deathbird Stories, Harlan Ellison</li>
|
|
<li>The Demolished Man, Alfred Bester</li>
|
|
<li>Dhalgren, Samuel R. Delany</li>
|
|
<li>Dragonflight, Anne McCaffrey</li>
|
|
<li><b>Ender's Game, Orson Scott Card</b></li>
|
|
<li>The First Chronicles of Thomas Covenant the Unbeliever, Stephen R. Donaldson</li>
|
|
<li>The Forever War, Joe Haldeman</li>
|
|
<li>Gateway, Frederik Pohl</li>
|
|
<li><b>Harry Potter and the Philosopher's Stone, J.K. Rowling+</b></li>
|
|
<li><b>The Hitchhiker's Guide to the Galaxy, Douglas Adams**+</b></li>
|
|
<li><b>I Am Legend, Richard Matheson+</b></li>
|
|
<li>Interview with the Vampire, Anne Rice</li>
|
|
<li>The Left Hand of Darkness, Ursula K. Le Guin</li>
|
|
<li>Little, Big, John Crowley</li>
|
|
<li>Lord of Light, Roger Zelazny</li>
|
|
<li>The Man in the High Castle, Philip K. Dick</li>
|
|
<li>Mission of Gravity, Hal Clement</li>
|
|
<li>More Than Human, Theodore Sturgeon</li>
|
|
<li>The Rediscovery of Man, Cordwainer Smith</li>
|
|
<li>On the Beach, Nevil Shute</li>
|
|
<li><i>Rendezvous with Rama, Arthur C. Clarke</i></li>
|
|
<li><b>Ringworld, Larry Niven+</b></li>
|
|
<li>Rogue Moon, Algis Budrys</li>
|
|
<li><i>The Silmarillion, J.R.R. Tolkien+</i></li>
|
|
<li><b>Slaughterhouse-5, Kurt Vonnegut*+</b></li>
|
|
<li><b>Snow Crash, Neal Stephenson**</b></li>
|
|
<li>Stand on Zanzibar, John Brunner</li>
|
|
<li>The Stars My Destination, Alfred Bester</li>
|
|
<li><b>Starship Troopers, Robert A. Heinlein</b></li>
|
|
<li>Stormbringer, Michael Moorcock</li>
|
|
<li>The Sword of Shannara, Terry Brooks</li>
|
|
<li>Timescape, Gregory Benford</li>
|
|
<li>To Your Scattered Bodies Go, Philip Jose Farmer</li>
|
|
</ol>
|
|
<span class="control">Expand all</span>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2008-12-15 17:19:58</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>
|