Added Garage www site.
[mevemon] / www / index.html
diff --git a/www/index.html b/www/index.html
new file mode 100755 (executable)
index 0000000..57df412
--- /dev/null
@@ -0,0 +1,132 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!--
+Site design "borrowed" (with permission) from tim@samoff.com
+http://samoff.com
+-->
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>mEveMon - An EVE Online Skill Monitor</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="mevemon.css"/>
+<link rel="stylesheet" type="text/css" href="lumebox.css"/>
+
+<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
+<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
+<script src="js/jquery.corner.js" type="text/javascript"></script>
+
+<script type="text/javascript" src="js/jquery.lumebox.min.js"></script>
+
+<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+<script src="js/google-feed.js" type="text/javascript"></script>
+
+<script type="text/javascript">
+$(document).ready(function() {
+    // Rounded Corners
+    $("div#content,div#devmenu").corner("round");
+
+    // Tabs
+    $('#tabs').tabs({ fx: { opacity: 'toggle' } });
+
+    // Gallery
+    $(function(){
+       $.lumebox.init({loop: false});
+    });
+
+});
+</script>
+
+</head>
+<body>
+<!-- Brand -->
+<div>
+    <img src="ui/bg.jpg" class="bg" alt="" />
+</div>
+
+<div id="header">
+    <h1>mEveMon</h1>
+</div>
+
+<!-- Tab Navigation -->
+<div id="tabs">
+
+    <ul class="nav">
+        <li><a href="#about">About mEveMon</a></li>
+        <li><a href="#screenshots">Screenshots</a></li>
+        <li class="last"><a href="#download">Download</a></li>
+    </ul>
+
+<!-- Page Content -->
+<div id="content">
+
+<noscript><p>We recommend viewing this site with Javascript enabled.</p><p></p><p><a href="#about">About</a> | <a href="#screenshots">Screenshots</a> | <a href="#download">Download</a></p></noscript>
+
+    <!-- Tab #1 -->
+    <div id="about">
+
+      <noscript><h2>About</h2></noscript>
+
+        <p>mEveMon is an API monitor for <a href="http://www.eveonline.com/">EVE Online</a>. A good pod pilot knows that internet spaceships are <i>serious business</i>, and lost training time is almost as bad as getting popped and realizing you don't have an up-to-date skill clone. With mEveMon, you can check your skills with your Maemo device (N800 and N900 are fully supported) without being tethered to your computer.</p>
+
+       <p>mEveMon currently has support for the Character Sheet information available through the limited API key. We plan to expose as much of the API as is possible/practical on the Maemo platform (including full API key support for market orders and industry jobs).</p>
+
+      <p>Feature suggestions, bug reports, and code contributions are welcome.</p>
+
+        <h3>Latest News</h3>
+
+        <!-- Garage News Feed (tweets) -->
+        <div id="garage_feed"><noscript><h4>You must have Javascript enabled in order to view the mEveMon news feed.</h4></noscript></div>
+    </div>
+
+    <!-- Tab #2 -->
+    <div id="screenshots">
+
+        <noscript><p><h2>Screenshots</h2></p><p></p><p>Screenshots will not work correctly with Javascript disabled.</p></noscript>
+
+       <p><h3>Fremantle (N900)</h3></p>
+
+       <div id="fremantle_images">
+         <a href="screenshots/mevemon_fremantle_charlist.png" rel="lightbox[fremantle]" title="Fremantle Character List"><img src="screenshots/t-mevemon_fremantle_charlist.png" alt="Fremantle Character list"></a> <a href="screenshots/mevemon_fremantle_about.png" rel="lightbox[fremantle]" title="Fremantle About page"><img src="screenshots/t-mevemon_fremantle_about.png" alt="Fremantle About page"></a> <a href="screenshots/mevemon_fremantle_appmenu.png" rel="lightbox[fremantle]" title="Fremantle app menu"><img src="screenshots/t-mevemon_fremantle_appmenu.png" alt="Fremantle app menu"></a> <a href="screenshots/mevemon_fremantle_charsheet.png" rel="lightbox[fremantle]" title="Fremantle Character Sheet"><img src="screenshots/t-mevemon_fremantle_charsheet.png" alt="Fremantle Character Sheet"></a> <a href="screenshots/mevemon_fremantle_newacct.png" rel="lightbox[fremantle]" title="Fremantle New Account dialog"><img src="screenshots/t-mevemon_fremantle_newacct.png" alt="Fremantle New Account dialog"></a> <a href="screenshots/mevemon_fremantle_settings.png" rel="lightbox[fremantle]" title="Fremantle Settings page"><img src="screenshots/t-mevemon_fremantle_settings.png" alt="Fremantle Settings page"></a> 
+       </div>
+
+       <p><h3>Diablo (N800)</h3></p>
+
+       <div id="diablo_images">
+         <a href="screenshots/mevemon_diablo_charlist.png" rel="lightbox[diablo]" title="Diablo Character List"><img src="screenshots/t-mevemon_diablo_charlist.png" alt="Diablo Character List"></a> <a href="screenshots/mevemon_diablo_settings.png" rel="lightbox[diablo]" title="Diablo Settings page"><img src="screenshots/t-mevemon_diablo_settings.png" alt="Diablo Settings page"></a> <a href="screenshots/mevemon_diablo_charsheet-01.png" rel="lightbox[diablo]" title="Diablo Character Sheet"><img src="screenshots/t-mevemon_diablo_charsheet-01.png" alt="Diablo Character Sheet"></a> <a href="screenshots/mevemon_diablo_charsheet-02.png" rel="lightbox[diablo]" title="Diablo Character Sheet (more)"><img src="screenshots/t-mevemon_diablo_charsheet-02.png" alt="Diablo Character Sheet (more)"></a>
+       </div>
+
+    </div>
+
+
+    <!-- Tab #3 -->
+    <div id="download">
+      <noscript><h2>Download</h2></noscript>
+
+        <a href="http://maemo.org/downloads/product/raw/Maemo5/mevemon/?get_installfile"><img src="ui/application_install.png" alt="" class="download" /></a>
+        <p>The <em>released</em> version of mEveMon can be installed from the <a href="http://wiki.maemo.org/Extras">Maemo Extras</a> repository, and can be seen at <a href="http://maemo.org/downloads/product/Maemo5/mevemon/">maemo.org downloads</a>.</p>
+
+<p><br/><br/></p>
+
+        <div id="devmenu">
+            <ul>
+                <li><a href="https://garage.maemo.org/tracker/?atid=5565&group_id=1544&func=browse">Current bug list</a></li>
+                <li><a href="https://garage.maemo.org/tracker/?func=add&group_id=1544&atid=5565">Report a bug</a></li>
+                <li><a href="https://garage.maemo.org/scm/?group_id=1544">Get the source code</a></li>
+                <li><a href="https://garage.maemo.org/projects/mevemon/">mEveMon at Maemo Garage</a> (project host)</li>
+            </ul>
+        </div>
+
+    </div>
+
+    </div>
+</div>
+
+<!-- Footer Content -->
+<div id="footer">
+    <p>Site design "borrowed" (with permission) from the authors of <a href="http://hermes.garage.maemo.org/">Hermes</a>. Thanks Tim and Andrew!</p>
+</div>
+
+</body>
+</html>