summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--assets/books/bone-alt.jpgbin0 -> 99916 bytes
-rw-r--r--assets/books/bone.jpg (renamed from assets/bone.jpg)bin96981 -> 96981 bytes
-rw-r--r--assets/books/catch-22.jpg (renamed from assets/catch-22.jpg)bin25833 -> 25833 bytes
-rw-r--r--assets/books/fahrenheit-451.jpg (renamed from assets/fahrenheit-451.jpg)bin48537 -> 48537 bytes
-rw-r--r--assets/books/harrison-bergeron-alt.jpgbin0 -> 333241 bytes
-rw-r--r--assets/books/harrison-bergeron.jpg (renamed from assets/harrison-bergeron.jpg)bin16182 -> 16182 bytes
-rw-r--r--assets/books/harry-potter.jpg (renamed from assets/harry-potter.jpg)bin76411 -> 76411 bytes
-rw-r--r--assets/books/ishmael.jpg (renamed from assets/ishmael.jpg)bin64667 -> 64667 bytes
-rw-r--r--assets/books/narnia-alt.jpgbin0 -> 809224 bytes
-rw-r--r--assets/books/narnia.jpg (renamed from assets/narnia.jpg)bin116354 -> 116354 bytes
-rw-r--r--assets/books/nineteen-eighty-four.jpeg (renamed from assets/nineteen-eighty-four.jpeg)bin38090 -> 38090 bytes
-rw-r--r--assets/books/notes-from-the-underground.jpg (renamed from assets/notes-from-the-underground.jpg)bin30384 -> 30384 bytes
-rw-r--r--assets/books/siddhartha.jpg (renamed from assets/siddhartha.jpg)bin80008 -> 80008 bytes
-rw-r--r--assets/books/slaughterhouse-five.jpg (renamed from assets/slaughterhouse-five.jpg)bin47780 -> 47780 bytes
-rw-r--r--assets/books/the-giver.jpg (renamed from assets/the-giver.jpg)bin100392 -> 100392 bytes
-rw-r--r--assets/books/the-handmaids-tale.jpg (renamed from assets/the-handmaids-tale.jpg)bin187384 -> 187384 bytes
-rw-r--r--assets/books/the-library-of-babel.png (renamed from assets/the-library-of-babel.png)bin5269 -> 5269 bytes
-rw-r--r--assets/books/the-lord-of-the-rings-alt.jpgbin0 -> 259494 bytes
-rw-r--r--assets/books/the-lord-of-the-rings.jpg (renamed from assets/the-lord-of-the-rings.jpg)bin106179 -> 106179 bytes
-rw-r--r--assets/books/the-lottery.png (renamed from assets/the-lottery.png)bin536 -> 536 bytes
-rw-r--r--assets/books/the-picture-of-dorian-gray.jpg (renamed from assets/the-picture-of-dorian-gray.jpg)bin84915 -> 84915 bytes
-rw-r--r--assets/books/the-secret-history.jpg (renamed from assets/the-secret-history.jpg)bin29624 -> 29624 bytes
-rw-r--r--assets/books/twilight.jpg (renamed from assets/twilight.jpg)bin32232 -> 32232 bytes
-rw-r--r--assets/comics/a-softer-world.png (renamed from assets/a-softer-world.png)bin36665 -> 36665 bytes
-rw-r--r--assets/comics/avasdemon.jpg (renamed from assets/avasdemon.jpg)bin42497 -> 42497 bytes
-rw-r--r--assets/comics/calvin-and-hobbes-alt.jpgbin0 -> 432584 bytes
-rw-r--r--assets/comics/calvin-and-hobbes.jpg (renamed from assets/calvin-and-hobbes.jpg)bin92197 -> 92197 bytes
-rw-r--r--assets/comics/copper.jpg (renamed from assets/copper.jpg)bin158489 -> 158489 bytes
-rw-r--r--assets/comics/hark-alt.pngbin0 -> 19496 bytes
-rw-r--r--assets/comics/hark.png (renamed from assets/hark.png)bin165918 -> 165918 bytes
-rw-r--r--assets/comics/homestuck.svg (renamed from assets/homestuck.svg)0
-rw-r--r--assets/comics/xkcd.png (renamed from assets/xkcd.png)bin7695 -> 7695 bytes
-rw-r--r--assets/posters/2001-a-space-odyssey.jpg (renamed from assets/2001-a-space-odyssey.jpg)bin103668 -> 103668 bytes
-rw-r--r--assets/posters/avatar-the-last-airbender-alt.jpgbin0 -> 564055 bytes
-rw-r--r--assets/posters/avatar-the-last-airbender.jpg (renamed from assets/avatar-the-last-airbender.jpg)bin73482 -> 73482 bytes
-rw-r--r--assets/posters/blade-runner.jpg (renamed from assets/blade-runner.jpg)bin87332 -> 87332 bytes
-rw-r--r--assets/posters/coraline-alt.jpgbin0 -> 1399856 bytes
-rw-r--r--assets/posters/coraline.jpg (renamed from assets/coraline.jpg)bin128771 -> 128771 bytes
-rw-r--r--assets/posters/dr-strangelove.jpg (renamed from assets/dr-strangelove.jpg)bin64438 -> 64438 bytes
-rw-r--r--assets/posters/my-neighbor-totoro.jpg (renamed from assets/my-neighbor-totoro.jpg)bin82737 -> 82737 bytes
-rw-r--r--bookshelf.html123
41 files changed, 60 insertions, 63 deletions
diff --git a/assets/books/bone-alt.jpg b/assets/books/bone-alt.jpg
new file mode 100644
index 0000000..527329f
--- /dev/null
+++ b/assets/books/bone-alt.jpg
Binary files differ
diff --git a/assets/bone.jpg b/assets/books/bone.jpg
index 58d8c6f..58d8c6f 100644
--- a/assets/bone.jpg
+++ b/assets/books/bone.jpg
Binary files differ
diff --git a/assets/catch-22.jpg b/assets/books/catch-22.jpg
index 1212728..1212728 100644
--- a/assets/catch-22.jpg
+++ b/assets/books/catch-22.jpg
Binary files differ
diff --git a/assets/fahrenheit-451.jpg b/assets/books/fahrenheit-451.jpg
index 7de2c61..7de2c61 100644
--- a/assets/fahrenheit-451.jpg
+++ b/assets/books/fahrenheit-451.jpg
Binary files differ
diff --git a/assets/books/harrison-bergeron-alt.jpg b/assets/books/harrison-bergeron-alt.jpg
new file mode 100644
index 0000000..b10a18c
--- /dev/null
+++ b/assets/books/harrison-bergeron-alt.jpg
Binary files differ
diff --git a/assets/harrison-bergeron.jpg b/assets/books/harrison-bergeron.jpg
index 0367e4d..0367e4d 100644
--- a/assets/harrison-bergeron.jpg
+++ b/assets/books/harrison-bergeron.jpg
Binary files differ
diff --git a/assets/harry-potter.jpg b/assets/books/harry-potter.jpg
index f89148a..f89148a 100644
--- a/assets/harry-potter.jpg
+++ b/assets/books/harry-potter.jpg
Binary files differ
diff --git a/assets/ishmael.jpg b/assets/books/ishmael.jpg
index 4b10a38..4b10a38 100644
--- a/assets/ishmael.jpg
+++ b/assets/books/ishmael.jpg
Binary files differ
diff --git a/assets/books/narnia-alt.jpg b/assets/books/narnia-alt.jpg
new file mode 100644
index 0000000..83aaf20
--- /dev/null
+++ b/assets/books/narnia-alt.jpg
Binary files differ
diff --git a/assets/narnia.jpg b/assets/books/narnia.jpg
index faf84f2..faf84f2 100644
--- a/assets/narnia.jpg
+++ b/assets/books/narnia.jpg
Binary files differ
diff --git a/assets/nineteen-eighty-four.jpeg b/assets/books/nineteen-eighty-four.jpeg
index 04a1ad6..04a1ad6 100644
--- a/assets/nineteen-eighty-four.jpeg
+++ b/assets/books/nineteen-eighty-four.jpeg
Binary files differ
diff --git a/assets/notes-from-the-underground.jpg b/assets/books/notes-from-the-underground.jpg
index 5f4c974..5f4c974 100644
--- a/assets/notes-from-the-underground.jpg
+++ b/assets/books/notes-from-the-underground.jpg
Binary files differ
diff --git a/assets/siddhartha.jpg b/assets/books/siddhartha.jpg
index 0963af4..0963af4 100644
--- a/assets/siddhartha.jpg
+++ b/assets/books/siddhartha.jpg
Binary files differ
diff --git a/assets/slaughterhouse-five.jpg b/assets/books/slaughterhouse-five.jpg
index f3fcdc4..f3fcdc4 100644
--- a/assets/slaughterhouse-five.jpg
+++ b/assets/books/slaughterhouse-five.jpg
Binary files differ
diff --git a/assets/the-giver.jpg b/assets/books/the-giver.jpg
index be21020..be21020 100644
--- a/assets/the-giver.jpg
+++ b/assets/books/the-giver.jpg
Binary files differ
diff --git a/assets/the-handmaids-tale.jpg b/assets/books/the-handmaids-tale.jpg
index ff883ad..ff883ad 100644
--- a/assets/the-handmaids-tale.jpg
+++ b/assets/books/the-handmaids-tale.jpg
Binary files differ
diff --git a/assets/the-library-of-babel.png b/assets/books/the-library-of-babel.png
index 5ec5aaf..5ec5aaf 100644
--- a/assets/the-library-of-babel.png
+++ b/assets/books/the-library-of-babel.png
Binary files differ
diff --git a/assets/books/the-lord-of-the-rings-alt.jpg b/assets/books/the-lord-of-the-rings-alt.jpg
new file mode 100644
index 0000000..0e8df00
--- /dev/null
+++ b/assets/books/the-lord-of-the-rings-alt.jpg
Binary files differ
diff --git a/assets/the-lord-of-the-rings.jpg b/assets/books/the-lord-of-the-rings.jpg
index 4593a31..4593a31 100644
--- a/assets/the-lord-of-the-rings.jpg
+++ b/assets/books/the-lord-of-the-rings.jpg
Binary files differ
diff --git a/assets/the-lottery.png b/assets/books/the-lottery.png
index d43ea95..d43ea95 100644
--- a/assets/the-lottery.png
+++ b/assets/books/the-lottery.png
Binary files differ
diff --git a/assets/the-picture-of-dorian-gray.jpg b/assets/books/the-picture-of-dorian-gray.jpg
index 6ea843a..6ea843a 100644
--- a/assets/the-picture-of-dorian-gray.jpg
+++ b/assets/books/the-picture-of-dorian-gray.jpg
Binary files differ
diff --git a/assets/the-secret-history.jpg b/assets/books/the-secret-history.jpg
index dd5cd5e..dd5cd5e 100644
--- a/assets/the-secret-history.jpg
+++ b/assets/books/the-secret-history.jpg
Binary files differ
diff --git a/assets/twilight.jpg b/assets/books/twilight.jpg
index 12d41d8..12d41d8 100644
--- a/assets/twilight.jpg
+++ b/assets/books/twilight.jpg
Binary files differ
diff --git a/assets/a-softer-world.png b/assets/comics/a-softer-world.png
index 83d917f..83d917f 100644
--- a/assets/a-softer-world.png
+++ b/assets/comics/a-softer-world.png
Binary files differ
diff --git a/assets/avasdemon.jpg b/assets/comics/avasdemon.jpg
index de54e8e..de54e8e 100644
--- a/assets/avasdemon.jpg
+++ b/assets/comics/avasdemon.jpg
Binary files differ
diff --git a/assets/comics/calvin-and-hobbes-alt.jpg b/assets/comics/calvin-and-hobbes-alt.jpg
new file mode 100644
index 0000000..f04470a
--- /dev/null
+++ b/assets/comics/calvin-and-hobbes-alt.jpg
Binary files differ
diff --git a/assets/calvin-and-hobbes.jpg b/assets/comics/calvin-and-hobbes.jpg
index 0657fab..0657fab 100644
--- a/assets/calvin-and-hobbes.jpg
+++ b/assets/comics/calvin-and-hobbes.jpg
Binary files differ
diff --git a/assets/copper.jpg b/assets/comics/copper.jpg
index fded479..fded479 100644
--- a/assets/copper.jpg
+++ b/assets/comics/copper.jpg
Binary files differ
diff --git a/assets/comics/hark-alt.png b/assets/comics/hark-alt.png
new file mode 100644
index 0000000..2830207
--- /dev/null
+++ b/assets/comics/hark-alt.png
Binary files differ
diff --git a/assets/hark.png b/assets/comics/hark.png
index 30525f2..30525f2 100644
--- a/assets/hark.png
+++ b/assets/comics/hark.png
Binary files differ
diff --git a/assets/homestuck.svg b/assets/comics/homestuck.svg
index e257591..e257591 100644
--- a/assets/homestuck.svg
+++ b/assets/comics/homestuck.svg
diff --git a/assets/xkcd.png b/assets/comics/xkcd.png
index b2a5482..b2a5482 100644
--- a/assets/xkcd.png
+++ b/assets/comics/xkcd.png
Binary files differ
diff --git a/assets/2001-a-space-odyssey.jpg b/assets/posters/2001-a-space-odyssey.jpg
index 449ec09..449ec09 100644
--- a/assets/2001-a-space-odyssey.jpg
+++ b/assets/posters/2001-a-space-odyssey.jpg
Binary files differ
diff --git a/assets/posters/avatar-the-last-airbender-alt.jpg b/assets/posters/avatar-the-last-airbender-alt.jpg
new file mode 100644
index 0000000..0af9da6
--- /dev/null
+++ b/assets/posters/avatar-the-last-airbender-alt.jpg
Binary files differ
diff --git a/assets/avatar-the-last-airbender.jpg b/assets/posters/avatar-the-last-airbender.jpg
index bbd05cc..bbd05cc 100644
--- a/assets/avatar-the-last-airbender.jpg
+++ b/assets/posters/avatar-the-last-airbender.jpg
Binary files differ
diff --git a/assets/blade-runner.jpg b/assets/posters/blade-runner.jpg
index 08a860f..08a860f 100644
--- a/assets/blade-runner.jpg
+++ b/assets/posters/blade-runner.jpg
Binary files differ
diff --git a/assets/posters/coraline-alt.jpg b/assets/posters/coraline-alt.jpg
new file mode 100644
index 0000000..758c971
--- /dev/null
+++ b/assets/posters/coraline-alt.jpg
Binary files differ
diff --git a/assets/coraline.jpg b/assets/posters/coraline.jpg
index 04df4f4..04df4f4 100644
--- a/assets/coraline.jpg
+++ b/assets/posters/coraline.jpg
Binary files differ
diff --git a/assets/dr-strangelove.jpg b/assets/posters/dr-strangelove.jpg
index 2d0373e..2d0373e 100644
--- a/assets/dr-strangelove.jpg
+++ b/assets/posters/dr-strangelove.jpg
Binary files differ
diff --git a/assets/my-neighbor-totoro.jpg b/assets/posters/my-neighbor-totoro.jpg
index 5db60b5..5db60b5 100644
--- a/assets/my-neighbor-totoro.jpg
+++ b/assets/posters/my-neighbor-totoro.jpg
Binary files differ
diff --git a/bookshelf.html b/bookshelf.html
index afabdf2..7387b9c 100644
--- a/bookshelf.html
+++ b/bookshelf.html
@@ -21,44 +21,15 @@
</nav>
</header>
<main>
- <h2>Philosophy</h2>
- <div class="shelf" id="philosophy">
+ <h2>Classics</h2>
+ <div class="shelf" id="classics">
<div>
- <img src="assets/ishmael.jpg" class="cover"/>
- <h3>Ishmael</h3>
- <i>Daniel Quinn</i>
- </div>
- <div>
- <img src="assets/notes-from-the-underground.jpg" class="cover"/>
- <h3>Notes from the Underground</h3>
- <i>Fyodor Dostoevsky</i>
- </div>
- <div>
- <img src="assets/slaughterhouse-five.jpg" class="cover"/>
- <h3>Slaughterhouse-Five</h3>
- <i>Kurt Vonnegut</i>
- </div>
- <div>
- <img src="assets/siddhartha.jpg" class="cover"/>
- <h3>Siddhartha</h3>
- <i>Hermann Hesse</i>
- </div>
- <div>
- <img src="assets/catch-22.jpg" class="cover"/>
- <h3>Catch-22</h3>
- <i>Joseph Heller</i>
- </div>
- </div>
- <hr>
- <h2>Romantic</h2>
- <div class="shelf" id="academia">
- <div>
- <img src="assets/the-picture-of-dorian-gray.jpg" class="cover"/>
+ <img src="assets/books/the-picture-of-dorian-gray.jpg" class="cover"/>
<h3>The Picture of Dorian Gray</h3>
<i>Oscar Wilde</i>
</div>
<div>
- <img src="assets/the-secret-history.jpg" class="cover"/>
+ <img src="assets/books/the-secret-history.jpg" class="cover"/>
<h3>The Secret History</h3>
<i>Donna Tartt</i>
</div>
@@ -67,60 +38,89 @@
<h2>Dystopian</h2>
<div class="shelf" id="dystopia">
<div>
- <img src="assets/the-giver.jpg" class="cover"/>
+ <img src="assets/books/the-giver.jpg" class="cover"/>
<h3>The Giver</h3>
<i>Lois Lowry</i>
</div>
<div>
- <img src="assets/fahrenheit-451.jpg" class="cover"/>
+ <img src="assets/books/fahrenheit-451.jpg" class="cover"/>
<h3>Fahrenheit 451</h3>
<i>Ray Bradbury</i>
</div>
- <div>
- <img src="assets/nineteen-eighty-four.jpeg" class="cover"/>
+ <!-- <div>
+ <img src="assets/books/nineteen-eighty-four.jpeg" class="cover"/>
<h3>Nineteen Eighty-Four</h3>
<i>George Orwell</i>
- </div>
+ </div> -->
<div>
- <img src="assets/the-handmaids-tale.jpg" class="cover"/>
+ <img src="assets/books/the-handmaids-tale.jpg" class="cover"/>
<h3>The Handmaid's Tale</h3>
<i>Margaret Atwood</i>
</div>
</div>
<hr>
+ <h2>Philosophy</h2>
+ <div class="shelf" id="philosophy">
+ <div>
+ <img src="assets/books/ishmael.jpg" class="cover"/>
+ <h3>Ishmael</h3>
+ <i>Daniel Quinn</i>
+ </div>
+ <div>
+ <img src="assets/books/notes-from-the-underground.jpg" class="cover"/>
+ <h3>Notes from the Underground</h3>
+ <i>Fyodor Dostoevsky</i>
+ </div>
+ <div>
+ <img src="assets/books/slaughterhouse-five.jpg" class="cover"/>
+ <h3>Slaughterhouse-Five</h3>
+ <i>Kurt Vonnegut</i>
+ </div>
+ <div>
+ <img src="assets/books/siddhartha.jpg" class="cover"/>
+ <h3>Siddhartha</h3>
+ <i>Hermann Hesse</i>
+ </div>
+ <div>
+ <img src="assets/books/catch-22.jpg" class="cover"/>
+ <h3>Catch-22</h3>
+ <i>Joseph Heller</i>
+ </div>
+ </div>
+ <hr>
<h2>Fantasy</h2>
<div class="shelf" id="fantasy">
<div>
- <img src="assets/narnia.jpg" class="cover"/>
+ <img src="assets/books/narnia.jpg" class="cover"/>
<h3>Narnia</h3>
<i>C.S. Lewis</i>
</div>
<div>
- <img src="assets/harry-potter.jpg" class="cover"/>
+ <img src="assets/books/harry-potter.jpg" class="cover"/>
<h3>Harry Potter</h3>
<i>J.K. Rowling</i>
</div>
<div>
- <img src="assets/the-lord-of-the-rings.jpg" class="cover"/>
+ <img src="assets/books/the-lord-of-the-rings.jpg" class="cover"/>
<h3>The Lord of the Rings</h3>
- <i>J.R.R. Tolkin</i>
+ <i>J.R.R. Tolkien</i>
</div>
</div>
<hr>
<h2>Short Stories</h2>
<div class="shelf" id="short-stories">
<div>
- <img src="assets/the-library-of-babel.png" class="icon"/>
+ <img src="assets/books/the-library-of-babel.png" class="icon"/>
<h3>The Library of Babel</h3>
<i>Jorge Luis Borges</i>
</div>
<div>
- <img src="assets/the-lottery.png" class="icon"/>
+ <img src="assets/books/the-lottery.png" class="icon"/>
<h3>The Lottery</h3>
<i>Shirley Jackson</i>
</div>
<div>
- <img src="assets/harrison-bergeron.jpg" style="width: 80px;" class="icon"/>
+ <img src="assets/books/harrison-bergeron.jpg" style="width: 80px;" class="icon"/>
<h3>Harrison Bergeron</h3>
<i>Kurt Vonnegut</i>
</div>
@@ -129,42 +129,42 @@
<h2>Comics</h2>
<div class="shelf" id="comics">
<div>
- <img src="assets/calvin-and-hobbes.jpg" class="cover"/>
+ <img src="assets/comics/calvin-and-hobbes.jpg" class="cover"/>
<h3>Calvin and Hobbes</h3>
<i>Bill Watterson</i>
</div>
<div>
- <img src="assets/bone.jpg" class="cover"/>
+ <img src="assets/books/bone.jpg" class="cover"/>
<h3>BONE</h3>
<i>Jeff Smith</i>
</div>
<div>
- <img src="assets/copper.jpg" class="cover"/>
+ <img src="assets/comics/copper.jpg" class="cover"/>
<h3><a href="https://www.boltcityproductions.com/copper/">Copper</a></h3>
<i>Kazu Kibuishi</i>
</div>
<div>
- <img src="assets/hark.png" class="cover"/>
+ <img src="assets/comics/hark.png" class="cover"/>
<h3><a href="http://www.harkavagrant.com/">Hark! a Vagrant</a></h3>
<i>Kate Beaton</i>
</div>
<div>
- <img src="assets/homestuck.svg" class="icon"/>
+ <img src="assets/comics/homestuck.svg" class="icon"/>
<h3><a href="https://homestuck.com">Homestuck</a></h3>
<i>Andrew Hussie</i>
</div>
<div>
- <img src="assets/avasdemon.jpg" class="cover"/>
+ <img src="assets/comics/avasdemon.jpg" class="cover"/>
<h3><a href="https://www.avasdemon.com/">Ava's Demon</a></h3>
<i>Michelle Czajkowski</i>
</div>
<div>
- <img src="assets/a-softer-world.png" class="icon"/>
+ <img src="assets/comics/a-softer-world.png" class="icon"/>
<h3><a href="https://www.asofterworld.com/">a softer world</a></h3>
<i>Emily Horne and Joey Comeau</i>
</div>
<div>
- <img src="assets/xkcd.png" class="icon"/>
+ <img src="assets/comics/xkcd.png" class="icon"/>
<h3><a href="https://xkcd.com/">xkcd</a></h3>
<i>Randall Munroe</i>
</div>
@@ -173,34 +173,31 @@
<h2>Media</h2>
<div class="shelf" id="media">
<div>
- <img src="assets/2001-a-space-odyssey.jpg" class="poster"/>
+ <img src="assets/posters/2001-a-space-odyssey.jpg" class="poster"/>
<p><h3>2001: A Space Odyssey</h3></p>
</div>
<div>
- <img src="assets/blade-runner.jpg" class="poster"/>
+ <img src="assets/posters/blade-runner.jpg" class="poster"/>
<p><h3>Blade Runner</h3></p>
</div>
<div>
- <img src="assets/dr-strangelove.jpg" class="poster"/>
+ <img src="assets/posters/dr-strangelove.jpg" class="poster"/>
<p><h3>Dr. Strangelove</h3></p>
</div>
<div>
- <img src="assets/avatar-the-last-airbender.jpg" class="poster"/>
+ <img src="assets/posters/avatar-the-last-airbender.jpg" class="poster"/>
<p><h3>Avatar: The Last Airbender</h3></p>
</div>
<div>
- <img src="assets/coraline.jpg" class="poster"/>
+ <img src="assets/posters/coraline.jpg" class="poster"/>
<p><h3>Coraline</h3></p>
</div>
<div>
- <img src="assets/my-neighbor-totoro.jpg" class="poster"/>
+ <img src="assets/posters/my-neighbor-totoro.jpg" class="poster"/>
<p><h3>My Neighbor Totoro</h3></p>
</div>
</div>
<hr>
</main>
- <footer>
- <p> © 2020-2021 j-james </p>
- </footer>
</body>
</html>