--- a/relpipe-data/css/relpipe.css	Thu Dec 06 18:38:34 2018 +0100
+++ b/relpipe-data/css/relpipe.css	Thu Dec 06 21:16:49 2018 +0100
@@ -63,7 +63,7 @@
 	#text          { margin-left: auto; }
 }
 
-img.screenshot { max-width: 100%; }
+.img-container img { max-width: 820px; }
 
 p.flattr {
 	text-align: right;

Binary file relpipe-data/img/haiku-prototype-1.png has changed

--- a/relpipe-data/makra/img.xsl	Thu Dec 06 18:38:34 2018 +0100
+++ b/relpipe-data/makra/img.xsl	Thu Dec 06 21:16:49 2018 +0100
@@ -41,7 +41,7 @@
 			<xsl:apply-templates select="$script/node()"/>
 		</xsl:variable>
 		
-		<p>
+		<p class="img-container">
 			<!--
 				TODO: check whether the thumbnail exists and if yes, disply it and link to the full image.
 			-->

--- a/relpipe-data/screenshots.xml	Thu Dec 06 18:38:34 2018 +0100
+++ b/relpipe-data/screenshots.xml	Thu Dec 06 21:16:49 2018 +0100
@@ -25,7 +25,11 @@
 			There are some examples:
 		</p>
 		
+		<h2>GNU/Linux and KDE</h2>
 		<m:img src="img/kde-cli-tabular-1.png"/>
+		
+		<h2>Haiku OS</h2>
+		<m:img src="img/haiku-prototype-1.png"/>
 
 	</text>