Overview2: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

No edit summary
No edit summary
 
(6 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 class="ausklapp-menublock">
<div class="ausklapp-container">
 
 
  <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 22: 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 72: 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>


<html>
  <div class="ausklapp-block">
    <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>

Latest revision as of 01:25, 29 October 2025

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 sortable catalog which allows users to filter and search all illustrations using custom keywords and the comparison tool which can be used to compare sets of illustrations side by side.

Adventures of Huckleberry Finn


Adventures of Tom Sawyer(Placeholder)

Life on the Mississippi (Placeholder)