Overview2: Difference between revisions
From Illustrations in German Translations of Mark Twain's Works
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
=== ''Adventures of Huckleberry Finn'' === | |||
<html> | <html> | ||
<div style="display: flex;"> | <div style="display: flex;"> | ||
| Line 75: | Line 79: | ||
</div> | </div> | ||
</html> | |||
<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> | |||
=== ''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) === | |||
<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> | </html> | ||
Revision as of 01:05, 29 October 2025
Adventures of Huckleberry Finn
Adventures of Tom Sawyer(Placeholder)
Life on the Mississippi (Placeholder)