Added initial emulator configuration window, cleanup of settings code.

[apple2] / web / index.html

diff --git a/web/index.html b/web/index.html
index 9310b4634c64a229583d7c7eee67797da49f3aed..b6dae4f6ed4b18cca17e03bd1ff66ed11549d527 100644 (file)
--- a/web/index.html
+++ b/web/index.html
@@ -21,7 +21,7 @@
 <p><img class="flt-l" src="img/a2-icon-64x64.png">This is the home of the Apple2 portable Apple //e emulator.&ensp;It&rsquo;s based on GCC and SDL2, and runs on Linux, Windows, and MacOS X.&ensp;It&rsquo;s powered by Virtual 65C02&trade;, and sports an easy to use yet powerful interface.&ensp;It also has WOZ support!&ensp;The source is licensed under the GPL version 3.</p>
 
 <figure class="flt-r">
-<img src="img/ss-04s.png">
+<img class="border" src="img/ss-04s.png">
 <figcaption>Apple2 running &ldquo;The Bard&rsquo;s Tale&rdquo;</figcaption>
 </figure>
 
@@ -51,11 +51,21 @@
 
 <h3>How to Use It</h3>
 
-<figure class="flt-r small33">
-<img src="img/ss-01s.png" width="100%">
+<figure class="clr-r flt-r small33">
+<img class="border" src="img/ss-01s.png" width="100%">
 <figcaption>Apple2&rsquo;s Control Bar</figcaption>
 </figure>
 
+<figure class="clr-r flt-r small33">
+<img class="border" src="img/ss-02s.png">
+<figcaption>Apple2&rsquo;s Disk Selector</figcaption>
+</figure>
+
+<figure class="clr-r flt-r small33">
+<img class="border" src="img/ss-03s.png">
+<figcaption>Scrolling in the Disk Selector</figcaption>
+</figure>
+
 <p>By mousing over the right side of the screen, the emulator control bar will appear; moving the mouse off of the bar will cause it to disappear.&ensp;On the bar are seven icons, labeled (from top to bottom): power, disk one, disk two, swap disks, save state, load state, and configure.&ensp;Here&rsquo;s what they do:</p>
 
 <ul>
@@ -68,10 +78,6 @@
 <li>Configure: configure various behaviors of the Apple2 emulator</li>
 </ul>
 
-<img class="flt-l small33" src="img/ss-02s.png">
-
-<img class="flt-l small33" src="img/ss-03s.png">
-
 <p>In addition to the aforementioned control bar, Apple2 also supports the following function keys:</p>
 
 <ul>