|
|
| Line 1: |
Line 1: |
| | In addition to simply leafing through the editions one by one, the cataloged works can also be browsed chapter-wise and sorted by characters. |
| | Helpful tools for specific search queries are the [[Catalog|sortable catalog]] which allows users to filter and search all illustrations using custom keywords and the [[Comparison|comparison tool]] which can be used to compare sets of illustrations side by side. |
|
| |
|
| | === ''Adventures of Huckleberry Finn'' === |
|
| |
|
|
| |
| The table below outlines the structure of the website.
| |
| <br><br>
| |
| In addition to this organized format, a [[Catalog|sortable catalog]] allows users to filter and search all illustrations using custom keywords.
| |
| The [[Comparison|comparison tool]] can be used to compare sets of illustrations side by side.
| |
| <br><br>
| |
| All editions of Mark Twain's works featured on this website can be found [[Editions|here]].
| |
| <br>
| |
| <br>
| |
| <html> | | <html> |
| <div style="display: flex;"> | | <div class="ausklapp-container"> |
| <div class="ausklapp-menublock">
| |
| <h4>Illustrated Editions of <i>Adventures of Huckleberry Finn</i></h4>
| |
| <button class="ausklapp-button" aria-expanded="false">
| |
| Sorted by Edition/Illustrator
| |
|
| |
| </button>
| |
| <div class="ausklapp-inhalt">
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Kemble (1885)
| |
| <a href="/HF/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
|
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Schrödter (1897)
| |
| <a href="/HF/Schroedter" class="link-icon">↗</a>
| |
| </button>
| |
|
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Hirth (1920)
| |
| <a href="/HF/Hirth" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
|
| |
|
| |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Trier (1936)
| |
| <a href="/HF/Trier" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
|
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | <div class="ausklapp-block"> |
| Harder (1938)
| | <button class="ausklapp-button" aria-expanded="false">Sorted by Chapter</button> |
| <a href="/HF/Harder" class="link-icon" title="»Kemble (1885)«">↗</a>
| | <div class="ausklapp-inhalt"> |
| </button>
| | <button class="ausklapp-button sub" aria-expanded="false"> |
|
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Kellerer (1938)
| |
| <a href="/HF/Kellerer" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
|
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Busoni (1940)
| |
| <a href="/HF/Busoni" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
|
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Bebié (1940)
| |
| <a href="/HF/Bebie" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button> | |
|
| |
| | |
| | |
| </div>
| |
| | |
| <button class="ausklapp-button" aria-expanded="false">
| |
| Sorted by Chapter
| |
|
| |
| </button>
| |
| <div class="ausklapp-inhalt"> | |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Overview: Chapters (All Illustrators) | | Overview: Chapters (All Illustrators) |
| <a href="/HF/Chapters" class="link-icon" title="»Kemble (1885)«">↗</a> | | <a href="/HF/Chapters" class="link-icon" title="»Kemble (1885)«">↗</a> |
| Line 87: |
Line 20: |
| <a href="/HF/ByChapters" class="link-icon">↗</a> | | <a href="/HF/ByChapters" class="link-icon">↗</a> |
| </button> | | </button> |
| </div> | | </div> |
| <button class="ausklapp-button" aria-expanded="false">
| | </div> |
| Sorted by Character
| |
|
| |
| </button> | |
| <div class="ausklapp-inhalt">
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false"> | | <div class="ausklapp-block"> |
| | <button class="ausklapp-button" aria-expanded="false">Sorted by Character</button> |
| | <div class="ausklapp-inhalt"> |
| | <button class="ausklapp-button sub" aria-expanded="false"> |
| Character Distribution Across Editions | | Character Distribution Across Editions |
| <a href="/Wiki/chardist" class="link-icon" title="»Huck«">↗</a> | | <a href="/Wiki/chardist" class="link-icon" title="»Huck«">↗</a> |
| Line 137: |
Line 69: |
| <a class="link-entry" href="/HF/AAC">Black Characters <span class="link-icon">↗</span></a> | | <a class="link-entry" href="/HF/AAC">Black Characters <span class="link-icon">↗</span></a> |
| </div> | | </div> |
| | | </div> |
| | |
| </div> | | </div> |
|
| |
|
| </div> | | </div> |
| | <div class="ausklapp-container"> |
|
| |
|
| | | <div class="ausklapp-block"> |
| <div class="ausklapp-menublock"> | | <button class="ausklapp-button" aria-expanded="false">Editions</button> |
| <h4>Illustrated Editions of <i>*Life on the Mississipi</i></h4>
| | <div class="ausklapp-inhalt"> |
| <button class="ausklapp-button" aria-expanded="false">
| | |
| Sorted by Edition/Illustrator
| |
| <a href="/wiki/Sorted_by_Edition" class="link-icon" title="»Sorted by Edition/Illustrator«">↗</a> | |
| </button>
| |
| <div class="ausklapp-inhalt">
| |
| | |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Kemble (1885)
| |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub"> | |
| <a class="link-entry" href="/wiki/SeiteA1">By Chapter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a> | |
| </div> | | </div> |
| | </div> |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | <div class="gallery-grid"> |
| Schrödter (1897)
| |
| <a href="/wiki/Schrödter" class="link-icon">↗</a>
| |
| </button>
| |
| <div class=" ausklapp-inhalt sub"> | |
| <a class="link-entry" href="/wiki/SeiteA3">By Chapter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA4">By Character <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | <div class="gallery-item"> |
| Hirth (1920)
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1885_kmb_cover.jpg" alt="Kemble 1885"> |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| | <p> |
| </button> | | <a href="https://illus.twainframe.org/HF/Kemble"> |
| <div class="ausklapp-inhalt sub"> | | <i>Adventures of Huckleberry Finn</i>, Kemble (1885) |
| <a class="link-entry" href="/ wiki/ SeiteA1">By Chapter <span class="link-icon">↗</ span></ a> | | </a> |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a> | | </p> |
| </div>
| | </div> |
|
| |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Trier (1936)
| |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">By Chapter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Harder (1938)
| |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">By Chapter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | <div class="gallery-item"> |
| Kellerer (1938)
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1898_schr_cover.jpg" alt="Schroedter 1897"> |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| | <p> |
| </button> | | <a href="https://illus.twainframe.org/HF/Schroedter"> |
| <div class="ausklapp-inhalt sub"> | | <i>Huck Finn's Abenteuer und Fahrten</i>, Schroedter (1897) </a> |
| <a class="link-entry" href="/ wiki/ SeiteA1"> By Chapter < span class="link-icon"> ↗</ span></a> | | </p> |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a>
| | </div> |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | <div class="gallery-item"> |
| Busoni (1940)
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1920_hir_cover.jpg" alt="Hirth 1920"> |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| | <p> |
| </button>
| | <a href="https://illus.twainframe.org/HF/Hirth"> |
| <div class="ausklapp-inhalt sub"> | | <i>Die Abenteuer des Huckleberry Finn</i>, Hirth (1920)</a></p> |
| <a class="link-entry" href="/ wiki/ SeiteA1"> By Chapter < span class="link-icon"> ↗</ span></a> | | </div> |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | <div class="gallery-item"> |
| Bebie (1940)
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1936_tri_title.jpg" alt="Trier 1936"> |
| <a href="/wiki/Kemble" class="link-icon" title="»Kemble (1885)«">↗</a>
| | < p><a href=" https://illus.twainframe.org/ HF/ Trier">< i> Die Abenteuer des Tom Sawyer und Huckleberry Finn</ i> , Trier (1936)</a></ p> |
| </button>
| | </div> |
| <div class="ausklapp-inhalt sub"> | |
| <a class="link-entry" href="/ wiki/ SeiteA1"> By Chapter < span class="link-icon"> ↗</ span></a> | |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| | <div class="gallery-item"> |
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1938_kel_cover_ill.jpg" alt="Kellerer 1938"> |
| | <p><a href="https://illus.twainframe.org/HF/Kellerer"><i>Huck Finn's Abenteuer und Fahrten</i>, Kellerer (1938)</a></p> |
| | </div> |
|
| |
|
| | <div class="gallery-item"> |
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1938_har_cover.jpg" alt="Harder 1938"> |
| | <p><a href="https://illus.twainframe.org/HF/Harder"><i>Huckleberry Finns Fahrten und Abenteuer</i>, Harder (1938)</a></p> |
| </div> | | </div> |
|
| |
|
| <button class="ausklapp-button" aria-expanded="false"> | | <div class="gallery-item"> |
| Sorted by Chapter
| | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1940_bus_cover.jpg" alt="Busoni 1940"> |
| <a href="/wiki/Sorted_by_Chapter" class="link-icon">↗</a> | | < p><a href=" https:// illus.twainframe.org/ HF/ Busoni">< i> Die Abenteuer des Tom Sawyer und Huckleberry Finn</ i> , Busoni (1940)</a></ p> |
| </button>
| |
| <div class="ausklapp-inhalt">
| |
| <button class="ausklapp-button sub" aria-expanded="false"> | |
| All Chapters
| |
| <a href="/ wiki/ UnterpunktB" class="link-icon">↗</ a> | |
| </button>
| |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Single Chapters
| |
| <a href="/wiki/UnterpunktB" class="link-icon">↗</a>
| |
| </button>
| |
| </div> | | </div> |
|
| |
|
| <button class="ausklapp-button" aria-expanded="false"> | | <div class="gallery-item"> |
| Sorted by Character | | <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1944_beb_dust_jacket.jpg"> |
| <a href="/ wiki/ Sorted_by_Edition" class="link-icon" title="»Sorted by Edition/ Illustrator«"> ↗</a> | | <p><a href=" https://illus.twainframe.org/ HF/ Bebie" ><i>Huck Finn's Fahrten und Abenteuer</ i> , Bebié (1944)</a></ p> |
| </button>
| | </div> |
| <div class="ausklapp-inhalt"> | |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | </div> |
| Character Distribution Across Editions
| | <style> |
| <a href="/wiki/chardist" class="link-icon" title="»Huck«">↗</a>
| | .gallery-grid { |
| </button>
| | display: grid; |
| | grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); |
| | gap: 20px; |
| | justify-items: center; |
| | align-items: start; |
| | } |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | .gallery-item { |
| Huck
| | text-align: center; |
| <a href="/wiki/Huck" class="link-icon" title="»Huck«">↗</a>
| | max-width: 250px; |
| </button>
| | } |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kemble <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Schrödter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Hirth <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Trier <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Harder <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kellerer <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Busoni <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">Bebie <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | /* make all images equal size */ |
| Jim
| | .gallery-item img { |
| <a href="/wiki/Jim" class="link-icon" title="»Huck«">↗</a>
| | width: 100%; |
| </button>
| | aspect-ratio: 3 / 4; /* or 1 / 1 for perfect squares */ |
| <div class="ausklapp-inhalt sub">
| | object-fit: cover; /* fills box without distortion */ |
| <a class="link-entry" href="/wiki/SeiteA1">Kemble <span class="link-icon">↗</span></a>
| | border-radius: 8px; |
| <a class="link-entry" href="/wiki/SeiteA1">Schrödter <span class="link-icon">↗</span></a>
| | box-shadow: 0 2px 6px rgba(0,0,0,0.1); |
| <a class="link-entry" href="/wiki/SeiteA1">Hirth <span class="link-icon">↗</span></a>
| | } |
| <a class="link-entry" href="/wiki/SeiteA1">Trier <span class="link-icon">↗</span></a>
| | </style> |
| <a class="link-entry" href="/wiki/SeiteA1">Harder <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kellerer <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Busoni <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">Bebie <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | </html> |
| Pap Finn
| |
| <a href="/wiki/Pap" class="link-icon" title="»Huck«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kemble <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Schrödter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Hirth <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Trier <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Harder <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kellerer <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Busoni <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">Bebie <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| King and Duke
| |
| <a href="/wiki/kingduke" class="link-icon" title="»Huck«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kemble <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Schrödter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Hirth <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Trier <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Harder <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kellerer <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Busoni <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">Bebie <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| |
| Tom Sawyer
| |
| <a href="/wiki/Tom" class="link-icon" title="»Huck«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kemble <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Schrödter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Hirth <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Trier <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Harder <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kellerer <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Busoni <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">Bebie <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| <button class="ausklapp-button sub" aria-expanded="false">
| | === ''Adventures of Tom Sawyer''(Placeholder) === |
| Other Characters
| |
| <a href="/wiki/sdc" class="link-icon" title="»Huck«">↗</a>
| |
| </button>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">By Chapter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">By Character <span class="link-icon">↗</span></a>
| |
| </div>
| |
| <div class="ausklapp-inhalt sub">
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kemble <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Schrödter <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Hirth <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Trier <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Harder <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Kellerer <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA1">Busoni <span class="link-icon">↗</span></a>
| |
| <a class="link-entry" href="/wiki/SeiteA2">Bebie <span class="link-icon">↗</span></a>
| |
| </div>
| |
|
| |
|
| </div>
| |
|
| |
|
| </div>
| |
| </div>
| |
|
| |
|
| </html>
| | === ''Life on the Mississippi'' (Placeholder) === |
| "* Placeholder"
| |
