|
|
| (7 intermediate revisions by the same user not shown) |
| 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'' === | | === ''Adventures of Huckleberry Finn'' === |
|
| |
|
| <html> | | <html> |
| <div style="display: flex;">
| | <div class="ausklapp-container"> |
| <div class="ausklapp-menublock">
| |
|
| |
| | |
| <button class="ausklapp-button" aria-expanded="false">
| |
| Sorted by Chapter
| |
|
| |
| </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 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 23: |
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 73: |
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> |
| </html> | | <div class="ausklapp-container"> |
| </br> | | |
| </br> | | <div class="ausklapp-block"> |
| <html> | | <button class="ausklapp-button" aria-expanded="false">Editions</button> |
| | <div class="ausklapp-inhalt"> |
| | |
| | </div> |
| | </div> |
|
| |
|
| <div class="gallery-grid"> | | <div class="gallery-grid"> |
| Line 165: |
Line 164: |
| === ''Adventures of Tom Sawyer''(Placeholder) === | | === ''Adventures of Tom Sawyer''(Placeholder) === |
|
| |
|
| <html>
| |
|
| |
|
| <div class="gallery-grid">
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1885_kmb_cover.jpg" alt="Kemble 1885">
| |
| <p>
| |
| <a href="https://illus.twainframe.org/HF/Kemble">
| |
| <i>Adventures of Huckleberry Finn</i>, Kemble (1885)
| |
| </a>
| |
| </p>
| |
| </div>
| |
|
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1898_schr_cover.jpg" alt="Schroedter 1897">
| |
| <p>
| |
| <a href="https://illus.twainframe.org/HF/Schroedter">
| |
| <i>Huck Finn's Abenteuer und Fahrten</i>, Schroedter (1897) </a>
| |
| </p>
| |
| </div>
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1920_hir_cover.jpg" alt="Hirth 1920">
| |
| <p>
| |
| <a href="https://illus.twainframe.org/HF/Hirth">
| |
| <i>Die Abenteuer des Huckleberry Finn</i>, Hirth (1920)</a></p>
| |
| </div>
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1936_tri_title.jpg" alt="Trier 1936">
| |
| <p><a href="https://illus.twainframe.org/HF/Trier"><i>Die Abenteuer des Tom Sawyer und Huckleberry Finn</i>, Trier (1936)</a></p>
| |
| </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 class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1940_bus_cover.jpg" alt="Busoni 1940">
| |
| <p><a href="https://illus.twainframe.org/HF/Busoni"><i>Die Abenteuer des Tom Sawyer und Huckleberry Finn</i>, Busoni (1940)</a></p>
| |
| </div>
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1944_beb_dust_jacket.jpg">
| |
| <p><a href="https://illus.twainframe.org/HF/Bebie"><i>Huck Finn's Fahrten und Abenteuer</i>, Bebié (1944)</a></p>
| |
| </div>
| |
|
| |
| </div>
| |
| <style>
| |
| .gallery-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
| |
| gap: 20px;
| |
| justify-items: center;
| |
| align-items: start;
| |
| }
| |
|
| |
| .gallery-item {
| |
| text-align: center;
| |
| max-width: 250px;
| |
| }
| |
|
| |
| /* make all images equal size */
| |
| .gallery-item img {
| |
| width: 100%;
| |
| aspect-ratio: 3 / 4; /* or 1 / 1 for perfect squares */
| |
| object-fit: cover; /* fills box without distortion */
| |
| border-radius: 8px;
| |
| box-shadow: 0 2px 6px rgba(0,0,0,0.1);
| |
| }
| |
| </style>
| |
|
| |
| </html>
| |
|
| |
|
| === ''Life on the Mississippi'' (Placeholder) === | | === ''Life on the Mississippi'' (Placeholder) === |
|
| |
| <html>
| |
|
| |
| <div class="gallery-grid">
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1885_kmb_cover.jpg" alt="Kemble 1885">
| |
| <p>
| |
| <a href="https://illus.twainframe.org/HF/Kemble">
| |
| <i>Adventures of Huckleberry Finn</i>, Kemble (1885)
| |
| </a>
| |
| </p>
| |
| </div>
| |
|
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1898_schr_cover.jpg" alt="Schroedter 1897">
| |
| <p>
| |
| <a href="https://illus.twainframe.org/HF/Schroedter">
| |
| <i>Huck Finn's Abenteuer und Fahrten</i>, Schroedter (1897) </a>
| |
| </p>
| |
| </div>
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1920_hir_cover.jpg" alt="Hirth 1920">
| |
| <p>
| |
| <a href="https://illus.twainframe.org/HF/Hirth">
| |
| <i>Die Abenteuer des Huckleberry Finn</i>, Hirth (1920)</a></p>
| |
| </div>
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1936_tri_title.jpg" alt="Trier 1936">
| |
| <p><a href="https://illus.twainframe.org/HF/Trier"><i>Die Abenteuer des Tom Sawyer und Huckleberry Finn</i>, Trier (1936)</a></p>
| |
| </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 class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1940_bus_cover.jpg" alt="Busoni 1940">
| |
| <p><a href="https://illus.twainframe.org/HF/Busoni"><i>Die Abenteuer des Tom Sawyer und Huckleberry Finn</i>, Busoni (1940)</a></p>
| |
| </div>
| |
|
| |
| <div class="gallery-item">
| |
| <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1944_beb_dust_jacket.jpg">
| |
| <p><a href="https://illus.twainframe.org/HF/Bebie"><i>Huck Finn's Fahrten und Abenteuer</i>, Bebié (1944)</a></p>
| |
| </div>
| |
|
| |
| </div>
| |
| <style>
| |
| .gallery-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
| |
| gap: 20px;
| |
| justify-items: center;
| |
| align-items: start;
| |
| }
| |
|
| |
| .gallery-item {
| |
| text-align: center;
| |
| max-width: 250px;
| |
| }
| |
|
| |
| /* make all images equal size */
| |
| .gallery-item img {
| |
| width: 100%;
| |
| aspect-ratio: 3 / 4; /* or 1 / 1 for perfect squares */
| |
| object-fit: cover; /* fills box without distortion */
| |
| border-radius: 8px;
| |
| box-shadow: 0 2px 6px rgba(0,0,0,0.1);
| |
| }
| |
| </style>
| |
|
| |
| </html>
| |