Added webpage files
[modest] / www / index.html
diff --git a/www/index.html b/www/index.html
new file mode 100755 (executable)
index 0000000..7564246
--- /dev/null
@@ -0,0 +1,146 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+<title>modest development page</title>
+
+<link rel="stylesheet" href="accordion.css" />
+<link rel="stylesheet" href="jquery.lightbox-0.4.css" media="screen" />
+
+<script type="text/javascript" src="jquery.js"></script>\r
+<script type="text/javascript" src="chili-1.7.pack.js"></script>
+<script type="text/javascript" src="jquery.easing.js"></script>
+<script type="text/javascript" src="jquery.accordion.js"></script>
+<script type="text/javascript" src="jquery.lightbox-0.4.min.js"></script>
+
+<script type="text/javascript">
+jQuery().ready(function(){\r
+// simple Accordion
+jQuery('#list1').Accordion({
+autoheight: true,
+animated: 'easeslide'
+});            \r
+});
+</script>
+
+<script type="text/javascript">
+$(function() {
+// Use this example, or...
+//$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
+// This, or...
+//$('#gallery a').lightBox(); // Select all links in object with gallery ID
+// This, or...
+$('a.lightbox').lightBox(); // Select all links with lightbox class
+// This, or...
+//$('a').lightBox(); // Select all links in the page
+// ... The possibility are many. Use your creative or choose one in the examples above
+});
+</script>
+
+</head>
+<body>\r
+
+<div id="main" align="center">\r
+
+<div class="top">modest development page</div>
+<div class="content">
+  
+<div id="list1">
+  <h3><img src="images/internet-mail.png" class="image"/>modest</h3>\r
+<div class="cont">
+  <p><strong>Welcome</strong></p>
+  <p>
+  <strong>modest</strong> is a small e-mail program targetting hardware with modest resources,
+  such as low-end PCs and Nokia <a href="http://en.wikipedia.org/wiki/N800" >N800</a>/<a href="http://en.wikipedia.org/wiki/N810" >N810</a> internet tablets.
+  Modest uses the <a href="http://www.tinymail.org/">tinymail</a> e-mail framework.<br/>
+  <p>At this moment, modest requires the
+  <a href="http://maemo.org/development/sdks/maemo5_alpha_sdk/">Maemo
+  5 SDK</a>
+  for Nokia Internet Tablets; older versions ('Diablo') might work as well, but haven't been tested recently.
+  </p>
+  <p align="center">
+  <a href="images/maemo5-editor-1.png" class="lightbox" title="modest on chinook">
+  <img src="images/maemo5-editor-1.png" width="200" height="120" alt="" />
+  </a>
+  </p>
+</div>
+<h3><img src="images/terminal.png" />development</h3>\r
+<div class="cont">
+  <p><strong>Show me the code</strong></p>
+  <ol>
+    <li>Make sure you have the Maemo 5 SDK installed, and activate it.
+    <ul>
+      <li>Make sure you install packages:<br>
+      <tt>$ fakeroot apt-get install gnome-common gtk-doc-tools wpeditor-dev</tt>
+      </li>
+    </ul>
+  </li>
+  <li>Then, get the latest tinymail and modest code:
+  <p><strong>Before cloning modest:</strong> follow <a href="https://garage.maemo.org/scm/?group_id=9">these</a> instructions</p>
+  <ul>
+    <li>svn checkout https://svn.tinymail.org/svn/tinymail/trunk tinymail</li>
+    <li>git clone https://git.maemo.org/projects/modest</li>
+  </ul>
+</li>
+
+<li>Then compile and install tinymail and modest with:
+<ul>
+  <li><tt>export CFLAGS="-ggdb -O0 -DDBC -DDEBUG"</tt> (optional, for debugging)</li>
+  <li><tt>export PKG_CONFIG_PATH="/usr/local/lib/pkgconfig:$PKG_CONFIG_PATH"</tt></li>
+  <li><tt>./autogen.sh --with-platform=maemo && make && make install</tt></li>
+</ul>
+</li>
+
+<li>Now, run modest (inside scratchbox) from the Extras menu, or with:
+<ul>
+  <li>run-standalone.sh /usr/local/bin/modest showui</li>
+</ul>
+</li>
+</ol>
+<p>
+NOTE: to get things running on your device, you will have to wait a bit for the OS2008-rootstraps;
+we'll post instructions here in time. Also coming soon, a script to simplifly building modest for the device.
+</p>\r
+</div>
+<h3><img src="images/doc.png" />documentation</h3>\r
+<div class="cont">
+  <p>
+  <strong>documentation</strong>
+  </p>
+  <ul>
+    <li>There's quite a bit of developer documentation available:</li>                                 
+    <li>The <a href="https://garage.maemo.org/projects/modest/">modest garage project page</a>;</li>
+    <li>The <strong>modest technical reference</strong> (in git);</li>
+    <li>The <a href="http://tinymail.org/trac/tinymail">Tinymail reference</a>;</li>
+    <li>The <a href="http://www.go-evolution.org/Camel">Camel Library docs</a> </li>
+  </ul>
+  <p>                          
+  In addition, there's of course the documentation for <a href="http://www.gtk.org/api/">GTK+/GLib</a> and <a href="http://maemo.org/development/documentation/apis/4-x/">Maemo</a>.
+  </p>\r
+</div>
+<h3><img src="images/internet-mail.png" class="image"/>mailing list</h3>\r
+<div class="cont">
+  <p>
+  <strong>contributing and mailing list</strong>
+  </p>
+  <p>
+  You are of course very welcome to contribute to our efforts! Please take a look at the HACKING-file
+  in the source distribution to see what conventions we are using. Of course it's also good to discuss
+  your plans/suggestions etc. on the <strong><a href="https://garage.maemo.org/mail/?group_id=9" >modest mailing list</a></strong>;
+  <tt>modest-devel</tt> is for development issues, while <tt>modest-users</tt> is for end-user discussions.
+  </p>
+</div>                 
+<h3><img src="images/license.png" class="image"/>license</h3>\r
+<div class="cont">
+  <p>
+  <strong>modest</strong> is available under a <strong>BSD-like license</strong>. <strong>tinymail</strong> is available under the terms of the <strong>LGPL</strong>. Please refer to the source code for the details.
+  </p>\r
+</div>
+
+</div>
+
+</div>
+<div class="bottom">&nbsp;     </div>\r
+
+</body>
+</html>