* changing web page into mDictionary one (basic version)
authorstranger <dariusz.wiechecki@gmail.com>
Wed, 23 Jan 2008 14:21:42 +0000 (14:21 +0000)
committerstranger <dariusz.wiechecki@gmail.com>
Wed, 23 Jan 2008 14:21:42 +0000 (14:21 +0000)
git-svn-id: file:///svnroot/mdictionary/www@239 5bde0345-f819-0410-ac75-e5045f9217cc

120 files changed:
contact.html
devhowto.html
download.html
faq.html
files/mdictionary.install [new file with mode: 0644]
howto.html
images/_800_01.png [new file with mode: 0644]
images/_800_about.png [new file with mode: 0644]
images/_800_add_bookmark.png [new file with mode: 0644]
images/_800_close.png [new file with mode: 0644]
images/_800_context_menu.png [new file with mode: 0644]
images/_800_hide_words_list.png [new file with mode: 0644]
images/_800_load_dictionary.png [new file with mode: 0644]
images/_800_menu_bookmarks.png [new file with mode: 0644]
images/_800_menu_dictionaries.png [new file with mode: 0644]
images/_800_menu_edit.png [new file with mode: 0644]
images/_800_menu_view.png [new file with mode: 0644]
images/_800_remove_bookmark.png [new file with mode: 0644]
images/_800_remove_dictionaries.png [new file with mode: 0644]
images/_800_select_dictionaries.png [new file with mode: 0644]
images/comarch.png [new file with mode: 0644]
images/favicon.png [new file with mode: 0644]
images/install.png [new file with mode: 0644]
images/install.xcf [new file with mode: 0644]
images/mLogo.png [new file with mode: 0644]
images/mLogo_ie24.png [new file with mode: 0644]
images/maemo_logo.gif [new file with mode: 0644]
images/maemo_logo.png [new file with mode: 0644]
index.html
screen.html
screen/n800/WS_screen00.png
screen/n800/WS_screen01.png
screen/n800/WS_screen02.png
screen/n800/WS_screen03.png
screen/n800/WS_screen04.png
screen/n800/WS_screen05.png
screen/n800/WS_screen06.png
screen/n800/WS_screen07.png
screen/n800/WS_screen08.png
screen/n800/WS_screen09.png
screen/n800/WS_screen10.png
screen/n800/WS_screen11.png
screen/n800/WS_screen12.png
screen/n800/WS_screen13.png
screen/n800/WS_screen14.png
screen/n800/WS_screen15.png
screen/n800/WS_screen16.png
screen/n800/WS_screen17.png
screen/n800/WS_screen18.png
screen/n800/WS_screen19.png
screen/n800/WS_screen20.png
screen/n800/WS_screen21.png
screen/n800/WS_screen22.png
screen/n800/WS_screen23.png
screen/n800/WS_screen24.png
screen/n800/WS_screen25.png
screen/n800/WS_screen26.png
screen/n800/WS_screen27.png
screen/n800/WS_screen28.png
screen/n800/WS_screen29.png
screen/n800/WS_screen30.png
screen/n800/WS_screen31.png
screen/n800/WS_screen32.png
screen/n800/WS_screen33.png
screen/n800/WS_screen34.png
screen/n800/WS_screen35.png
screen/n800/WS_screen36.png
screen/n800/WS_screen37.png
screen/n800/WS_screen38.png [new file with mode: 0644]
screen/n800/WS_screen39.png [new file with mode: 0644]
screen/n800/thumbnails/small_WS_screen00.png
screen/n800/thumbnails/small_WS_screen01.png
screen/n800/thumbnails/small_WS_screen02.png
screen/n800/thumbnails/small_WS_screen03.png
screen/n800/thumbnails/small_WS_screen04.png
screen/n800/thumbnails/small_WS_screen05.png
screen/n800/thumbnails/small_WS_screen06.png
screen/n800/thumbnails/small_WS_screen07.png
screen/n800/thumbnails/small_WS_screen08.png
screen/n800/thumbnails/small_WS_screen09.png
screen/n800/thumbnails/small_WS_screen10.png
screen/n800/thumbnails/small_WS_screen11.png
screen/n800/thumbnails/small_WS_screen12.png
screen/n800/thumbnails/small_WS_screen13.png
screen/n800/thumbnails/small_WS_screen14.png
screen/n800/thumbnails/small_WS_screen15.png
screen/n800/thumbnails/small_WS_screen16.png
screen/n800/thumbnails/small_WS_screen17.png
screen/n800/thumbnails/small_WS_screen18.png
screen/n800/thumbnails/small_WS_screen19.png
screen/n800/thumbnails/small_WS_screen20.png
screen/n800/thumbnails/small_WS_screen21.png
screen/n800/thumbnails/small_WS_screen22.png
screen/n800/thumbnails/small_WS_screen23.png
screen/n800/thumbnails/small_WS_screen24.png
screen/n800/thumbnails/small_WS_screen25.png
screen/n800/thumbnails/small_WS_screen26.png
screen/n800/thumbnails/small_WS_screen27.png
screen/n800/thumbnails/small_WS_screen28.png
screen/n800/thumbnails/small_WS_screen29.png
screen/n800/thumbnails/small_WS_screen30.png
screen/n800/thumbnails/small_WS_screen31.png
screen/n800/thumbnails/small_WS_screen32.png
screen/n800/thumbnails/small_WS_screen33.png
screen/n800/thumbnails/small_WS_screen34.png
screen/n800/thumbnails/small_WS_screen35.png
screen/n800/thumbnails/small_WS_screen36.png
screen/n800/thumbnails/small_WS_screen37.png
screen800.html
scripts/javascripts.js [new file with mode: 0644]
scripts/pngfix.js [new file with mode: 0644]
styles/images/background.png [new file with mode: 0644]
styles/images/bckgnd.png [new file with mode: 0644]
styles/images/switcher-minus.png [new file with mode: 0644]
styles/images/switcher.png [new file with mode: 0644]
styles/images/topBarBckgnd.png [new file with mode: 0644]
styles/main.css [new file with mode: 0644]
styles/main_ie.css [new file with mode: 0644]
test.php [deleted file]
userguide.html [new file with mode: 0644]

index 8370d15..8819b68 100644 (file)
@@ -1,58 +1,81 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td>
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       <td class="content">
-                                               <p>If you have questions please write to <u>maemo(at)comarch(dot)com</u><br></p>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006-2007 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html" class="current">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+               <p class="centered">
+                       If you have any questions please write to
+               </p>
+               <p class="centered mails">
+                       maemo (at) comarch (dot) com
+               </p>
 
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
index 23d51df..0d553ed 100644 (file)
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td>
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       
-                                       <td class="content">
-<div class="faq_title">Developer's HOWTO: making Your own GUI for mDictionary</div>                                    
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html" class="current">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+               <h1>Developer's HOWTO:<br />making Your own GUI for mDictionary</h1>
+
 <p><b>mDictionary</b> is intended to be as modifiable as possible. So apart from developing Your own dictionary engines, You can also create alternative user interface, should You find ours inattractive. For the intrepid ones, I have described how to do that. In this howto, I am going to explain how to communicate GUI with the engines's manager</p>
 
-<p>The only header file You need to include in Your GUI is <func>ws_dbus.h</func>. It contains all the functions necessary to communicate with the engines manager. The header file is available from our svn repository at <a href="https://garage.maemo.org">https://garage.maemo.org</a>.</p>
-<p>Firstly, You initialize our dbus wrapper library with <func>ws_dbus_create</func> function. You have to specify the name and the version of Your app and store the function's return value as it is necessary for further dbus wrapper communication.</p>
+<p>The only header file You need to include in Your GUI is <span class="code">ws_dbus.h</span>. It contains all the functions necessary to communicate with the engines manager. The header file is available from our svn repository at <a href="https://garage.maemo.org">https://garage.maemo.org</a>.</p>
+<p>Firstly, You initialize our dbus wrapper library with <span class="code">ws_dbus_create</span> function. You have to specify the name and the version of Your app and store the function's return value as it is necessary for further dbus wrapper communication.</p>
        
-<div class="code">dbus_data = ws_dbus_create ("WhiteStorkGui", "v1.0");</div>
+<div class="code">dbus_data = ws_dbus_create ("mDictionaryGui", "v1.0");</div>
 <p>
-Then You configure the remote and local addresses, by using <func>ws_dbus_config</func>. The settings should be the same as in the example, below:
+Then You configure the remote and local addresses, by using <span class="code">ws_dbus_config</span>. The settings should be the same as in the example, below:
+
 </p>
-<div class="code">ws_dbus_config (dbus_data, 
-               WS_DBUS_CONFIG_SERVICE,
-               "org.maemo.WhiteStorkGui");
-ws_dbus_config (dbus_data,
-               WS_DBUS_CONFIG_OBJECT,
-               "/org/maemo/WhiteStorkGui");
-ws_dbus_config (dbus_data,
-               WS_DBUS_CONFIG_IFACE,
-               "org.maemo.WhiteStorkGui");
-ws_dbus_config (dbus_data,
-               WS_DBUS_CONFIG_REMOTE_SERVICE,
-               "org.maemo.WhiteStorkManager");
-ws_dbus_config (dbus_data,
-               WS_DBUS_CONFIG_REMOTE_OBJECT,
-               "/org/maemo/WhiteStorkManager");
-ws_dbus_config (dbus_data,
-               WS_DBUS_CONFIG_REMOTE_IFACE,
-               "org.maemo.WhiteStorkManager");
-</div>
+<div class="code">ws_dbus_config( dbus_data,
+                WS_DBUS_CONFIG_SERVICE,
+                "org.maemo.mDictionaryGui" );
+ws_dbus_config( dbus_data,
+                WS_DBUS_CONFIG_OBJECT,
+                "/org/maemo/mDictionaryGui" );
+ws_dbus_config( dbus_data,
+                WS_DBUS_CONFIG_IFACE,
+                "org.maemo.mDictionaryGui" );
+ws_dbus_config( dbus_data,
+                WS_DBUS_CONFIG_REMOTE_SERVICE,
+                "org.maemo.mDictionaryManager" );
+ws_dbus_config( dbus_data,
+                WS_DBUS_CONFIG_REMOTE_OBJECT,
+                "/org/maemo/mDictionaryManager" );
+ws_dbus_config( dbus_data,
+                WS_DBUS_CONFIG_REMOTE_IFACE,
+                "org.maemo.mDictionaryManager" );</div>
 <p>
-Now You have to call the <func>ws_dbus_connect</func> function. It's an opaque function, which allows local methods to be run remotely. 
+Now You have to call the <span class="code">ws_dbus_connect</span> function. It's an opaque function, which allows local methods to be run remotely. 
 </p>
-<div class="code">ws_dbus_connect (dbus_data);</div>
+<div class="code">ws_dbus_connect( dbus_data );</div>
 <p>
-The only thing that's left now is specifying callback functions (with <func>ws_dbus_set_cb</func>), which are to be called
+The only thing that's left now is specifying callback functions (with <span class="code">ws_dbus_set_cb</span>), which are to be called
 whenever the manager calls a remote method.
 </p>
-<div class="code">ws_dbus_set_cb (dbus_data,
-               "return_words",
-               ws_gui_dbus_return_words,
-               ws_gui_app);
-</div>
+<div class="code">ws_dbus_set_cb( dbus_data,
+                "return_words",
+                ws_gui_dbus_return_words,
+                ws_gui_app );</div>
 
 <p>Callbacks definition:</p>
 
-<div class="code">void ws_gui_dbus_return_words (GError *error, GArray *words, gpointer user_data);</div>
-<p>
-<div class="faq_question">
+<div class="code">void ws_gui_dbus_return_words( GError *error,
+                               GArray *words,
+                               gpointer user_data );</div>
+
+<p class="faq_question">
 Accessing received data inside a callback handling function:
-</div>
 </p>
-In this case, words is a <func>GArray</func> of <func>osso_rpc_t</func> values. To access the contents of an osso_rpc_t variable, You first have to check its type by accessing the type field. The value field is an union of primitives. Depending on the type, You should read the value by accessing a proper field. Here is an example:
+
+<p>
+In this case, words is a <span class="code">GArray</span> of <span class="code">osso_rpc_t</span> values. To access the contents of an <span class="code">osso_rpc_t</span> variable, You first have to check its type by accessing the type field. The value field is an union of primitives. Depending on the type, You should read the value by accessing a proper field. Here is an example:
+</p>
 
 <div class="code">int i;
 osso_rpc_t data;
 for (i = 0; i < words->len; ++i)
 {
-
-       data = g_array_index (words, osso_rpc_t, 0);
-       if (data.type == DBUS_TYPE_STRING)
-
-       {
-               char *tmp_word = g_strdup(data.value.s);
-       };
-
+        data = g_array_index (words, osso_rpc_t, 0);
+        if (DBUS_TYPE_STRING == data.type)
+        {
+                char *tmp_word = g_strdup(data.value.s);
+                do_sth_with_word(tmp_word);
+        };
 };
 </div>
-<div class="faq_question">
-<p>
-Calling remote methods on manager:
+<p class="faq_question">
+       Calling remote methods on manager:
 </p>
-</div>
 <div class="code">ws_dbus_client_find_word (ws_gui_app->dbus_data, word);</div>
 <p>
 All functions containing the word client in their name, should be called from the GUI application.
 
-Please refer to dbus wrapper API documentation for further info. It can be generated by issuing <func>make docs</func>
-command in dbus wrapper source directory.
+Please refer to dbus wrapper API documentation for further info. It can be generated by issuing <span class="code">make docs</span> command in dbus wrapper source directory.
 </p>
-</td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
 
+</div>
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
index 9ded876..d7a80a5 100644 (file)
@@ -1,59 +1,95 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td>
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       <td class="content">
-                                               <p>You can download WhiteStork from <a href="https://garage.maemo.org/projects/mdictionary/" target="_blank">here</a>.<br>
-                                               If you have problems with installing WhiteStork please click <a href="howto.html">here</a> to obtain help.<p>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html" class="current">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+               <div class="centered"><p>
+                       You install mDictionary directly from this webpage, click <a href="files/mdictionary.install">INSTALL</a>.
+               </div>
+               </p>
+               
+               <div class="centered"><p>
+                       Also you can download <b>mDictionary</b> from
+                       <a href="https://garage.maemo.org/projects/mdictionary/" target="_blank">
+                               here
+                       </a>.
+               </div>
+               </p>
+               <div class="centered"><p>If you have problems with installing <b>mDictionary</b> please click
+                       <a href="howto.html">
+                               here
+                       </a>
+                       to obtain help.
+               </div>
+               </p>
 
+       </div>
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                ></img>
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
index a984abf..5981370 100644 (file)
--- a/faq.html
+++ b/faq.html
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+       <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td>
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       
-                                       <td class="content">
-                                       <div class="faq_title">Frequently Asked Questions ...</div>
-                                       <ul>
-                                       <div class="faq_question"><li>how to install WhiteStork?</li></div>
-                                       <p>To install WhiteStork application follow the steps described in <a href="howto.html">"How to ..."</a> section.</p>
-                                       <div class="faq_question"><li>how to start using an application?</li></div>
-                                       <p>To start using an application, open menu from Task Navigator, choose <i>Extra</i> submenu and tap on <i>WhiteStork Dictionary</i>. Dictionary is ready to use!.<br>WhiteStork is placed in <i>Extra</i> submenu by default. You can obviously choose a different location during instalation process.</p>
-                                       <div class="faq_question"><li>what dictionaries can be used?</li></div>
-                                       <p>You can use a various kinds of dictionaries. If you want to use <b>XDXF</b> dictionary file just simply download a file, unpack it and copy into <u>the catalouge with the name of the dicionary</u>. It is strongly required if you want WhiteStork to work properly. If you want to use <b>StarDict</b>, download a package with a dictionary, unpack all files and copy them into <u>the catalogue with the name of the dicionary</u>.<br>When you have a catalogue with a file(s) inside, open WhiteStork and simply load a new dicionary file by using <i>Load Dictionary</i> from <i>Dictionaries</i> submenu.<br></p>
-                                       <div class="faq_question"><li>how can I load my own dictionary?</li></div>
-                                       <p>To load your own dicionary file into WhiteStork application, choose <i>Load Dictionary</i> from <i>Dictionaries</i> submenu. A dialog popup will appear. Point the location of the file with dicionary. If you are loading XDXF dictionary - choose a file with .xdxf extension. If you want to load StarDict - you can choose any file from a catalouge (.idx, .ifo, .idx.gz, .dict or .dict.gz extension). After you choose a correct file, there is a necessary to answer some question before start using dictionary. WhiteStork will ask you if you want to start using a new dicionary from now and if you want to optimize a file (so that it should work faster).</p>
-                                       <div class="faq_question"><li>how to find a word?</li></div>
-                                       <p>Just simply type a word into a find toolbar entry and click a green arrow to start search. You can also choose <i>Find</i> from <i>Search</i> submenu in application menu<br>If you want to search a word, which is misunderstood in text from translation area, you can highlight it, use context menu and choose <i>Search</i>. WhiteStork will search selected text for you.</p>
-                                       <div class="faq_question"><li>which dicionaries are used when I perform a search?</li></div>
-                                       <p>To check which dictionares are currently used by WhiteStork, choose <i>Select dicionaries</i> from <i>Dictionaries</i> submenu. Dictionaries which are ticked, are currently in use. You can change it by selecting the different ones.</p>
-                                       <div class="faq_question"><li>I don't want to use one of the dicionaries anymore. Can I remove it?</li></div>
-                                       <p>You can remove a dictionary from WhiteStork by using <i>Remove Dictionary</i> item from <i>Dictionaries</i> submenu. If you remove a dictionary it is still kept on your device. It is removed only from WhiteStork application!</p>
-                                       <div class="faq_question"><li>bookmarks have not been installed. What can I do? </li></div>
-                                       <p>Probably you don't have sqlite library. Please, download libsqlite2.8 and install on your device. After that bookmarks should be unblocked in WhiteStork. If you have problem with installing a package, try to use <a href="http://maemo.org/maemowiki/ApplicationManagerRedPillMode">red pill mode</a>.</p>
-                                       <div class="faq_question"><li>what does <i>Optimize dictionaries</i> mean?</li></div>
-                                       <p>When you load a new dictionary file, you can optimize it, which means that a special cache file will be created and that makes a searching process work much faster. This option is strongly recomended for XDXF dictionaries. If you load a new dictionary and not optmize it, you can do this anytime, by choosig <i>Optimize dictionaries</i> from <i>Dictionaries</i> submenu.</p>
-                                       <div class="faq_question"><li>how to add a bookmark?</li></div>
-                                       <p>To add a word to the bookmarks, select it from the words list and choose <i>Add bookmark</i> from <i>Bookmarks</i> submenu or from sensitive context menu.</p>
-                                       <div class="faq_question"><li>is it possible to browse bookmarks?</li></div>
-                                       <p>Yes. When you choose <i>Open bookmarks</i> from <i>Bookmarks</i> submenu, application will switch into a bookmarks mode. Than you can browse bookmarks. If you perform a searching process, you will see words which have been found only. if you want to reload list of all words from bookmarks, simply type * (asteriks) into a find toolbar entry and start search. <u>This query works also with other dictionaries!</u>.<br>If you want to leave bookmark mode choose <i>Close bookmark</i> brom <i>Boomarks</i> menu.</p>
-                                       <div class="faq_question"><li>can I remove a word from bookmarks? </li></div>
-                                       <p>To remove a word from bookmark you have to switch WhiteStork into bookmarks mode. Than select a word from words list which you would like to remove and choose <i>Remove bookmark</i> from <i>Bookmarks</i> submenu.</p>
-                                       <div class="faq_question"><li>I want to add bookmark, but menu <i>Bookmarks</i> is dimmed. What can I do?</li></div>
-                                       <p>Probably bookmarks have not been installed on your device due to dependencies. Go to the <b>bookmarks have not been installed. What can I do?</b> question and follow the steps.</p>
-                                       <div class="faq_question"><li>I want to upgrade my WhiteStork. Is there possibility to save my bookmarks?</li></div>
-                                       <p>If you have installed WhiteStork 0.6 and you want to upgrade it to version 1.0 (or above) please follow the steps:<br />
-                                       1. <u>Before</u> you install new version of WhiteStork (1.0 or above) download <a href="https://garage.maemo.org/frs/?group_id=58&release_id=501">bmconverter tool</a> and install it.<br />
-                                       2. <u>CLOSE YOUR WHITESTORK</u>.
-                                       3. Run bookmark converter tool and click <i>Export</i> button. If everything goes well, you will see a confirmation dialog window.<br />
-                                       3. Install new version (1.0 or above) of WhiteStork.<br />
-                                       4. Run <a href="https://garage.maemo.org/frs/?group_id=58&release_id=501">bmconverter tool</a> again. Remember that during convertion your <u>WHITESTORK HAS TO BE CLOSED</u><br />
-                                       5. Click <i>Import</i> button. If your bookmarks have been imported correctly, you will see a confirmation dialog.<br />
-                                       6. Run WhiteStork. Bookmarks has been imported. You can enjoy the application now.</p>
-                                       <div class="faq_question"><li>I found a word and I need a translation in another application? Is it possible to copy it?</li></div>
-                                       <p>Yes. Just simply select text which you want to copy and choose <i>Copy</i> from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
-                                       <div class="faq_question"><li>can I paste a word into toolbar from a clipboard?</li></div>
-                                       <p>Yes. If you want to paste a text from the clipboard into a find toolbar entry choose <i>Paste</i> from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
-                                       <div class="faq_question"><li>is it possible to select whole text from translation area?</li></div>
-                                       <p>To select whole text from translation area choose <i>Select All</i> option from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
-                                       <div class="faq_question"><li>can I hide words list?</li></div>
-                                       <p>Yes. If you want to hide words list click a green arrow in a left corner or choose <i>Hide words list</i> from <i>View</i> submenu in application menu.</p>
-                                       <div class="faq_question"><li>letters in translation area are to small. Can I zoom in them?</li></div>
-                                       <p>There is possibility to zoom in or out text in translation area. You can do this by choosing <i>Zoom in</i> or <i>Zoom out</i> from <i>View</i> submenu or context sensitive menu. You can also use hardware keys, placed on your device.</p>
-                                       <div class="faq_question"><li>can I use WhiteStork in fullscreen mode? </li></div>
-                                       <p>Yes. To switch into fullscreen mode choose <i>Fulscreen</i> from <i>View</i> submenu or use hardware keys.</p>
-                                       <div class="faq_question"><li>how to browse a word history?</li></div>
-                                       <p>If you want to browse history you can use arrows placed on a find toolbar. There are forward and back option, just like in a web browser. You can also use <i>Find next</i> or <i>Find previous</i> from <i>Search</i> submenu. If there are no words in the history (either before the current position, or after), a proper arrow is dimmed.</p>
-                                       <div class="faq_question"><li>can I stop a searching process if it takes too long?</li></div>
-                                       <p>Yes. There is a stop button on the find toolbar. You can also use <i>Stop</i> command from <i>Search</i> submenu.</p>                                        
-                                       <div class="faq_question"><li>where can I find more details about WhiteStork?</li></div>
-                                       <p>You can click <i>About</i> in application menu. If you are looking for more details, you can always visit <a href="http://mdictionary.garage.maemo.org/" target=blank>WhiteStork website</a> or see <a href="https://garage.maemo.org/projects/mdictionary/" target=blank>WhiteStork project</a> on <a href="https://garage.maemo.org/">garage.maemo.org.</a></p>
-                                       <div class="faq_question"><li>how to highlight some text so that it will be possible to copy it to the clipboard?</li></div>
-                                       <p>To select (highlight) some text from the translation area just double tap on the word which you want to select or use double tap and drag to highlight more words.</p>
-                                       <div class="faq_question"><li>is it possible to search highlighted text?</li></div>
-                                       <p>Yes. Select word (text) from translation area and choose <i>Search</i> option from context sensitive menu.</p>
-                                       
-                                       </ul>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html" class="current">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+               <h1 class="centered">Frequently Asked Questions ...</h1>
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How to install mDictionary?
+       <div class="faq_answer">
+               <p>To install mDictionary application follow the steps described in <a href="howto.html">"How to ..."</a> section.</p>
+       </div>
+</div>
+       
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How to start using an application?
+       <div class="faq_answer">
+               <p>To start using an application, open menu from Task Navigator, choose <i>Extra</i> submenu and tap on <i>mDictionary Dictionary</i>. Dictionary is ready to use!.<br>mDictionary is placed in <i>Extra</i> submenu by default. You can obviously choose a different location during instalation process.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       What dictionaries can be used?
+       <div class="faq_answer">
+               <p>You can use a various kinds of dictionaries. If you want to use <b>XDXF</b> dictionary file just simply download a file, unpack it and copy into <u>the catalouge with the name of the dicionary</u>. It is strongly required if you want mDictionary to work properly. If you want to use <b>StarDict</b>, download a package with a dictionary, unpack all files and copy them into <u>the catalogue with the name of the dicionary</u>. There is also possibility to point a location of a dictionary, which is packed into <b>.tar.bz2 archive</b>. mDictionary will simply unpack it for you. <br>When you have a catalogue with a file(s) inside, open mDictionary and simply load a new dicionary file by using <i>Load Dictionary</i> from <i>Dictionaries</i> submenu.<br></p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How can I load my own dictionary?
+       <div class="faq_answer">
+               <p>To load your own dicionary file into mDictionary application, choose <i>Load Dictionary</i> from <i>Dictionaries</i> submenu. A dialog popup will appear. Point the location of the file with dicionary. If you are loading XDXF dictionary - choose a file with .xdxf extension. If you want to load StarDict - you can choose any file from a catalouge (.idx, .ifo, .idx.gz, .dict or .dict.gz extension). You can also choose .tar.bz2 file. <br />After you choose a correct file, there is a necessary to answer some question before start using dictionary. mDictionary will ask you if you want to start using a new dicionary from now and if you want to optimize a dictionary file (so that it should work faster).</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How to find a word?
+       <div class="faq_answer">
+               <p>Just simply type a word into a find toolbar entry and tap a green arrow to start search. You can also choose <i>Find</i> from <i>Search</i> submenu in application menu<br>If you want to search a word, which is misunderstood in text from translation area, you can highlight it, use context menu and choose <i>Search</i>. mDictionary will search selected text for you.<br />
+               If mDictionary did not find a word, which </p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Which dicionaries are used when I perform a search?
+       <div class="faq_answer">
+               <p>To check which dictionares are currently used by mDictionary, choose <i>Select dicionaries</i> from <i>Dictionaries</i> submenu. Dictionaries which are ticked, are currently in use. You can change it by selecting the different ones.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       I don't want to use one of the dicionaries anymore. Can I remove it?
+       <div class="faq_answer">
+               <p>You can remove a dictionary from mDictionary by using <i>Remove Dictionary</i> item from <i>Dictionaries</i> submenu. If you remove a dictionary from an application, it is still kept on your device. It is removed only from mDictionary application!</p>
+       </div>
+</div>
+
+<!--<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Bookmarks have not been installed. What can I do?
+       <div class="faq_answer">
+               <p>Probably you don't have sqlite library. Please, download libsqlite2.8 and install on your device. After that bookmarks should be unblocked in mDictionary. If you have problem with installing a package, try to use <a href="http://maemo.org/maemowiki/ApplicationManagerRedPillMode">red pill mode</a>.</p>
+       </div>
+</div>-->
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       what does <i>Optimize dictionaries</i> mean?
+       <div class="faq_answer">
+               <p>When you load a new dictionary file, you can optimize it, which means that a special cache file will be created and that makes a searching process work much faster. This option is available for XDXF dictionaries. When enabling opimialization for StarDict files, it is unuseful. If you load a new dictionary and not optmize it, you can do this anytime, by choosig <i>Optimize dictionaries</i> from <i>Dictionaries</i> submenu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How to add a bookmark?
+       <div class="faq_answer">
+               <p>To add a word to the bookmarks, select it from the words list and choose <i>Add bookmark</i> from <i>Bookmarks</i> submenu or from sensitive context menu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Is it possible to browse bookmarks?
+       <div class="faq_answer">
+               <p>Yes. When you choose <i>Open bookmarks</i> from <i>Bookmarks</i> submenu, application will switch into a bookmarks mode. Than you can browse bookmarks. If you perform a searching process, you will see words which have been found only. if you want to reload list of all words from bookmarks, simply type * (asteriks) into a find toolbar entry and start search. <u>This query works also with other dictionaries!</u>.<br>If you want to leave bookmark mode choose <i>Close bookmark</i> brom <i>Boomarks</i> menu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Can I remove a word from bookmarks?
+       <div class="faq_answer">
+               <p>To remove a word from bookmark you have to switch mDictionary into bookmarks mode. Than select a word from words list which you would like to remove and choose <i>Remove bookmark</i> from <i>Bookmarks</i> submenu.</p>
+       </div>
+</div>
+
+<!--<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       I want to add bookmark, but menu <i>Bookmarks</i> is dimmed. What can I do?
+       <div class="faq_answer">
+               <p>Probably bookmarks have not been installed on your device due to dependencies. Go to the <b>bookmarks have not been installed. What can I do?</b> question and follow the steps.</p>
+       </div>
+</div>-->
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       I want to upgrade my mDictionary. Is there possibility to save my bookmarks?
+       <div class="faq_answer">
+               <p>If you have installed mDictionary 0.6 and you want to upgrade it to version 1.0 (or above) please follow the steps:</p>
+               <ol>
+                       <li> <u>Before</u> you install new version of mDictionary (1.0 or above) download <a href="https://garage.maemo.org/frs/?group_id=58&release_id=501">bmconverter tool</a> and install it.
+                       </li>
+                       <li><u>CLOSE YOUR mDictionary</u>.
+                                       Run bookmark converter tool and click <i>Export</i> button. If everything goes well, you will see a confirmation dialog window.
+                       </li>
+                       <li>Install new version (1.0 or above) of mDictionary.
+                       </li>
+                       <li>Run <a href="https://garage.maemo.org/frs/?group_id=58&release_id=501">bmconverter tool</a> again. Remember that during convertion your <u>mDictionary HAS TO BE CLOSED</u>
+                       </li>
+                       <li>Click <i>Import</i> button. If your bookmarks have been imported correctly, you will see a confirmation dialog.
+                       </li>
+                       <li>
+                               Run mDictionary. Bookmarks has been imported. You can enjoy the application now.
+                       </li>
+               <ol>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       I found a word and I need a translation in another application? Is it possible to copy it?
+       <div class="faq_answer">
+               <p>Yes. Just simply select text which you want to copy and choose <i>Copy</i> from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Can I paste a word into toolbar from a clipboard?
+       <div class="faq_answer">
+               <p>Yes. If you want to paste a text from the clipboard into a find toolbar entry choose <i>Paste</i> from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Is it possible to select whole text from translation area?
+       <div class="faq_answer">
+               <p>To select whole text from translation area choose <i>Select All</i> option from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Can I hide words list?
+       <div class="faq_answer">
+               <p>Yes. If you want to hide words list click a green arrow in a left corner or choose <i>Hide words list</i> from <i>View</i> submenu in application menu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Letters in translation area are to small. Can I zoom in them?
+       <div class="faq_answer">
+               <p>There is possibility to zoom in or out text in translation area. You can do this by choosing <i>Zoom in</i> or <i>Zoom out</i> from <i>View</i> submenu or context sensitive menu. You can also use hardware keys, placed on your device.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Can I use mDictionary in fullscreen mode?
+       <div class="faq_answer">
+               <p>Yes. To switch into fullscreen mode choose <i>Fulscreen</i> from <i>View</i> submenu or use hardware keys.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How to browse a word history?
+       <div class="faq_answer">
+               <p>If you want to browse history you can use arrows placed on a find toolbar. There are forward and back option, just like in a web browser. You can also use <i>Find next</i> or <i>Find previous</i> from <i>Search</i> submenu. If there are no words in the history (either before the current position, or after), a proper arrow is dimmed.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Can I stop a searching process if it takes too long?
+       <div class="faq_answer">
+               <p>Yes. There is a stop button on the find toolbar. You can also use <i>Stop</i> command from <i>Search</i> submenu.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Where can I find more details about mDictionary?
+       <div class="faq_answer">
+               <p>You can click <i>About</i> in application menu. If you are looking for more details, you can always visit <a href="http://mdictionary.garage.maemo.org/" target=blank>mDictionary website</a> or see <a href="https://garage.maemo.org/projects/mdictionary/" target=blank>mDictionary project</a> on <a href="https://garage.maemo.org/">garage.maemo.org.</a></p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       How to highlight some text so that it will be possible to copy it to the clipboard?
+       <div class="faq_answer">
+               <p>To select (highlight) some text from the translation area just double tap on the word which you want to select or use double tap and drag to highlight more words.</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Is it possible to search highlighted text?
+       <div class="faq_answer">
+               <p>Yes. Select word (text) from translation area and choose <i>Search</i> option from context sensitive menu.</p>
+       </div>
+</div>
 
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/files/mdictionary.install b/files/mdictionary.install
new file mode 100644 (file)
index 0000000..43a368c
--- /dev/null
@@ -0,0 +1,5 @@
+[install]
+repo_name  = Maemo Extras
+repo_deb   = deb http://repository.maemo.org/extras mistral free non-free
+repo_deb_3 = deb http://repository.maemo.org/extras bora free non-free
+package    = mdictionary
\ No newline at end of file
index 617e9e1..c695bef 100644 (file)
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td>
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       <td class="content">
-                                               <p><b>WhiteStork Multilingual Dictionary Installation.</b><br><br> 
-                                               This piece of software consists of three binary packages:
-                                               <ul>
-                                               <li>whitestork - core application</li>
-                                               <li>whitestorkgui - the graphical user interface</li>
-                                               <li>whitestorkplugins - XDXF and StarDict dictionaries format parsing engine</li>
-                                               </ul></p>
-                                               <p><b>Nokia N770 &amp; N800 installation<br><br></b>
-                                               In order to install our application make the following steps:<br>
-<ul><b>1.</b> Download the binary packages from our download section<br>
-<b>2.</b> Open the file manager and double click on each of the downloaded files in order they were mentioned above.<br>
-<b>3.</b> A window will pop up notifying you that the packages haven't been verified by Nokia. In order to install the dictionary you will have to ignore these warnings.<br>
-</ul></p>
-<p><b> Scratchbox installation<br></b>
-<ul><b>1.</b> Download the binary packages from our download section<br>
-<b>2.</b> Log into scratchbox and become root by issuing the command:
-fakeroot su<br>
-<b>3.</b> Install each WhiteStork package in order mentioned above by using: 
-<b><i>dpkg -i package_name</i></b><br>
-</ul></p>
-<p>Our application allows for using various parsing engines, so that different dictionary formats could be used. We have included a XDXF and StarDict format parsing engine to provide an example and to make it usable.<br></p>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html" class="current">How to...</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+               <h1>
+                       mDictionary Multilingual Dictionary Installation.
+               </h1>
+               <p>
+                       <strong>mDictionary</strong> consists of three modules:
+                       <br /><br />
+                               mdictionary - core application<br />
+                               mdictionarygui - the graphical user interface<br />
+                               mdictionaryplugins - engines<br />
+                       <br /> 
+                       All of them are placed in one binary package - mDictionary.
+               </p>
+               <h1>
+                       Nokia N770 &amp; N800 &amp; N810 installation
+               </h1>
+               <p>
+                       In order to install our application click <a href="files/mdictionary.install">INSTALL</a> or make the following steps:<br />
 
-<p><b>Installing new dictionaries</b>
+               <br />1. Download the binary package from our download section
+               <br />2. Open the file manager and double click on downloaded file.
+               <br />3. A window will pop up notifying you that the package hasn't been verified by Nokia. In order to install the dictionary you will have to ignore these warnings.
+               </p>
+
+               <h1>
+                       Scratchbox installation
+               </h1>
+                       - Download the binary package from our download section
+               <br /> - Log into scratchbox and become root by issuing the command: <span class="code">fakeroot su</span>
+               <br /> - Install mDictionary package mentioned above by using: <span class="code">dpkg -i package_name</span>.<br />
+               <br />
+
+               <p>
+                       Our application allows for using various parsing engines, so that different dictionary formats could be used. We have included a XDXF and StarDict format parsing engine to provide an example and to make it usable.
+               </p>
+
+               <h1>
+                       Installing new dictionaries
+               </h1>
  
-<ul>Dictionaries in WhiteStork are files containing the words database. For now we have only included a package containing a XDXF andStarDict format parser. You are welcome to contribute new parsing engines and we hope you will find our API documentation useful in development process. In order to add new dictionaries you'll have to download files containing the words database and make sure you have the appropriate parsing engine installed. As far as the XDXF and StarDict formats are concerned, they can be found under this address: <a href="http://xdxf.revdanica.com/down/">http://xdxf.revdanica.com/down/</a>
-Place the dictionary wherever you wish, however it has to be reachable by our application. In order to register new file in our dictionary, choose the Load Dictionary option from the application menu. To make it usable you'll have to optimize it, otherwise you won't be able to use it in your searches. If you would like to exclude a dictionary from searching, use the Select Dictionary option from the menu and check/uncheck a box next to your desired file.
-In order to unregister dictionary from our application, use the Remove Dictionary option. This will not erase the file however, you will have to do it manually.</ul></p>
-<p><b>Uninstalling the application</b><br>
+               <p>
+                       Dictionaries in mDictionary are files containing the words database. For now we have only included a package containing a XDXF and StarDict format parser. You are welcome to contribute new parsing engines and we hope you will find our API documentation useful in development process. In order to add new dictionaries you'll have to download files containing the words database and make sure you have the appropriate parsing engine installed. As far as the XDXF and StarDict formats are concerned, they can be found under this address:
+                       <a href="http://xdxf.revdanica.com/down">http://xdxf.revdanica.com/down </a>
+               </p>
+               <p>
+                       Place the dictionary file wherever you wish, however it has to be reachable by the application. In order to register new file in our dictionary, choose the Load Dictionary option from the application menu. To make <u>XDXF</u> dictionaries to work faster, you can optimize them (a special dialog will lead you through this procces). <u>StarDict dictionaries do not require optimalization</u> (there is no difference if you enable optimizing or not). If you would like to exclude a dictionary from searching, use the Select Dictionary option from the menu and check/uncheck a box next to your desired file.
+               </p>
+               <p>
+                       In order to unregister dictionary from mDictionary, use the Remove Dictionary option. This will not erase the file however, you will have to do it manually if you want to remove it from your device.
+               </p>
+               <h1>
+                       Uninstalling the application
+               </h1>
  
-<ul>Uninstalling WhiteStork can be performed using the Application Manager. Enter the Show Installed Applications item and uninstall the following packages: whitestorkgui, whitestorkplugins and whitestork.<ul><p>
-                                               
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
-
+               <p>
+                       Uninstalling mDictionary can be performed using the Application Manager. Enter the Show Installed Applications item and uninstall  mdictionary package.
+               </p>
+       </div>
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/images/_800_01.png b/images/_800_01.png
new file mode 100644 (file)
index 0000000..1a091ba
Binary files /dev/null and b/images/_800_01.png differ
diff --git a/images/_800_about.png b/images/_800_about.png
new file mode 100644 (file)
index 0000000..d9f911b
Binary files /dev/null and b/images/_800_about.png differ
diff --git a/images/_800_add_bookmark.png b/images/_800_add_bookmark.png
new file mode 100644 (file)
index 0000000..2ac56dc
Binary files /dev/null and b/images/_800_add_bookmark.png differ
diff --git a/images/_800_close.png b/images/_800_close.png
new file mode 100644 (file)
index 0000000..bc518a3
Binary files /dev/null and b/images/_800_close.png differ
diff --git a/images/_800_context_menu.png b/images/_800_context_menu.png
new file mode 100644 (file)
index 0000000..8317a9c
Binary files /dev/null and b/images/_800_context_menu.png differ
diff --git a/images/_800_hide_words_list.png b/images/_800_hide_words_list.png
new file mode 100644 (file)
index 0000000..b73dde5
Binary files /dev/null and b/images/_800_hide_words_list.png differ
diff --git a/images/_800_load_dictionary.png b/images/_800_load_dictionary.png
new file mode 100644 (file)
index 0000000..e65c18f
Binary files /dev/null and b/images/_800_load_dictionary.png differ
diff --git a/images/_800_menu_bookmarks.png b/images/_800_menu_bookmarks.png
new file mode 100644 (file)
index 0000000..f2263eb
Binary files /dev/null and b/images/_800_menu_bookmarks.png differ
diff --git a/images/_800_menu_dictionaries.png b/images/_800_menu_dictionaries.png
new file mode 100644 (file)
index 0000000..22047f4
Binary files /dev/null and b/images/_800_menu_dictionaries.png differ
diff --git a/images/_800_menu_edit.png b/images/_800_menu_edit.png
new file mode 100644 (file)
index 0000000..209bd83
Binary files /dev/null and b/images/_800_menu_edit.png differ
diff --git a/images/_800_menu_view.png b/images/_800_menu_view.png
new file mode 100644 (file)
index 0000000..28e4daf
Binary files /dev/null and b/images/_800_menu_view.png differ
diff --git a/images/_800_remove_bookmark.png b/images/_800_remove_bookmark.png
new file mode 100644 (file)
index 0000000..4370c16
Binary files /dev/null and b/images/_800_remove_bookmark.png differ
diff --git a/images/_800_remove_dictionaries.png b/images/_800_remove_dictionaries.png
new file mode 100644 (file)
index 0000000..6523c1a
Binary files /dev/null and b/images/_800_remove_dictionaries.png differ
diff --git a/images/_800_select_dictionaries.png b/images/_800_select_dictionaries.png
new file mode 100644 (file)
index 0000000..0b7ed50
Binary files /dev/null and b/images/_800_select_dictionaries.png differ
diff --git a/images/comarch.png b/images/comarch.png
new file mode 100644 (file)
index 0000000..18b9e8a
Binary files /dev/null and b/images/comarch.png differ
diff --git a/images/favicon.png b/images/favicon.png
new file mode 100644 (file)
index 0000000..f938ff3
Binary files /dev/null and b/images/favicon.png differ
diff --git a/images/install.png b/images/install.png
new file mode 100644 (file)
index 0000000..9c01ff8
Binary files /dev/null and b/images/install.png differ
diff --git a/images/install.xcf b/images/install.xcf
new file mode 100644 (file)
index 0000000..c2e3e15
Binary files /dev/null and b/images/install.xcf differ
diff --git a/images/mLogo.png b/images/mLogo.png
new file mode 100644 (file)
index 0000000..3b972f4
Binary files /dev/null and b/images/mLogo.png differ
diff --git a/images/mLogo_ie24.png b/images/mLogo_ie24.png
new file mode 100644 (file)
index 0000000..5217932
Binary files /dev/null and b/images/mLogo_ie24.png differ
diff --git a/images/maemo_logo.gif b/images/maemo_logo.gif
new file mode 100644 (file)
index 0000000..b0ef56a
Binary files /dev/null and b/images/maemo_logo.gif differ
diff --git a/images/maemo_logo.png b/images/maemo_logo.png
new file mode 100644 (file)
index 0000000..7d35736
Binary files /dev/null and b/images/maemo_logo.png differ
index 77c953c..c193d90 100644 (file)
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png">
-</center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td class="links">
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       <td>
-                                               <p>WhiteStork is multilingual dictionary enabling its users to use many dictionary formats. Its dedicated platforms are Nokia N770 and Nokia N800 internet tablets. Our final goal is to use many search engines so that different file formats could be used. They will be in a form of dynamically loadable modules. Currently there are only two engines available for the XDXF and StarDict dictionaries. There is also support for user bookmarks.</p><br>
-                                               <p>The aim of this project is to give users possibility to translate most common words on their Nokia's tablets in an easy and intuitive way. User just has to type a word, click find button and after a while translation is presented. Software allows to use more than one dictionary at the same time. User can import a new dictionary file or choose from the installed ones. Another useful feature is the clipboard. It gives a possibility to carry translation of word into another application.</p><br>
-                                               <p>The application consists of four modules:    <ul><li>GUI - written using GTK+ Hildon, GPL license </li>
-                                               <li>Engine - XDXF and StarDict format parser (+Bookmarks engine), GPL license </li>
-                                               <li>Manager - program modules management, GPL license </li>
-                                               <li>D-BUS wrapper - communication between GUI and Manager, LGPL license.</li></ul>
-                                               </p><br><p>WhiteStork can not only help, but also teach. Thanks to special searching system user does not have to know the exact word's spelling, the words which start with the same letter are displayed.
-                                               One of the main goals while designing WhiteStork was to create a user friendly application. Clear and easy to conquer UI allows to believe that user likes the application
-                                               </p>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006-2007 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html" class="current">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+
+       <div id="contentContainer">
+               <p>
+<strong>mDictionary</strong> (known as WhiteStork) is a multilingual dictionary enabling its users to use many dictionary formats. Its dedicated platforms are Nokia N770, N800 and N810 internet tablets. Our final goal is to use many search engines so that different file formats could be used. They will be in a form of dynamically loadable modules. Currently there are engines available for the XDXF and StarDict dictionaries. There is also support for user bookmarks and tar.gz files.
+               </p>
+               <p>
+The aim of this project is to give users the possibility to translate most common words on their Nokia's tablets in an easy and intuitive way. The user just has to type a word, click find button and after a while translation is presented. The software allows the use of more than one dictionary at the same time. The user can import a new dictionary file or choose from the installed ones. Another useful feature is a clipboard. It gives a possibility to carry the translation of a word into another application.
+               </p>
+<!-- -->
+               <p>
+The application consists of four modules:
+<br />
+<br /><b>GUI</b> - written using GTK+ Hildon, <a href="http://www.gnu.org/copyleft/gpl.html">GPL license</a>.
+<br /><b>Engine</b> - XDXF and StarDict format parser ( + Bookmarks engine), <a href="http://www.gnu.org/copyleft/gpl.html">GPL license</a>.
+<br /><b>Manager</b> - program modules management, <a href="http://www.gnu.org/copyleft/gpl.html">GPL license</a>.
+<br /><b>D-BUS wrapper</b> - communication between GUI and Manager, <a href="http://www.gnu.org/licenses/lgpl.html">LGPL license</a>.
+
+               </p>
+
+               <br></br>
+
+               <p>
+Since the application has been released as mDictionary (1.0), all modules have been placed in one package. Package's license has been changed to GPL.
+               </p>
+
+               <p>
+<strong>mDictionary</strong> can not only help, but also teach. Thanks to the special searching system user does not have to know the exact word's spelling, the words which start with the same letter are displayed. Moreover, wildcards can be use in a user's query.</p>
+<p>One of the main goals while designing mDictionary was to create a user friendly application. Clear and easy to conquer UI allows to believe that user feel comfortable with the application.</p>
+
+       </div>
+
+       <div id="footer">
+               <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+               <br>
+               <a href="http://www.comarch.com">
+                       <img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                            border="0"></img>
+               </a>
+       </div>
 
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
index a3864c3..4ca6093 100644 (file)
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td class="links">
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       <td>
-                                               <center>
-                                               <a href="screen.html">On Nokia N770</a> :|: <a href="screen800.html">On Nokia N800</a>
-                                               <center>
-                                               <p>Some WhiteStork screenshots. Click on them to enlarge image.</p>
-                                               <table border="0">
-                                               <tr>
-                                               <td><a href="./screen/screen01.png" target="_blank"><img src="./screen/thumbnails/screen01_thumb.png"></a></td>
-                                               <td><a href="./screen/screen02.png" target="_blank"><img src="./screen/thumbnails/screen02_thumb.png"></a></td>
-                                               <td><a href="./screen/screen03.png" target="_blank"><img src="./screen/thumbnails/screen03_thumb.png"></a></td>
-                                               <td><a href="./screen/screen04.png" target="_blank"><img src="./screen/thumbnails/screen04_thumb.png"></a></td>
-                                               </tr>
-                                               <tr>
-                                               <td><a href="./screen/screen05.png" target="_blank"><img src="./screen/thumbnails/screen05_thumb.png"></a></td>
-                                               <td><a href="./screen/screen06.png" target="_blank"><img src="./screen/thumbnails/screen06_thumb.png"></a></td>
-                                               <td><a href="./screen/screen07.png" target="_blank"><img src="./screen/thumbnails/screen07_thumb.png"></a></td>
-                                               <td><a href="./screen/screen08.png" target="_blank"><img src="./screen/thumbnails/screen08_thumb.png"></a></td>
-                                               </tr>
-                                               <tr>
-                                               <td><a href="./screen/screen09.png" target="_blank"><img src="./screen/thumbnails/screen09_thumb.png"></a></td>
-                                               <td><a href="./screen/screen10.png" target="_blank"><img src="./screen/thumbnails/screen10_thumb.png"></a></td>
-                                               <td><a href="./screen/screen11.png" target="_blank"><img src="./screen/thumbnails/screen11_thumb.png"></a></td>
-                                               <td><a href="./screen/screen12.png" target="_blank"><img src="./screen/thumbnails/screen12_thumb.png"></a></td>
-                                               </tr>
-                                               <tr>
-                                               <td colspan="3"><a href="./screen/screen13.png" target="_blank"><img src="./screen/thumbnails/screen13_thumb.png"></a></td>
-                                               </tr>
-                                               </table>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html" class="current">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
 
+       </div>
+       <div id="contentContainer">
+               <p class="centered">
+                       <a href="screen.html">
+                               On Nokia N770 :
+                       </a>
+                       |
+                       <a href="screen800.html">
+                               : On Nokia N800 :
+                       </a>
+                       |
+                       <!--a href="screen800.html"-->
+                               : On Nokia N810
+                       <!--/a-->
+               </p>
+               <p>
+                       Some WhiteStork screenshots. Click on them to enlarge image.
+               </p>
+               <div id="gallery">
+<a href="./screen/screen01.png" target="_blank"><img src="./screen/thumbnails/screen01_thumb.png"></a></td>
+<a href="./screen/screen02.png" target="_blank"><img src="./screen/thumbnails/screen02_thumb.png"></a></td>
+<a href="./screen/screen03.png" target="_blank"><img src="./screen/thumbnails/screen03_thumb.png"></a></td>
+<a href="./screen/screen04.png" target="_blank"><img src="./screen/thumbnails/screen04_thumb.png"></a></td>
+<a href="./screen/screen05.png" target="_blank"><img src="./screen/thumbnails/screen05_thumb.png"></a></td>
+<a href="./screen/screen06.png" target="_blank"><img src="./screen/thumbnails/screen06_thumb.png"></a></td>
+<a href="./screen/screen07.png" target="_blank"><img src="./screen/thumbnails/screen07_thumb.png"></a></td>
+<a href="./screen/screen08.png" target="_blank"><img src="./screen/thumbnails/screen08_thumb.png"></a></td>
+<a href="./screen/screen09.png" target="_blank"><img src="./screen/thumbnails/screen09_thumb.png"></a></td>
+<a href="./screen/screen10.png" target="_blank"><img src="./screen/thumbnails/screen10_thumb.png"></a></td>
+<a href="./screen/screen11.png" target="_blank"><img src="./screen/thumbnails/screen11_thumb.png"></a></td>
+<a href="./screen/screen12.png" target="_blank"><img src="./screen/thumbnails/screen12_thumb.png"></a></td>
+<a href="./screen/screen13.png" target="_blank"><img src="./screen/thumbnails/screen13_thumb.png"></a></td>
+               </div>
+       </div>
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
index b0b3035..2840060 100755 (executable)
Binary files a/screen/n800/WS_screen00.png and b/screen/n800/WS_screen00.png differ
index febcb6f..f362f29 100755 (executable)
Binary files a/screen/n800/WS_screen01.png and b/screen/n800/WS_screen01.png differ
index 0553285..b98a091 100755 (executable)
Binary files a/screen/n800/WS_screen02.png and b/screen/n800/WS_screen02.png differ
index 3f73978..519c20b 100755 (executable)
Binary files a/screen/n800/WS_screen03.png and b/screen/n800/WS_screen03.png differ
index 4f0dfaf..ecff541 100755 (executable)
Binary files a/screen/n800/WS_screen04.png and b/screen/n800/WS_screen04.png differ
index b6596c3..ca53fb0 100755 (executable)
Binary files a/screen/n800/WS_screen05.png and b/screen/n800/WS_screen05.png differ
index d539b46..0115329 100755 (executable)
Binary files a/screen/n800/WS_screen06.png and b/screen/n800/WS_screen06.png differ
index ce1af77..05b6ef9 100755 (executable)
Binary files a/screen/n800/WS_screen07.png and b/screen/n800/WS_screen07.png differ
index a3b0f1f..018bcbb 100755 (executable)
Binary files a/screen/n800/WS_screen08.png and b/screen/n800/WS_screen08.png differ
index af27cdc..8e468ed 100755 (executable)
Binary files a/screen/n800/WS_screen09.png and b/screen/n800/WS_screen09.png differ
index 4656b1e..7f66f4a 100755 (executable)
Binary files a/screen/n800/WS_screen10.png and b/screen/n800/WS_screen10.png differ
index 117f262..44fee27 100755 (executable)
Binary files a/screen/n800/WS_screen11.png and b/screen/n800/WS_screen11.png differ
index 089c75a..f671713 100755 (executable)
Binary files a/screen/n800/WS_screen12.png and b/screen/n800/WS_screen12.png differ
index eda070b..2ac1f00 100755 (executable)
Binary files a/screen/n800/WS_screen13.png and b/screen/n800/WS_screen13.png differ
index 867e1ba..e2e0b3a 100755 (executable)
Binary files a/screen/n800/WS_screen14.png and b/screen/n800/WS_screen14.png differ
index 704ac28..2efbefb 100755 (executable)
Binary files a/screen/n800/WS_screen15.png and b/screen/n800/WS_screen15.png differ
index 3930384..46206d8 100755 (executable)
Binary files a/screen/n800/WS_screen16.png and b/screen/n800/WS_screen16.png differ
index 5938f21..40fcecc 100755 (executable)
Binary files a/screen/n800/WS_screen17.png and b/screen/n800/WS_screen17.png differ
index c39a399..44144dd 100755 (executable)
Binary files a/screen/n800/WS_screen18.png and b/screen/n800/WS_screen18.png differ
index eabfb6f..18b0994 100755 (executable)
Binary files a/screen/n800/WS_screen19.png and b/screen/n800/WS_screen19.png differ
index c8898cb..52c217c 100755 (executable)
Binary files a/screen/n800/WS_screen20.png and b/screen/n800/WS_screen20.png differ
index 275256f..d0a236a 100755 (executable)
Binary files a/screen/n800/WS_screen21.png and b/screen/n800/WS_screen21.png differ
index 8f9c9dd..49fc5c6 100755 (executable)
Binary files a/screen/n800/WS_screen22.png and b/screen/n800/WS_screen22.png differ
index 09fe379..1346de3 100755 (executable)
Binary files a/screen/n800/WS_screen23.png and b/screen/n800/WS_screen23.png differ
index 85b695c..6408ee4 100755 (executable)
Binary files a/screen/n800/WS_screen24.png and b/screen/n800/WS_screen24.png differ
index abf85ad..2c1800b 100755 (executable)
Binary files a/screen/n800/WS_screen25.png and b/screen/n800/WS_screen25.png differ
index b45dc1c..92c3d16 100755 (executable)
Binary files a/screen/n800/WS_screen26.png and b/screen/n800/WS_screen26.png differ
index ab5c57f..6de5021 100755 (executable)
Binary files a/screen/n800/WS_screen27.png and b/screen/n800/WS_screen27.png differ
index b0da5c5..b693368 100755 (executable)
Binary files a/screen/n800/WS_screen28.png and b/screen/n800/WS_screen28.png differ
index 44c07ca..54d083a 100755 (executable)
Binary files a/screen/n800/WS_screen29.png and b/screen/n800/WS_screen29.png differ
index f29ba75..49378de 100755 (executable)
Binary files a/screen/n800/WS_screen30.png and b/screen/n800/WS_screen30.png differ
index 05d3195..a65935e 100755 (executable)
Binary files a/screen/n800/WS_screen31.png and b/screen/n800/WS_screen31.png differ
index e8d29da..661c7c3 100755 (executable)
Binary files a/screen/n800/WS_screen32.png and b/screen/n800/WS_screen32.png differ
index 2623928..0c0d284 100755 (executable)
Binary files a/screen/n800/WS_screen33.png and b/screen/n800/WS_screen33.png differ
index 2505a8d..0f39d16 100755 (executable)
Binary files a/screen/n800/WS_screen34.png and b/screen/n800/WS_screen34.png differ
index f8e45ae..9225bca 100755 (executable)
Binary files a/screen/n800/WS_screen35.png and b/screen/n800/WS_screen35.png differ
index 0a36f98..508f28d 100755 (executable)
Binary files a/screen/n800/WS_screen36.png and b/screen/n800/WS_screen36.png differ
index f1a0b79..66dcffe 100755 (executable)
Binary files a/screen/n800/WS_screen37.png and b/screen/n800/WS_screen37.png differ
diff --git a/screen/n800/WS_screen38.png b/screen/n800/WS_screen38.png
new file mode 100644 (file)
index 0000000..a427e5e
Binary files /dev/null and b/screen/n800/WS_screen38.png differ
diff --git a/screen/n800/WS_screen39.png b/screen/n800/WS_screen39.png
new file mode 100644 (file)
index 0000000..a69b7b3
Binary files /dev/null and b/screen/n800/WS_screen39.png differ
index b4b32ea..2e89aa8 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen00.png and b/screen/n800/thumbnails/small_WS_screen00.png differ
index 2ece09a..0009563 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen01.png and b/screen/n800/thumbnails/small_WS_screen01.png differ
index fdab208..8c2c7f6 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen02.png and b/screen/n800/thumbnails/small_WS_screen02.png differ
index d6da4a6..8be35ad 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen03.png and b/screen/n800/thumbnails/small_WS_screen03.png differ
index 5970dc5..5c806e1 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen04.png and b/screen/n800/thumbnails/small_WS_screen04.png differ
index d25b375..6a5d6c8 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen05.png and b/screen/n800/thumbnails/small_WS_screen05.png differ
index 7fc6d71..460c8e9 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen06.png and b/screen/n800/thumbnails/small_WS_screen06.png differ
index a1231e3..9570304 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen07.png and b/screen/n800/thumbnails/small_WS_screen07.png differ
index 04eace8..9a61f39 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen08.png and b/screen/n800/thumbnails/small_WS_screen08.png differ
index d84f3ea..222fa27 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen09.png and b/screen/n800/thumbnails/small_WS_screen09.png differ
index 2e4fa6a..b1eb956 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen10.png and b/screen/n800/thumbnails/small_WS_screen10.png differ
index 66b8aa0..041c06f 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen11.png and b/screen/n800/thumbnails/small_WS_screen11.png differ
index 9cd18e7..7025622 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen12.png and b/screen/n800/thumbnails/small_WS_screen12.png differ
index 28c1ffd..aa14219 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen13.png and b/screen/n800/thumbnails/small_WS_screen13.png differ
index dc12a97..e7e608a 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen14.png and b/screen/n800/thumbnails/small_WS_screen14.png differ
index 268f6bf..3c1eed7 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen15.png and b/screen/n800/thumbnails/small_WS_screen15.png differ
index 1f2eb0d..721cb14 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen16.png and b/screen/n800/thumbnails/small_WS_screen16.png differ
index b49827e..db851ff 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen17.png and b/screen/n800/thumbnails/small_WS_screen17.png differ
index 48300ce..96f47cb 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen18.png and b/screen/n800/thumbnails/small_WS_screen18.png differ
index bbc3cbb..d2fdbf6 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen19.png and b/screen/n800/thumbnails/small_WS_screen19.png differ
index 0bb563f..75ff179 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen20.png and b/screen/n800/thumbnails/small_WS_screen20.png differ
index 6f36b10..1b4a4de 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen21.png and b/screen/n800/thumbnails/small_WS_screen21.png differ
index a0f8a6f..258b9e0 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen22.png and b/screen/n800/thumbnails/small_WS_screen22.png differ
index 9912163..51cbbdb 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen23.png and b/screen/n800/thumbnails/small_WS_screen23.png differ
index 50c4248..b0958ac 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen24.png and b/screen/n800/thumbnails/small_WS_screen24.png differ
index fd34ab7..149ac34 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen25.png and b/screen/n800/thumbnails/small_WS_screen25.png differ
index 0dc6a7f..fbe2d48 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen26.png and b/screen/n800/thumbnails/small_WS_screen26.png differ
index 4bab81f..444c7c1 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen27.png and b/screen/n800/thumbnails/small_WS_screen27.png differ
index 6c49ce8..e6654ac 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen28.png and b/screen/n800/thumbnails/small_WS_screen28.png differ
index 638f5c6..037e43f 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen29.png and b/screen/n800/thumbnails/small_WS_screen29.png differ
index 940203b..accf052 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen30.png and b/screen/n800/thumbnails/small_WS_screen30.png differ
index 83c75b0..6176c07 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen31.png and b/screen/n800/thumbnails/small_WS_screen31.png differ
index d6c90dd..f5dee40 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen32.png and b/screen/n800/thumbnails/small_WS_screen32.png differ
index ceb0531..670e071 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen33.png and b/screen/n800/thumbnails/small_WS_screen33.png differ
index 3a51774..86b75ec 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen34.png and b/screen/n800/thumbnails/small_WS_screen34.png differ
index ee0a557..8b73046 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen35.png and b/screen/n800/thumbnails/small_WS_screen35.png differ
index d72ef6e..e49d346 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen36.png and b/screen/n800/thumbnails/small_WS_screen36.png differ
index ecf1bb7..c036578 100644 (file)
Binary files a/screen/n800/thumbnails/small_WS_screen37.png and b/screen/n800/thumbnails/small_WS_screen37.png differ
index 38f4410..d2d7416 100644 (file)
@@ -1,50 +1,82 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
-<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
-<title>WhiteStork Multilingual Dictionary</title>
-<link rel="Stylesheet" type="text/css" href="./css/style.css">
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+       <script src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
 </head>
 <body>
-<table id="top">
-<tr><td colspan="2"><center><img src="./images/label2.png"></center></td></tr>
-<tr>
-       <td id="left_border">&nbsp;</td>
-       <td id="center">
-               <table id="body">
-               <tr>
-                       <td id="left">
-                               <table class="menu">
-                               <tr><th>Menu</th></tr>
-                               <tr>
-                                       <td class="links">
-                                               <a href="index.html">About</a><br>
-                                               <a href="licence.html">Licence</a><br>
-                                               <a href="howto.html">How to...</a><br>
-                                               <a href="devhowto.html">For developers</a><br>
-                                               <a href="faq.html">FAQ</a><br>
-                                               <a href="userguide/index.html">User Guide</a><br>
-                                               <a href="screen800.html">Screenshots</a><br>
-                                               <a href="download.html">Download</a><br>
-                                               <a href="contact.html">Contact us</a><br>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                               <br>
-                               <br>
-                       </td>
-                       <td id="content">
-                               <table class="menu">
-                               <tr><th>&nbsp;</th></tr>
-                               <tr>
-                                       <td>
-                                               <center>
-                                               <a href="screen.html">On Nokia N770</a> :|: <a href="screen800.html">On Nokia N800</a>
-                                               <center>
-                                               <p>Some WhiteStork screenshots. Click on them to enlarge image.</p>
-<div>
-<a href=screen/n800/WS_screen00.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen00.png /></a>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html" class="current">Screenshots</a>
+                       <a href="userguide.html">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+               <p class="centered">
+                       <a href="screen.html">
+                               On Nokia N770 :
+                       </a>
+                       |
+                       <a href="screen800.html">
+                               : On Nokia N800 :
+                       </a>
+                       |
+                       <!--a href="screen800.html"-->
+                               : On Nokia N810
+                       <!--/a-->
+               </p>
+               <p>
+                       Some WhiteStork screenshots. Click on them to enlarge image.
+               </p>
+               <div id="gallery">
+
+<a href="screen/n800/WS_screen00.png" target="_blank">
+       <img src="screen/n800/thumbnails/small_WS_screen00.png" alt="screenshot"></img>
+</a>
 <a href=screen/n800/WS_screen01.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen01.png /></a>
 <a href=screen/n800/WS_screen02.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen02.png /></a>
 <a href=screen/n800/WS_screen03.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen03.png /></a>
@@ -55,6 +87,7 @@
 <a href=screen/n800/WS_screen08.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen08.png /></a>
 <a href=screen/n800/WS_screen09.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen09.png /></a>
 <a href=screen/n800/WS_screen10.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen10.png /></a>
+
 <a href=screen/n800/WS_screen11.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen11.png /></a>
 <a href=screen/n800/WS_screen12.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen12.png /></a>
 <a href=screen/n800/WS_screen13.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen13.png /></a>
 <a href=screen/n800/WS_screen25.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen25.png /></a>
 <a href=screen/n800/WS_screen26.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen26.png /></a>
 <a href=screen/n800/WS_screen27.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen27.png /></a>
+
 <a href=screen/n800/WS_screen28.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen28.png /></a>
 <a href=screen/n800/WS_screen29.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen29.png /></a>
 <a href=screen/n800/WS_screen30.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen30.png /></a>
 <a href=screen/n800/WS_screen35.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen35.png /></a>
 <a href=screen/n800/WS_screen36.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen36.png /></a>
 <a href=screen/n800/WS_screen37.png target=_blank><img src=screen/n800/thumbnails/small_WS_screen37.png /></a>
+               </div>
+       </div>
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
 </div>
-                                       </td>
-                               </tr>
-                               <tr><th class="footer">&nbsp;</th></tr>
-                               </table>
-                       </td>
-               </tr>
-               <tr><td colspan="2" id="footer_border">&nbsp;</td></tr>
-               <tr><td colspan="2" id="footer">&copy; 2006 <a href="#top">WhiteStork Multilingual Dictionary</a></td></tr>
-               </table>
-       </td>
-       <td id="right_border">&nbsp;</td>
-</tr>
-</table>
-
+<br>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/scripts/javascripts.js b/scripts/javascripts.js
new file mode 100644 (file)
index 0000000..db82503
--- /dev/null
@@ -0,0 +1,32 @@
+<!--
+
+/* test function for this javascript module */
+function test_function()
+{
+       alert("javascripts.js module test function!");
+}
+
+/* called onLoad web page - initialize all data in javascript */
+function init_javascript()
+{
+
+}
+
+/* to show/hide answer in faq and user guide pages */
+function faq_switcher(el)
+{
+       var answer = el.parentNode.getElementsByTagName("div")[1];
+       /* it is not always DIV that we want - lets check if it is a answer class */
+
+       if("none" == answer.style.display ||
+          "" == answer.style.display) {
+               answer.style.display = "block";
+               el.style.backgroundImage = "url(styles/images/switcher-minus.png)";
+       }
+       else {
+               answer.style.display = "none";
+               el.style.backgroundImage = "url(styles/images/switcher.png)";
+       }
+}
+
+//-->
\ No newline at end of file
diff --git a/scripts/pngfix.js b/scripts/pngfix.js
new file mode 100644 (file)
index 0000000..ffef0ea
--- /dev/null
@@ -0,0 +1,115 @@
+var supersleight       = function() {\r
+       \r
+       var root = false;\r
+       var applyPositioning = false;\r
+       \r
+       // Path to a transparent GIF image\r
+       var shim                        = "img/spacer.gif";\r
+       \r
+       // RegExp to match above GIF image name\r
+       var shim_pattern        = /x\.gif$/i;\r
+       \r
+       \r
+       \r
+       var fnLoadPngs = function() { \r
+               if (root) {\r
+                       root = document.getElementById(root);\r
+               }else{\r
+                       root = document;\r
+               }\r
+               for (var i = root.all.length - 1, obj = null; (obj = root.all[i]); i--) {\r
+                       // background pngs\r
+                       if (obj.currentStyle.backgroundImage.match(/\.png/i) !== null) {\r
+                               bg_fnFixPng(obj);\r
+                       }\r
+                       // image elements\r
+                       if (obj.tagName=='IMG' && obj.src.match(/\.png$/i) !== null){\r
+                               el_fnFixPng(obj);\r
+                       }\r
+                       // apply position to 'active' elements\r
+                       if (applyPositioning && (obj.tagName=='A' || obj.tagName=='INPUT') && obj.style.position === ''){\r
+                               obj.style.position = 'relative';\r
+                       }\r
+               }\r
+       };\r
+\r
+       var bg_fnFixPng = function(obj) {\r
+               var mode = 'scale';\r
+               var bg  = obj.currentStyle.backgroundImage;\r
+               var src = bg.substring(5,bg.length-2);\r
+               if (obj.currentStyle.backgroundRepeat == 'no-repeat') {\r
+                       mode = 'crop';\r
+               }\r
+               obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";\r
+               obj.style.backgroundImage = 'url('+shim+')';\r
+       };\r
+\r
+       var el_fnFixPng = function(img) {\r
+               var src = img.src;\r
+               img.style.width = img.width + "px";\r
+               img.style.height = img.height + "px";\r
+               img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')";\r
+               img.src = shim;\r
+       };\r
+       \r
+       var addLoadEvent = function(func) {\r
+               var oldonload = window.onload;\r
+               if (typeof window.onload != 'function') {\r
+                       window.onload = func;\r
+               } else {\r
+                       window.onload = function() {\r
+                               if (oldonload) {\r
+                                       oldonload();\r
+                               }\r
+                               func();\r
+                       };\r
+               }\r
+       };\r
+       \r
+       return {\r
+               init: function() { \r
+                       addLoadEvent(fnLoadPngs);\r
+               },\r
+               \r
+               limitTo: function(el) {\r
+                       root = el;\r
+               },\r
+               \r
+               run: function() {\r
+                       fnLoadPngs();\r
+               }\r
+       };\r
+}();\r
+\r
+// limit to part of the page ... pass an ID to limitTo:\r
+// supersleight.limitTo("myWindow");\r
+\r
+supersleight.init();\r
+/*\r
+var arVersion = navigator.appVersion.split("MSIE")\r
+var version = parseFloat(arVersion[1])\r
+\r
+if ((version >= 5.5) && (document.body.filters)) \r
+{\r
+   for(var i=0; i<document.images.length; i++)\r
+   {\r
+      var img = document.images[i]\r
+      var imgName = img.src.toUpperCase()\r
+      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")\r
+      {\r
+         var imgID = (img.id) ? "id='" + img.id + "' " : ""\r
+         var imgClass = (img.className) ? "class='" + img.className + "' " : ""\r
+         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "\r
+         var imgStyle = "display:inline-block;" + img.style.cssText \r
+         if (img.align == "left") imgStyle = "float:left;" + imgStyle\r
+         if (img.align == "right") imgStyle = "float:right;" + imgStyle\r
+         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle\r
+         var strNewHTML = "<span " + imgID + imgClass + imgTitle\r
+         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"\r
+         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"\r
+         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" \r
+         img.outerHTML = strNewHTML\r
+         i = i-1\r
+      }\r
+   }\r
+}*/\r
diff --git a/styles/images/background.png b/styles/images/background.png
new file mode 100644 (file)
index 0000000..aab8098
Binary files /dev/null and b/styles/images/background.png differ
diff --git a/styles/images/bckgnd.png b/styles/images/bckgnd.png
new file mode 100644 (file)
index 0000000..2a3c9b7
Binary files /dev/null and b/styles/images/bckgnd.png differ
diff --git a/styles/images/switcher-minus.png b/styles/images/switcher-minus.png
new file mode 100644 (file)
index 0000000..c0e271e
Binary files /dev/null and b/styles/images/switcher-minus.png differ
diff --git a/styles/images/switcher.png b/styles/images/switcher.png
new file mode 100644 (file)
index 0000000..20e9cb8
Binary files /dev/null and b/styles/images/switcher.png differ
diff --git a/styles/images/topBarBckgnd.png b/styles/images/topBarBckgnd.png
new file mode 100644 (file)
index 0000000..44f469c
Binary files /dev/null and b/styles/images/topBarBckgnd.png differ
diff --git a/styles/main.css b/styles/main.css
new file mode 100644 (file)
index 0000000..9d05f84
--- /dev/null
@@ -0,0 +1,239 @@
+html, body, html *, body * {
+       padding         : 0px; 
+       margin          : 0px;
+       color           : #666;
+       font-size       : 12px;
+       text-align      : justify;
+       font-family     : Georgia, Tahoma, Arial, Helvetica, sans-serif;
+}
+
+body {
+       text-align      : center;
+       background-image: url(images/bckgnd.png);
+       background-repeat: repeat-x;
+}
+
+#webContainer {
+       display         : block;
+       width           : 750px;
+       margin-left     : auto;
+       margin-right    : auto;
+}
+
+#topBar {
+       display         : block;
+       width           : 750px;
+       height          : 130px;
+       text-align      : left;
+       background-image: url(images/topBarBckgnd.png);
+       overflow        : hidden;
+}
+
+#topBar p {
+       color           : black;
+}
+
+#topBar p.title {
+       display         : block;
+       font-size       : 48px;
+       padding-left    : 146px;
+}
+
+#topBar a.install {
+       display         : block;
+       width           : 100px;
+       float           : right;
+       border          : 0px solid black;
+       margin-top      : 20px;
+       font-family     : sans-serif;
+       font-size       : 18px;
+       font-weight     : bold;
+}
+
+#topBar p.description {
+       display         : block;
+       font-size       : 17px;
+       padding-left    : 148px;
+}
+
+#topBarLinks {
+       display         : block;
+       height          : 30px;
+}
+
+#topBarLinks a {
+       display         : block;
+       float           : left;
+       padding-top     : 5px;
+       height          : 22px;
+       padding-left    : 7px;
+       padding-right   : 7px;
+       border-bottom   : 3px solid #2936FF;
+       font-size       : 12px;
+       text-decoration : none;
+       color           : #000;
+       font-weight     : bold;
+}
+#topBarLinks a:hover {
+       border-bottom   : 3px solid #f42;
+       color           : #0D5F8D; 
+}
+
+#topBarLinks a.current {
+       border-bottom   : 3px solid #f42;
+       color           : #0D5F8D;
+}
+
+#contentContainer {
+       display         : block;
+       width           : 500px;
+       min-height      : 0px;
+       background-image: url(images/background.png);
+       background-repeat: repeat-x;
+       padding-top     : 20px;
+       padding-bottom  : 20px;
+       padding-left    : 140px;
+       overflow        : auto;
+       height          : 400px;
+}
+
+#contentContainer p {
+       display         : block;
+       text-align      : left;
+       padding-right   : 20px;
+       padding-left    : 6px;
+       padding-bottom  : 15px;
+       padding-top     : 5px;
+       text-indent     : 20px;
+}
+
+#contentContainer .centered {
+       text-align      : center; 
+}
+#contentContainer p.mails {
+       color           : #33f;
+}
+
+#contentContainer p.li {
+       display         : block;
+       border          : 1px solid red;
+}
+
+#footer {
+       display         : block;
+       padding-top     : 30px;
+       text-align      : center;
+}
+#footer p {
+       text-align      : center;
+       font-size       : 10px;
+       padding         : 0px;
+       padding-bottom  : 5px;
+}
+#footer img {
+       font-size       : 10px;
+       color           : #b22;
+}
+
+#contentContainer h1 {
+       display         : block;
+       font-size       : 16px;
+       padding-bottom  : 10px;
+       padding-top     : 20px;
+}
+
+#contentContainer a {
+       text-decoration : none;
+       color           : #55e;
+}
+#contentContainer a:hover {
+       color           : #00f;
+}
+#contentContainer div.code {
+       display         : block;
+       margin          : 10px;
+       padding         : 5px;
+       border          : 1px solid silver;
+       background-color: #f5f5f5;
+       text-align      : left;
+       white-space     : pre;
+       color           : navy;
+       font-family     : monospace;
+}
+#contentContainer span.code {
+       padding-left    : 3px;
+       padding-right   : 3px;
+       white-space     : pre;
+       color           : navy;
+       font-family     : monospace;
+}
+
+#contentContainer p.faq_question {
+       display         : block;
+       padding-top     : 20px;
+       padding-bottom  : 5px;
+       font-weight     : bold;
+       font-size       : 14px;
+       text-transform  : capitalize;
+       color           : #33f;
+}
+
+#gallery {
+       display         : block;
+       text-align      : center;
+       border          : 1px solid silver;
+       padding         : 10px;
+}
+#gallery img {
+       border          : 2px solid #000;
+       padding         : 1px;
+       margin          : 2px;
+}
+
+#gallery a:hover img {
+       border          : 2px solid #33e;
+}
+
+div.faq_switcher {
+       display         : block;
+       width           : 10px;
+       height          : 10px;
+       float           : left;
+       border          : 1px solid silver;
+       margin-right    : 6px;
+       background-image: url(images/switcher.png);
+}
+div.faq_question {
+       font-family     : Arial;
+       font-size       : 16px;
+       padding         : 8px;
+       font-weight     : bold;
+       border-left     : 2px solid #A33;
+       margin-bottom   : 4px;
+}
+div.faq_answer {
+       display         : none;
+       font-size       : 12px;
+       margin-left     : 10px;
+       font-weight     : normal;
+       border          : 1px solid silver;
+       background-color: #efefef;
+}
+
+div.faq_answer li {
+       margin-left     : 25px;
+}
+
+.image {
+       text-align      : center;
+       font-size       : 12px;
+       font-weight     : bold;
+}
+.image img {
+       display         : block;
+       width           : 440px;
+       height          : 264px;
+       margin-left     : auto;
+       margin-right    : auto;
+       padding         : 4px;
+}
\ No newline at end of file
diff --git a/styles/main_ie.css b/styles/main_ie.css
new file mode 100644 (file)
index 0000000..4905c02
--- /dev/null
@@ -0,0 +1,7 @@
+#topBar p {
+       margin-left     : -139px;
+}
+
+#topBar a.install {
+       font-weight     : normal;
+}
\ No newline at end of file
diff --git a/test.php b/test.php
deleted file mode 100644 (file)
index 0d18a7b..0000000
--- a/test.php
+++ /dev/null
@@ -1,11 +0,0 @@
-<HTML>
-<HEAD>
-<TITLE> Hello World in PHP </TITLE>
-</HEAD>
-<BODY>
-<?
-// Hello world in PHP
- print("Hello World");
-?>
-</BODY>
-</HTML>
\ No newline at end of file
diff --git a/userguide.html b/userguide.html
new file mode 100644 (file)
index 0000000..396965b
--- /dev/null
@@ -0,0 +1,372 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
+       <meta http-equiv="content-language" content="EN" />
+       <meta name="description" content="Home page for mDictionary project - 
+                   mobile multilingual dictionary for maemo.org platform 
+                   (previously known as a 'WhiteStork')" />
+       <meta name="keywords" content="mdictionary whitestork maemo n770
+                   n800 n810 dictionary xdxf stardict mobile linux comarch" />
+       <meta name="language" content="English" />
+       <meta name="owner" content="ComArch S.A." />
+       <meta name="copyright" content="ComArch, 2006-2007. All rights Reserved."/>
+
+       <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon"></link>
+       <link rel="stylesheet" href="styles/main.css" type="text/css"></link>
+       <!--[if IE 6]>
+               <link rel="stylesheet"
+                     type="text/css"
+                     href="styles/main_ie.css" />
+
+               <script defer src="scripts/pngfix.js" type="text/javascript"></script>
+       <![endif]-->
+       <script language="JavaScript" src="scripts/javascripts.js" ></script>
+
+       <title>
+               mDictionary - multilingual dictionary for Maemo
+       </title>
+</head>
+<body>
+<div id="webContainer">
+       <div id="topBar">
+               <img src="images/mLogo_ie24.png" style="float:left;"></img>
+               <a href="files/mdictionary.install"
+                  class="install">
+                       install
+               </a>
+               <div style="display:block;height:100px;">
+                       <p class="title">
+                               mDictionary
+                       </p>
+                       <p class="description">
+                               multilingual dictionary for <a href="http://www.maemo.org" target="_blank"><img align="top" border="0" src="images/maemo_logo.png" ></a>(N770, N800 &amp; N810)
+                       </p>
+               </div>
+               <div id="topBarLinks">
+                       <a href="index.html">Home</a>
+                       <a href="download.html">Download</a>
+                       <a href="howto.html">How to..</a>
+                       <a href="screen800.html">Screenshots</a>
+                       <a href="userguide.html" class="current">User Guide</a>
+                       <a href="faq.html">FAQ</a>
+                       <a href="devhowto.html">Development</a>
+                       <a href="contact.html">Contact</a>
+               </div>
+
+       </div>
+       <div id="contentContainer">
+
+               <h1 class="centered">
+                       mDictionary Multilingual Dictionary
+               </h1>
+               <center><img class="centered" src="images/mLogo.png"></img></center>
+               <p class="centered">
+                       - user guide -
+               </p>
+
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Installation.
+       <div class="faq_answer">
+               <p>
+               <b>mDictionary</b> Multilingual Dictionary has been built with three modules, dependant of each other: mDictionary (internal application management), mDictionaryGui (graphical user interface) and mDictionaryPlugins (parsing engines). Since mDictionary 1.0 has been released, they are placed in one package - mDictionary. 
+               </p>
+               <p>
+               In order to install our application make the following steps:
+               </p>
+               <ul>
+                       <li>
+                               Download the binary package from mDictionary website - 
+                               <a href="https://garage.maemo.org/frs/?group_id=58">
+                               download section
+                               </a>
+                       </li>
+                       <li>
+                               Open the file manager and double click on downloaded file.
+                       </li>
+                       <li>
+                               A window will pop up notifying, you that the packages haven't been verified by Nokia. In order to install the dictionary you will have to ignore these warnings.
+                       </li>
+               </ul><br />
+               <p>or just simply click <a href="files/mdictionary.install">INSTALL</a> from mDictionary webpage.</p>
+               <p>
+               During an installation process you will be asked for pointing the location where mDictionary should be placed in an application menu. The default location is <i>Extra</i> submenu.
+               </p>
+       </div>
+</div>
+
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Running Application.
+       <div class="faq_answer">
+               <p>If the installation process is completed you can start using your mDictionary!</p>
+               <p>To run application simply click mDictionary activator from your Task Navigator and enjoy the pleasure!</p>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Work with many different dictionaries.
+       <div class="faq_answer">
+               <p>
+               mDictionary gives user a possibility to explore a different kinds of dictionary files. You can use a couple of them at the same time or load them into the mDictionary application and keep them in case they are useful. So far there are two engines implemented, which allow for use of <b>XDXF</b> and <b>StarDict</b> dictionaries.
+               </p>
+               <div class="image">
+                       <img src="images/_800_menu_dictionaries.png"></img>
+                       The Dictionaries Submenu<br><br>
+               </div>
+
+               <ul>
+                       <li>
+                               Load dictionary
+                       </li>
+                       <p>If you want to load a new dictionary file to your mDictionary you have to download and unpack proper files first. If you don't have any files with dictionaries you can find some <a href="http://xdxf.revdanica.com/down/">here</a>. After you have unpacked files, please create a folder with a proper name on your device and put there dictionary files. <u>It is strongly recommended to put files into a folder with a name of the dictionary. Without that your mDictionary cannot work properly.</u><br> If you have finished the steps above, run mDictionary and choose <i>Load dicionary</i> from <i>Dictionaries</i> submenu in application menu.</p>
+                       <p>Developers laid on compatibility mDictionary with various file types. mDictionary can load a dictionary from .xdxf files, .idx, .dict.dz or .ifo (StarDict files) or even .tar.bz2.</p>
+                       <div class="image">
+                               <img src="images/_800_load_dictionary.png"></img>
+                               Dialog window for loading a new dictionary file<br><br>
+                       </div>
+                       
+                       <li>
+                               Select dicionaries
+                       </li>
+                       <p>
+                               There is possibility to use more than one dictionary at the same time. To do this, you just have to choose <i>Select dictionaries</i> from <i>Dictionaries</i> submenu and tick the dictionaries, which you would like to search in.
+                       </p>
+                       <p>
+                               Anytime, you can select Bookmarks as an active dictionary as well. Than you will be able to search, not only in XDXF or StarDict dictionaries, but also in your own, Bookmark database.
+                       </p>
+                       <div class="image">
+                               <img src="images/_800_select_dictionaries.png"></img>
+                               Dialog window for selecting active dictionaries<br><br>
+                       </div>
+                       <li>
+                               Remove dictionaries
+                       </li>
+                       <p>
+                               If you decide that you don't need one of the dictionaries anymore, you can delete it from the application. It is a very easy process, but it does not mean, that a dictionary file will be erased from your device.
+                       </p>
+                       <p>
+                               To remove a loaded dictionary from your mDictionary, please open <i>Dictionaries</i> submenu from an Application Menu and choose <i>Remove Dictionaries</i>. The special dialog window will pop up and lead you through the removing process step by step.
+                       </p>
+                       <div class="image">
+                               <img src="images/_800_remove_dictionaries.png"></img>
+                               Dialog window for removing dictionaries<br><br>
+                       </div>
+
+
+
+                       <li>
+                               Optimize dictionaries
+                       </li>
+                       <p>
+                               If you load a new XDXF dictionary file, it is a good idea to optimize it. It means, that a special cache file will be created in order to make searching much faster. After loading a dictionary file you will be asked whether to optimize a new dictionary or not. If you decide not to optimize it, there is always a possibility to do this later. By choosing <i>Optimize dictionaries</i> from <i>Dictionaries</i> submenu you can check which dictionaries have not been optimized or simply optmize them.<br />
+                               There is no possibility to optimize StarDict dictionaries due to a special mechanism, which is build in StarDict dictionaries (enabling this option for StarDict dictionaries does not change anything).
+                       </p>
+               </ul>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       User Bookmarks.
+       <div class="faq_answer">
+       <ul>
+               <li>Open/Close Bookmarks</li>
+               <p>Bookmarks have been provided to make user feel more comfortable with the application. This module works very similar to the bookmarks which can be seen in any Web Browser application. Bookmarks are treated in the same way as other dictionaries. You can browse them anytime, search in, add or remove words.</p>
+               <p>When you choose <i>Open bookmarks</i> from <i>Bookmarks</i> submenu, application will switch into a bookmarks mode. Than you can browse bookmarks. If you perform a search, you will only see the words which have been found. If you want to reload list of all words from bookmarks, simply type * (asterisk) into the find toolbar textbox and start a search. You can use wildcards as well.</p>
+
+                       <div class="image">
+                               <img src="images/_800_menu_bookmarks.png"></img>
+                               The Bookmarks submenu<br><br>
+                       </div>
+
+               <p>If you want to leave bookmark mode choose <i>Close bookmark</i> from <i>Boomarks</i> menu.<br></p>
+               <li>
+                       Add Bookmark
+               </li>
+               <p>To add a word to the bookmarks, select it from the words list and choose <i>Add bookmark</i> from <i>Bookmarks</i> submenu or from the context sensitive menu.</p>
+                       <div class="image">
+                               <img src="images/_800_add_bookmark.png"></img>
+                               Adding bookmark<br><br>
+                       </div>
+
+               <li>
+                       Remove Bookmark
+               </li>
+               <p>To remove a word from bookmarks, you have to switch into Bookmark mode (<i>Open bookmark</i>). Then select a word from words list which you would like to remove and choose <i>Remove bookmark</i> from <i>Bookmarks submenu</i>.</p>
+                       <div class="image">
+                               <img src="images/_800_remove_bookmark.png"></img>
+                               Removing bookmark<br><br>
+                       </div>
+               <p>Bookmarks have been implemented using Berkley DB. In case of any problems with Bookmarks (i.e. Bookmark's menu is dimmed, or note about error is displayed) please double check berkley db package presence on your device.</p>
+       </ul>
+       </div>
+</div>
+
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Exchange Data With Other Applications.
+       <div class="faq_answer">
+               <p>
+                       mDictionary gives user a wide range of possibilities to use <b>clipboard</b>. You can not only copy translation to the clipboard and use it in another application but also paste a text from the clipboard into a find toolbar textbox so that searching is easier than ever!
+               </p>
+               <div class="image">
+                       <img src="images/_800_menu_edit.png"></img>
+                       The Edit submenu<br><br>
+               </div>
+               <ul>
+                       <li>
+                               Copy please ...
+                       </li>
+                       <p>If you want to copy selected text from translation area simply choose <i>Copy</i> from <i>Edit submenu</i> in application menu or in context sensitive menu.</p>
+
+                       <li>
+                               Paste
+                       </li>
+                       <p>If you want to paste a text from the clipboard into a find toolbar textbox choose <i>Paste</i> from <i>Edit</i> submenu in application menu or in context sensitive menu.</p>
+
+                       <li>
+                               Could you select this text for me?
+                       </li>
+                       <p>It is very easy to select text in the translation area. Please, double tap on a word which you want to select (one word will be selected) or use double tap and drag to select any text.</p>
+                       <p>You can also use <i>Select All</i> option from <i>Edit</i> submenu in application on context senstitive menu. This option allows for selecting the whole translation.</p>
+               </ul>
+       </div>
+</div>
+
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Change view of the application.
+       <div class="faq_answer">
+               <p>
+                       mDictionary provides couple of different views so that user can feel comfortable and choose the one that fits the best.
+               </p>
+               <div class="image">
+                       <img src="images/_800_menu_view.png"></img>
+                       The View submenu<br><br>
+               </div>
+               <ul>
+                       <li>
+                               Translation only!
+                       </li>
+                       <p>There is possibility to hide words list anytime user wants. To do this, click green arrow in a left corner or choose <i>Hide words</i> list from <i>View</i> submenu in application menu.</p>
+                       <div class="image">
+                               <img src="images/_800_hide_words_list.png"></img>
+                               Words list is hidden<br><br>
+                       </div>
+
+
+                       <li>
+                               Magnifying ... 
+                       </li>
+                       <p>Sometimes font in translation area is too small to read it. In that case you can use <i>Zoom in</i> option. You can call it from <i>View</i> submenu in application menu, from context sensitive menu or just simply use hardware keys. If you don't want to magnify text anymore, choose <i>Zoom out</i></p>
+
+                       <li>
+                               Fullscreen mode
+                       </li>
+                       <p>mDictionary can work in two modes: normal and fullscreen. By default, mDictionary runs in normal mode. Anytime you can switch it into fullscreen mode by choosing <i>Fullscreen</i> option from <i>View</i> submenu or by using hardware keys.</p>
+               </ul>
+
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Searching ...
+       <div class="faq_answer">
+               <ul>
+                       <li>
+                               History
+                       </li>
+                       <p>mDictionary provides a search history. It means than anytime you select a word on a words list and call for translation of the word, it is added to the history. Than, you can browse it. History stores your previous search results. It is a very useful feature, similar to the browser.</p>
+                       <p>To go to the previously found word you have to choose <i>Find previous</i> option from <i>Search</i> submenu. It is dimmed if there are no words in the history. If you are browsing history, and you decide to go forward - choose <i>Find next</i> from <i>Search</i> submenu. It is dimmed if there are no words available as well.</p>
+
+                       <p>You can also choose buttons from a find toolbar, instead of using application menu. Green arrows placed between <i>search</i> and <i>stop</i> button are appropriately <i>back</i> and <i>forward</i> in the history. </p>
+
+                       <li>
+                               Search a word
+                       </li>
+                       <p>To start searching process you have to call search function. There are two possibilities to do this. After you type a pattern into a find toolbar entry, click a <i>Search button</i> places on a toolbar (next to the entry). You can also go to the application menu and choose <i>Find</i> from <i>Search</i> submenu. Finally, you can use harware key ("Go").</p>
+
+                       <li>
+                               Stop!
+                       </li>
+                       <p>If a search process takes too long or you made mistake in a pattern, you can stop searching process. Click <i>Stop button</i> on a toolbar or <i>Stop</i> option from <i>Search</i> submenu.</p>
+
+               </ul>
+       </div>
+</div>
+
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       Context Sensitive Menu
+       <div class="faq_answer">
+               <p>If you want to use context sensitive menu, please tap and hold your stylus in the translation area. If you are running mDictionary under Scratchbox, you can use left or right mouse click and hold.</p>
+               <div class="image">
+                       <img src="images/_800_context_menu.png"></img>
+                       Context Sensitive Menu
+               </div>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+       About ...
+       <div class="faq_answer">
+               <p>You can click <i>About ...</i> in application menu to learn some details about mDictionary.</p>
+               <div class="image">
+                       <img src="images/_800_about.png"></img>
+                       About Dialog
+               </div>
+               <p>If you want more informations, please visit <a href="http://mdictionary.garage.maemo.org/">mDictionary's website</a> or see <a href="https://garage.maemo.org/projects/mdictionary/">mDictionary project</a> on <a href="https://garage.maemo.org/">garage.maemo.org</a>.</p>
+       </div>
+</div>
+
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+               Closing the application
+       <div class="faq_answer">
+               <p>You don't want to use mDictionary anymore? Choose <i>Close</i> from application menu or just simple click on a cross in the right corner. It will close an application and remember your current preferences for mDictionary.</p>
+               <div class="image">
+                       <img src="images/_800_close.png"></img>
+                       Closing application
+               </div>
+       </div>
+</div>
+
+<div class="faq_question">
+       <div class="faq_switcher" onClick="javascript:faq_switcher(this);"></div>
+               Uninstallation
+       <div class="faq_answer">
+
+               <p>If you are sure, you are not going to use mDictionary in the future and you want to remove mDictionary from your device forever, you can unistall an application.</p>
+               <p>Uninstalling mDictionary can be performed using the Application Manager. Enter the Show Installed Applications item and uninstall the mDictionary package.</p>
+
+       </div>
+</div>
+
+
+       <div id="footer">
+                       <p>Copyright &copy; 2006 - 2007 ComArch S.A.</p>
+                       <br>
+                       <a href="http://www.comarch.com"><img src="images/comarch.png"
+                            alt="ComArch Information Technology"
+                            width="150px"
+                            height="36px"
+                                border="0"
+                                >
+                       </a>
+               </div>
+       </div>
+</div>
+<br>
+</body>
+</html>