Overview2: Difference between revisions

From Illustrations in German Translations of Mark Twain's Works

No edit summary
No edit summary
 
(8 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-container">


<div class="gallery-grid">
  <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)
      <a href="/HF/Chapters" class="link-icon" title="»Kemble (1885)«">↗</a>
    </button>
 


  <div class="gallery-item">
    <button class="ausklapp-button sub" aria-expanded="false">
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1885_kmb_cover.jpg" alt="Kemble 1885">
      Comparison: Chapters (Two Illustrators at a Time)
    <p>
      <a href="/HF/ByChapters" class="link-icon"></a>
    <a href="https://illus.twainframe.org/HF/Kemble">
    </button>
      <i>Adventures of Huckleberry Finn</i>, Kemble (1885)
    </div>
</a>
  </p>
   </div>
   </div>


  <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
      <a href="/Wiki/chardist" class="link-icon" title="»Huck«">↗</a>
    </button>


  <div class="gallery-item">
    <button class="ausklapp-button sub" aria-expanded="false">
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1898_schr_cover.jpg" alt="Schroedter 1897">
      Huck
    <p>
      <a href="/HF/Huck" class="link-icon" title="»Huck«"></a>
    <a href="https://illus.twainframe.org/HF/Schroedter">
    </button>
    <i>Huck Finn's Abenteuer und Fahrten</i>, Schroedter (1897)  </a>
 
</p>
</div>


  <div class="gallery-item">
    <button class="ausklapp-button sub" aria-expanded="false">
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/hf_1920_hir_cover.jpg" alt="Hirth 1920">
      Jim
    <p>
      <a href="/HF/Jim" class="link-icon" title="»Huck«"></a>
<a href="https://illus.twainframe.org/HF/Hirth">
    </button>
<i>Die Abenteuer des Huckleberry Finn</i>, Hirth (1920)</a></p>
 
  </div>


  <div class="gallery-item">
    <button class="ausklapp-button sub" aria-expanded="false">
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1936_tri_title.jpg" alt="Trier 1936">
      Pap Finn
     <p><a href="https://illus.twainframe.org/HF/Trier"><i>Die Abenteuer des Tom Sawyer und Huckleberry Finn</i>, Trier (1936)</a></p>
      <a href="/HF/PapFinn" class="link-icon" title="»Huck«">↗</a>
  </div>
    </button>
   
   
     <button class="ausklapp-button sub" aria-expanded="false">
      King and Duke
      <a href="/HF/KingAndDuke" class="link-icon" title="»Huck«"></a>
    </button>
   


  <div class="gallery-item">
    <button class="ausklapp-button sub" aria-expanded="false">
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1938_kel_cover_ill.jpg" alt="Kellerer 1938">
      Tom Sawyer
    <p><a href="https://illus.twainframe.org/HF/Kellerer"><i>Huck Finn's Abenteuer und Fahrten</i>, Kellerer (1938)</a></p>
      <a href="/HF/Tom" class="link-icon" title="»Tom«"></a>
  </div>
    </button>
   


  <div class="gallery-item">
    <button class="ausklapp-button sub" aria-expanded="false">
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1938_har_cover.jpg" alt="Harder 1938">
      Other Characters
    <p><a href="https://illus.twainframe.org/HF/Harder"><i>Huckleberry Finns Fahrten und Abenteuer</i>, Harder (1938)</a></p>
      <a href="/HF/Others" class="link-icon" title="»Other Characters«">↗</a>
    </button>
    <div class="ausklapp-inhalt sub">
      <a class="link-entry" href="/HF/Fem">Female 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 class="gallery-item">
</div>
    <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1940_bus_cover.jpg" alt="Busoni 1940">
<div class="ausklapp-container">
    <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">
   <div class="ausklapp-block">
     <img src="https://illus.twainframe.org/index.php/Special:Redirect/file/Hf_1944_beb_dust_jacket.jpg">
     <button class="ausklapp-button" aria-expanded="false">Editions</button>
    <p><a href="https://illus.twainframe.org/HF/Bebie"><i>Huck Finn's Fahrten und Abenteuer</i>, Bebié (1944)</a></p>
    <div class="ausklapp-inhalt">
     
    </div>
   </div>
   </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>
=== ''Adventures of Tom Sawyer''(Placeholder) ===
<html>


<div class="gallery-grid">
<div class="gallery-grid">
Line 168: Line 161:
</html>
</html>


=== ''Life on the Mississippi'' (Placeholder) ===


<html>
=== ''Adventures of Tom Sawyer''(Placeholder) ===


<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>


 
=== ''Life on the Mississippi'' (Placeholder) ===
  <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)