* changing web page into mDictionary one (basic version)
[mdictionary] / screen800.html
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>