-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+hermes 1.0 by tim@samoff.com
+http://samoff.com
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
<head>
- <meta http-equiv="Refresh" content="0; url=index.html" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Hermes: Contacts Delivered</title>
+<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
+<link rel="stylesheet" type="text/css" href="reset.css"/>
+<link rel="stylesheet" type="text/css" href="hermes.css"/>
+
+<script src="js/jquery-1.3.1.min.js" type="text/javascript"></script>
+<script src="js/jquery.corner.js" type="text/javascript"></script>
+<script src="js/jquery.juitter.js" type="text/javascript"></script>
+<script src="js/system.js" type="text/javascript"></script>
+
+<script type="text/javascript">
+
+$(document).ready(function() {
+ // Rounded Corners
+ $("div#content,div#devmenu").corner("round");
+
+ //Default Tab Action
+ $(".tab_content").hide(); //Hide all content
+ $("ul.tabs li:first").addClass("active").show(); //Activate first tab
+ $(".tab_content:first").show(); //Show first tab content
+
+ //onClick Tab Event
+ $("ul.tabs li").click(function() {
+ $("ul.tabs li").removeClass("active"); //Remove any "active" class
+ $(this).addClass("active"); //Add "active" class to selected tab
+ $(".tab_content").hide(); //Hide all tab content
+ var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
+ $(activeTab).fadeIn(); //Fade in the active content
+ return false;
+ });
+});
+</script>
+
</head>
<body>
-<script type="text/javascript"><!--
- document.location.href = 'index.html';
-// --></script>
+<!-- Brand -->
+<div>
+ <img src="ui/bg.jpg" class="bg" alt="" />
+</div>
+
+<div id="header">
+ <h1><a href="index.htm">Hermes</a></h1>
+ <img src="ui/hermes-logo.png" alt="Hermes" class="logo" />
+
+ <!-- Tab Navigation -->
+ <ul class="tabs">
+ <li><a href="#tab1">About Hermes</a></li>
+ <li><a href="#tab2">What it does</a></li>
+ <li><a href="#tab3">Get it</a></li>
+ <li class="last"><a href="#tab4">Development</a></li>
+ </ul>
+</div>
+
+<!-- Page Content -->
+<div id="content">
+ <div class="tab_container">
+
+ <!-- Tab #1 -->
+ <div id="tab1" class="tab_content">
+ <p>So, you've copied an address book full of contacts to your new N900. Unfortunately, the lovely interface and gorgeous screen are completely let down by the fact that all you see are generic, blue men as you contacts' pictures. Contacting people via the <em>Phone</em> or <em>Conversations</em> just doesn't seem very slick.</p>
+ <p>With Hermes, you will enrich your Maemo 5 address book with photos, birthdates, homepage addresses, and more from online services such as Facebook and Twitter.</p>
+
+ <h2>Latest News</h2>
+
+ <!-- Twitter Content -->
+ <div id="tweets"></div>
+ </div>
+
+ <!-- Tab #2 -->
+ <div id="tab2" class="tab_content">
+
+ <!-- YouTube Video -->
+ <object type="application/x-shockwave-flash" style="width:560px; height:340px;" data="http://www.youtube.com/v/G_6ZC8n9nKs&hl=en&fs=1&">
+ <param name="movie" value="http://www.youtube.com/v/G_6ZC8n9nKs&hl=en&fs=1&" />
+ </object>
+
+ <h2>In Detail</h2>
+ <p>Hermes will connect your Contacts app to your Facebook and Twitter accounts, matching existing Contacts entries to the ones on the social networking sites that are configured in the application settings. Hermes is smart and will deal intelligently with even the smallest name variations.</p>
+ <p>If a contact is matched between the Contacts app and an online identity, Hermes will update the contact on the device with a photo (from Facebook or Twitter), birthday (from Facebook), profile URLs (on Facebook and Twitter) and homepage (from Twitter). As an added bonus, all birthdates will also appear automatically in your Calendar.</p>
+ <p>There are two modes of operation, "Retrieve" and "Update." Retrieve will fill in <strong>missing</strong> data for a contact. Update will <strong>overwrite</strong> any contacts that have matches on the social networks (i.e., your Contacts entries will be reset to the information found online).</p>
+ <p>Hermes uses the official Facebook and Twitter APIs, designed and intended by these companies to allow third party applications such as Hermes.</p>
+
+ </div>
+
+ <!-- Tab #3 -->
+ <div id="tab3" class="tab_content">
+
+ <img src="ui/application_install.png" alt="" class="download" />
+ <p>Hermes is currently under development. It can be installed from the <a href="http://maemo.org/packages/view/hermes/">Extras Testing</a> repository.</p>
+ <p class="note"><strong>Note:</strong> It is not yet suitable for end-users.</p>
+
+ </div>
+
+ <!-- Tab #4 -->
+ <div id="tab4" class="tab_content">
+
+ <div id="devmenu">
+ <ul>
+ <li><a href="https://bugs.maemo.org/buglist.cgi?product=Hermes">Current bug list</a></li>
+ <li><a href="https://bugs.maemo.org/enter_bug.cgi?product=Hermes">Report a bug</a></li>
+ <li><a href="https://garage.maemo.org/plugins/ggit/browse.php/?p=hermes">Get the source code</a></li>
+ <li><a href="https://garage.maemo.org/projects/hermes/">Hermes at Maemo Garage</a></li>
+ </ul>
+ </div>
+
+ <h2>Roadmap</h2>
+ <h3>Current developments</h3>
+ <ul class="strike">
+ <li>Improved error handling & user messages.</li>
+ <li>Slightly clearer "Accounts" dialogue.</li>
+ <li>Pull down homepage from Facebook as well as Twitter.</li>
+ <li>Handling of accents being present/missing between online and Contacts.</li>
+ <li>Allow creation of "empty" contacts containing birthday & homepage info so that Facebook friends' birthdays will appear in Calendar, even if you have no other contact info for them.</li>
+ <li>Improved web page at <a href="http://hermes.garage.maemo.org/">hermes.garage.maemo.org</a>.</li>
+ </ul>
+
+ <h3>Immediate plans</h3>
+ <ul>
+ <li>Manual matching for contacts which the heuristic doesn't pick up.</li>
+ </ul>
+
+ <h3>Long-term plans/possibilities</h3>
+ <ul>
+ <li>Match "nickname" against <a href="http://maemo.org/profile/list/">maemo.org username</a>.</li>
+ <li>Match email address against <a href="http://www.gravatar.com/">gravatar.com</a>.</li>
+ <li>Investigate pulling contact images from Google Contacts (apparently Mail for Exchange doesn't download images).</li>
+ <li>Add an "auto-update" mode for people who regularly change their Facebook profile pictures to allow Hermes to track them.</li>
+ <li>Store a history of all images that Hermes has ever downloaded to allow the user to pick from them.</li>
+ </ul>
+ </div>
+
+ </div>
+</div>
+
+<!-- Footer Content -->
+<div id="footer">
+ <p>Copyright © <a href="mailto:andrew@bleb.org">Andrew Flegg</a> 2009. Released under the Artistic Licence.<br />Webpage design and Hermes graphics by <a href="http://samoff.com">Tim Samoff</a>.</p>
+</div>
+
+<!-- Google Analytics -->
+<script type="text/javascript">
+var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<script type="text/javascript">
+try {
+var pageTracker = _gat._getTracker("UA-4946570-3");
+pageTracker._trackPageview();
+} catch(err) {}</script>
+
</body>
-</html>
+</html>
\ No newline at end of file
projects / hermes / commitdiff