screenshots for the docs (by Hans Bezemer)

Makefile

@@ -165,7 +165,8 @@ dist:
 	| $(SED) 's,\(<span class="version">\)[^<]*\(</span>\),\1$(VERSION)\2,g' \
 	| $(SED) 's,\(<span class="target">\)[^<]*\(</span>\),\1$(TARGET)\2,g' \
 	>'$(TOP_DIR)/index.html'
-	cp -p '$(TOP_DIR)/index.html' 'mingw_cross_env-$(VERSION)/doc/'
+	cp -p '$(TOP_DIR)/index.html'       'mingw_cross_env-$(VERSION)/doc/'
+	cp -p '$(TOP_DIR)/doc'/screenshot-* 'mingw_cross_env-$(VERSION)/doc/'
 	cd 'mingw_cross_env-$(VERSION)/doc' && lynx -dump -width 75 -nolist -force_html index.html >README
 	cp -p '$(TOP_DIR)/Makefile'    'mingw_cross_env-$(VERSION)/'
 	cp -p '$(TOP_DIR)/src'/*.mk    'mingw_cross_env-$(VERSION)/src/'

doc/index.html

@@ -48,6 +48,9 @@
             border: thin dotted #ccc;
             padding: 2pt;
         }
+        img {
+            border: thin solid #000;
+        }
         #navigation a {
             text-decoration: none;
             color: #00f;
@@ -104,6 +107,7 @@
 
     <ul>
         <li><a href="#introduction"  >Introduction</a></li>
+        <li><a href="#screenshots"   >Screenshots</a></li>
         <li><a href="#tutorial"      >Tutorial</a></li>
         <li><a href="#latest-release">Latest Release</a></li>
         <li><a href="#development"   >Development Version</a></li>
@@ -170,6 +174,21 @@
     </ul>
 </div>
 
+<div class="section">
+<h2 id="screenshots">Screenshots</h2>
+
+    <p>
+    Cross compiling
+    <a href="http://www.xs4all.nl/~thebeez/4tH/">4tH</a>:
+    </p>
+    <a href="screenshot-4th-compile.png"><img src="screenshot-4th-compile-small.png"></a>
+
+    <p>
+    and running it:
+    </p>
+    <a href="screenshot-4th-run.png"><img src="screenshot-4th-run-small.png"></a>
+</div>
+
 <div class="section">
 <h2 id="tutorial">Tutorial</h2>