+
+ <div class="pane">
+ <h2>Examples using the widget-set</h2>
+ <p>
+ It's worth viewing the source of these to see how small they
+ are and how various things are done.
+ </p>
+ <h3>Simple examples</h3>
+ <ul>
+ <li>
+ A very simple application at
+ <a href="//example.indexdata.com/"
+ >//example.indexdata.com/</a>.
+ </li>
+ <li>
+ <a href="//example.indexdata.com/minimal.html"
+ >The absolutely minimal application</a>
+ listed above.
+ </li>
+ <li>
+ <a href="//example.indexdata.com/language.html"
+ >A more detailed version</a>
+ that contains a configuration structure instead of accepting
+ the defaults. Includes a custom translation option to present
+ the application in Arabic.
+ </li>
+ <li>
+ <a href="//example.indexdata.com/mobile.html"
+ >A version suitable for mobile devices</a>,
+ with a responsive design that moves components around
+ depending on the screen size.
+ </li>
+ </ul>
+
+ <h3>Advanced examples</h3>
+ <ul>
+ <li>
+ An application that
+ <a href="//example.indexdata.com/lowlevel.html"
+ >uses lower-level MKWS components</a>
+ rather than the all-in-one <tt>#mkwsResults</tt> division,
+ allowing it to use a rather different layout.
+ </li>
+ <li>
+ An application that specifies how to display brief and full records
+ <a href="//example.indexdata.com/templates.html"
+ >using Handlebar templates</a>.
+ (Read about
+ <a href="http://handlebarsjs.com/"
+ >the templating language</a>.)
+ </li>
+ <li>
+ An application that
+ <a href="http://example.indexdata.com/images.html?q=portrait"
+ >displays thumbnail images</a>.
+ </li>
+ <li>
+ <a href="//example.indexdata.com/localauth.html"
+ >An application that uses a local authentication regime</a>,
+ and the corresponding
+ <a href="//example.indexdata.com/apache-config.txt"
+ >Apache2 configuration stanza</a>.
+ </li>
+ <li>
+ The
+ <a href="//example.indexdata.com/jquery.html"
+ >jQuery plugin</a>
+ version, consisting of a single JavaScript statement.
+ </li>
+ <li>
+ <a href="//example.indexdata.com/popup.html"
+ >A version that uses a jQuery popup</a>.
+ </li>
+ </ul>
+
+ <h3>Non-standard interfaces</h3>
+ <ul>
+ <li>
+ <a href="//example.indexdata.com/dict.html"
+ >An application that uses MKWS to find dictionary
+ definitions of words when you highlight them</a>.
+ </li>
+ <li>
+ <a href="//example.indexdata.com/auto.html"
+ >An application that runs an automatic search on load</a>.
+ </li>
+ <li>
+ An existing web-site,
+ <a href="http://sagp.miketaylor.org.uk/"
+ >The Self-Appointed Grammar Police</a>,
+ which has been fitted with an MKWS searching widget.
+ (See also the MKWS-widget customisations in
+ <a href="http://sagp.miketaylor.org.uk/style.css"
+ >that site's stylesheet</a>.)
+ </li>
+<!--
+ <li>
+ Another existing web-site,
+ <a href="http://zthes.z3950.org/"
+ >The Zthes specifications</a>,
+ which has been fitted with a popup MKWS search-box.
+ </li>
+-->
+ </ul>
+ </div>
+
+ <div class="pane">
+ <h2>Target selection</h2>
+ <p>
+ MKWS comes pre-configured to search in a set of a dozen or so
+ open-access targets, as a proof of concept. But you'll want
+ to use it to search your own selection of targets -- some open
+ access, some subscription.
+ </p>
+ <p>
+ We can set that up for you: email us on
+ <a href="mailto:info@indexdata.com"
+ >info@indexdata.com</a>.
+ </p>
+ </div>
+
+ <p style="text-align: right; font-size: small">
+ Copyright © 2013 IndexData ApS.
+ <a href="http://indexdata.com"><code>http://indexdata.com</code></a>
+ </p>