(www) Added feature request link.
[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 </head>
42 <body>
43 <!-- Brand -->
44 <div>
45     <img src="ui/bg.jpg" class="bg" alt="" />
46 </div>
47
48 <div id="header">
49     <h1>mEveMon</h1>
50 </div>
51
52 <!-- Tab Navigation -->
53 <div id="tabs">
54
55     <ul class="nav">
56         <li><a href="#about">About mEveMon</a></li>
57         <li><a href="#screenshots">Screenshots</a></li>
58         <li class="last"><a href="#download">Download</a></li>
59     </ul>
60
61 <!-- Page Content -->
62 <div id="content">
63
64 <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>
65
66     <!-- Tab #1 -->
67     <div id="about">
68
69       <noscript><h2>About</h2></noscript>
70
71         <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>
72
73         <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>
74
75       <p>Feature suggestions, bug reports, and code contributions are welcome.</p>
76
77         <h3>Latest News</h3>
78
79         <!-- Garage News Feed (tweets) -->
80         <div id="garage_feed"><noscript><h4>You must have Javascript enabled in order to view the mEveMon news feed.</h4></noscript></div>
81     </div>
82
83     <!-- Tab #2 -->
84     <div id="screenshots">
85
86         <noscript><p><h2>Screenshots</h2></p><p></p><p>Screenshots will not work correctly with Javascript disabled.</p></noscript>
87
88         <p><h3>Fremantle (N900)</h3></p>
89
90         <div id="fremantle_images">
91           <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> 
92         </div>
93
94         <p><h3>Diablo (N800)</h3></p>
95
96         <div id="diablo_images">
97           <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>
98         </div>
99
100     </div>
101
102
103     <!-- Tab #3 -->
104     <div id="download">
105       <noscript><h2>Download</h2></noscript>
106
107         <a href="http://maemo.org/downloads/product/raw/Maemo5/mevemon/?get_installfile"><img src="ui/application_install.png" alt="" class="download" /></a>
108
109       <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>
110       <p>Please carefully read over current bugs and feature requests before submitting your own.</p>
111
112 <p><br/><br/></p>
113
114         <div id="devmenu">
115             <ul>
116
117                 <li><a href="https://garage.maemo.org/tracker/?func=add&group_id=1544&atid=5565">Report a bug</a></li>
118                 <li><a href="https://garage.maemo.org/tracker/?func=add&group_id=1544&atid=5568">Request a feature</a></li>
119                 <li><a href="https://garage.maemo.org/scm/?group_id=1544">Get the source code</a></li>
120                 <li><a href="https://garage.maemo.org/projects/mevemon/">mEveMon at Maemo Garage</a> (project host)</li>
121             </ul>
122         </div>
123
124     </div>
125
126     </div>
127 </div>
128
129 <!-- Footer Content -->
130 <div id="footer">
131     <p>Site design "borrowed" (with permission) from the authors of <a href="http://hermes.garage.maemo.org/">Hermes</a>. Thanks Tim and Andrew!</p>
132 </div>
133
134 </body>
135 </html>