19fd73cc8a26b06d173d847ba12603c47902c15d
[mevemon] / www / index.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <!--
3 Site design "borrowed" (with permission) from tim@samoff.com
4 http://samoff.com
5 -->
6 <html xmlns="http://www.w3.org/1999/xhtml">
7 <head>
8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
9 <title>mEveMon - An EVE Online Skill Monitor</title>
10 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
11
12 <link rel="stylesheet" type="text/css" href="reset.css"/>
13 <link rel="stylesheet" type="text/css" href="mevemon.css"/>
14 <link rel="stylesheet" type="text/css" href="lumebox.css"/>
15
16 <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
17 <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
18 <script src="js/jquery.corner.js" type="text/javascript"></script>
19
20 <script type="text/javascript" src="js/jquery.lumebox.min.js"></script>
21
22 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
23 <script src="js/google-feed.js" type="text/javascript"></script>
24
25 <script type="text/javascript">
26 $(document).ready(function() {
27     // Rounded Corners
28     $("div#content,div#devmenu").corner("round");
29
30     // Tabs
31     $('#tabs').tabs({ fx: { opacity: 'toggle' } });
32
33     // Gallery
34     $(function(){
35         $.lumebox.init({loop: false});
36     });
37
38 });
39 </script>
40
41 <script type="text/javascript">
42
43   var _gaq = _gaq || [];
44   _gaq.push(['_setAccount', 'UA-20907805-2']);
45   _gaq.push(['_trackPageview']);
46
47   (function() {
48     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
49     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
50     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
51   })();
52
53 </script>
54
55 </head>
56 <body>
57 <!-- Brand -->
58 <div>
59     <img src="ui/bg.jpg" class="bg" alt="" />
60 </div>
61
62 <div id="header">
63     <h1>mEveMon</h1>
64 </div>
65
66 <!-- Tab Navigation -->
67 <div id="tabs">
68
69     <ul class="nav">
70         <li><a href="#about">About mEveMon</a></li>
71         <li><a href="#screenshots">Screenshots</a></li>
72         <li class="last"><a href="#download">Download</a></li>
73     </ul>
74
75 <!-- Page Content -->
76 <div id="content">
77
78 <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>
79
80     <!-- Tab #1 -->
81     <div id="about">
82
83       <noscript><h2>About</h2></noscript>
84
85         <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>
86
87         <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>
88
89       <p>Feature suggestions, bug reports, and code contributions are welcome.</p>
90
91         <h3>Latest News</h3>
92
93         <!-- Garage News Feed (tweets) -->
94         <div id="garage_feed"><noscript><h4>You must have Javascript enabled in order to view the mEveMon news feed.</h4></noscript></div>
95     </div>
96
97     <!-- Tab #2 -->
98     <div id="screenshots">
99
100         <noscript><p><h2>Screenshots</h2></p><p></p><p>Screenshots will not work correctly with Javascript disabled.</p></noscript>
101
102         <p><h3>Fremantle (N900)</h3></p>
103
104         <div id="fremantle_images">
105           <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> 
106         </div>
107
108         <p><h3>Diablo (N800)</h3></p>
109
110         <div id="diablo_images">
111           <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>
112         </div>
113
114     </div>
115
116
117     <!-- Tab #3 -->
118     <div id="download">
119       <noscript><h2>Download</h2></noscript>
120
121         <a href="http://maemo.org/downloads/product/raw/Maemo5/mevemon/?get_installfile"><img src="ui/application_install.png" alt="" class="download" /></a>
122
123       <p>The stable 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>. If you wish to use the most up-to-date version, please follow the link below to download the source code from the git repository.</p>
124       <p>Please carefully read over current bugs and feature requests before submitting your own.</p>
125
126 <p><br/><br/></p>
127
128         <div id="devmenu">
129             <ul>
130
131                 <li><a href="https://garage.maemo.org/tracker/?func=add&group_id=1544&atid=5565">Report a bug</a></li>
132                 <li><a href="https://garage.maemo.org/tracker/?func=add&group_id=1544&atid=5568">Request a feature</a></li>
133                 <li><a href="https://garage.maemo.org/scm/?group_id=1544">Get the source code</a></li>
134                 <li><a href="https://garage.maemo.org/projects/mevemon/">mEveMon at Maemo Garage</a> (project host)</li>
135             </ul>
136         </div>
137
138     </div>
139
140     </div>
141 </div>
142
143 <!-- Footer Content -->
144 <div id="footer">
145     <p>Site design "borrowed" (with permission) from the authors of <a href="http://hermes.garage.maemo.org/">Hermes</a>. Thanks, Tim and Andrew! Also, thanks to <a href="http://www.eveonline.com/ingameboard.asp?a=topic&threadID=447880">Dmian</a>, for the great EVE Online font used in our logo.</p>
146 </div>
147
148 </body>
149 </html>