<html>
<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+ <meta name=description content="The Cilux U-Web Exchange">
+ <meta name=keywords content="Cilux U-Web Maemo">
+ <meta name=author content="Duncan Cragg">
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+ <link rel="stylesheet" href="site.css" type="text/css" />
+ <title>The Cilux U-Web Exchange</title>
</head>
<body>
<p>
-The Cilux U-Web Exchange
+<h2>The Cilux U-Web Exchange</h2>
</p><p>
-Cilux is a U-Web “Exchange”: a peer for the U-Web Mobile 2.0 platform.
+<a href="https://garage.maemo.org/projects/cilux/">Cilux</a> is a U-Web "Exchange": a
+peer for the <a href="http://the-u-web.org/">U-Web</a> Mobile 2.0 platform.
</p><p>
-It's an ambitious project to create an open platform for seamlessly and intuitively
-sharing, mashing and updating people and their right-here, right-now stuff. People on
-your phone book and your Facebook. Stuff like photos off your camera and photos on
-Flickr; personal messages, public Twitter updates. Cilux will mash up all identities,
-photos, messages, reviews, comments, news and meetup times and places in a single,
-seamless interface - with one map and one calendar. The U-Web will magically
-shuffle all this dynamic data around for you, according to the permissions you set.
+The <a href="http://the-u-web.org/">U-Web</a> is an interactive mashup ecosystem for
+people, media, times and places. It is targeted at mobile devices such as MIDs.
+</p><p>
+<hr />
+</p><p>
+The <a href="http://the-u-web.org/">U-Web</a> is an ambitious project to create an open
+platform for seamlessly and intuitively sharing, mashing and updating people and their
+right-here, right-now mobile stuff. People in phonebooks and on Facebook. Stuff like
+photos off the mobile camera and photos on Flickr; personal messages, public Twitter updates.
+The U-Web will magically shuffle all this dynamic data around for you, according to the
+permissions you set.
+</p><p>
+Cilux will mash up all identities, photos, messages, reviews, comments, news and meetup
+times and places in a single, seamless interface - with one map and one calendar.
+</p><p>
+<hr />
+</p><p>
+<h3>The U-Web and the World Wide Web</h3>
</p><p>
The U-Web has parallels (and considerable compatibility) with the Web:
</p><p>
The application will have access to all your machine capabilities such as PIM data,
Media, GPS coordinates, accelerometer, vibration, telephony and camera.
</p><p>
+<hr />
+</p><p>
+<h3>What Cilux may look like</h3>
+</p><p>
+Here's a mockup of what Cilux may look like. Of course, it will have Maemo, not Windows
+Mobile, status bars, etc.
+</p><p>
+<img src="http://the-u-web.org/wireframe03.png" />
+</p><p>
+<hr />
+</p><p>
+See <a href="http://the-u-web.org/">the U-Web site</a> for more details about the U-Web.
</p><p>
-See http://the-u-web.org/ for more details.
+See <a href="https://garage.maemo.org/projects/cilux/">the Cilux Maemo site</a> for Cilux development information.
</p><p>
+<hr />
</p><p>
-Cilux is a U-Web peer. The U-Web is an interactive mashup ecosystem for people, media,
-times and places. Go to http://the-u-web.org/ for more details. Cilux uses OpenGL ES 2.0
-exclusively.
</p>
</body>
</html>
--- /dev/null
+
+body {
+ padding: 0pt 20pt;
+ margin: 10pt;
+ color: #332;
+ background-color: #fffffa;
+ font-size: 12pt;
+ font-family: Georgia, "Times New Roman", Times, serif;
+ border-left: 1px solid #998;
+ border-right: 1px solid #998;
+}
+
+h1, h2, h3, h4, h5{
+ font-weight: normal;
+ font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
+ /* margin-top: 30px; */
+}
+
+h1 { font-size: 18pt; }
+h2 { font-size: 17pt; }
+h3 { font-size: 16pt; }
+h4 { font-size: 14pt; }
+h5 { font-size: 12pt; }
+
+img{
+ border-top: 1px solid #998;
+ border-left: 1px solid #998;
+ border-bottom: 1px solid #ccb;
+ border-right: 1px solid #ccb;
+ margin-top: 20px;
+}
+
+pre{
+ border-top: 1px solid #998;
+ border-left: 1px solid #998;
+ border-bottom: 1px solid #ccb;
+ border-right: 1px solid #ccb;
+ padding: 10pt 0 10pt 10pt;
+ font-size: 10pt;
+ color: #338;
+ background-color: #fbfaff;
+/* height: 180pt;
+ overflow: scroll; */
+}
+
+iframe{
+ width: 100%;
+ height: 222px;
+ border: 1pt solid #cbe;
+}
+
+blockquote{
+ margin: 24pt 6pt 24pt 6pt;
+ padding: 8pt 12pt 12pt 12pt;
+ border: 1pt solid #cbe;
+ background-color: #ffd;
+}
+
+.doc-head{
+ border-top: 1px solid #aa9;
+ border-bottom: 1px solid #aa9;
+ margin-top: 10px;
+ padding-bottom: 10px;
+}
+
+.entity-event{
+ color: #050;
+}
+
+.breakout {
+ border: 1px solid #aa9;
+ padding: 10px;
+ font:
+}
+
+.breakout li {
+ list-style-type: none;
+}
+
+.references {
+ margin-top: 30px;
+ border-top: 1px solid #aa9;
+}
+
+.references p {
+ margin: 0;
+}
+
+.references a {
+ font-size: 10pt;
+}
+
+.foot-byline {
+ font-style: italic;
+ margin-top: 40px;
+ border-top: 1px solid #aa9;
+}
+