Add gallery with new screenshots, remove some older news.
[marble] / www / index.html
index b255f6c..84b9124 100644 (file)
@@ -4,14 +4,39 @@
 
 <head>
 <title>Marble</title>
+<script src="scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
+<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
+<script src="scripts/jd.gallery.js" type="text/javascript"></script>
 <link rel="stylesheet" type="text/css" href="kdeedu.css" />
 <link rel="icon" href="favicon.ico" />
 <link rel="shortcut icon" href="favicon.ico" />
+<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
+
+<script type="text/javascript">
+function startGallery() {
+var myGallery = new gallery($('myGallery'), {
+timed: true, embedLinks: false
+});
+}
+window.addEvent('domready', startGallery);
+</script>
+
+<style type="text/css">
+#myGallery {
+  width: 800px !important;
+  height: 480px !important;
+}
+
+div.spacer {
+  height: 50px;
+}
+</style>
+
 </head>
 
 <body>
 
-<div style="width: 600px; margin-left: 20px;">
+<div style="width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px;">
 
 <img src="marble-logo-72dpi.png" />
 
 Marble is a Virtual Globe and World Atlas. It is part of the KDE Software Compilation and distributed under the terms of the LGPL, Version 2. Please visit the <a href="http://edu.kde.org/marble/">official Marble website</a> for further information.
 </p>
 
+<div id="myGallery">
+
+<div class="imageElement">
+<h3>Find your Way</h3>
+<p>Several backends for online and offline routing are available.</p>
+<a href="ds/images/screenshot107.png" title="open image" class="open"></a>
+<img src="ds/images/screenshot107.png" class="full" />
+<img src="ds/images/screenshot107.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Explore the World</h3>
+<p>Customize your view of the world with different map themes and projections.</p>
+<a href="images/screenshot118.png" title="open image" class="open"></a>
+<img src="images/screenshot118.png" class="full" />
+<img src="images/screenshot118.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Turn Instructions</h3>
+<p>Turn instructions describe each turn point of the route.</p>
+<a href="ds/images/screenshot114.png" title="open image" class="open"></a>
+<img src="ds/images/screenshot114.png" class="full" />
+<img src="ds/images/screenshot114.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Guidance Mode</h3>
+<p>Have Marble announce turn points during your journey -- on the screen and by voice guidance.</p>
+<a href="images/Marble-Maemo-Offline-Routing.png" title="open image" class="open"></a>
+<img src="images/Marble-Maemo-Offline-Routing.png" class="full" />
+<img src="images/Marble-Maemo-Offline-Routing.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Bookmarks</h3>
+<p>Access your favorite places quickly using bookmarks.</p>
+<a href="ds/images/screenshot115.png" title="open image" class="open"></a>
+<img src="ds/images/screenshot115.png" class="full" />
+<img src="ds/images/screenshot115.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Address Search</h3>
+<p>Search for any address, online (Marble 1.1) or offline (Marble 1.2).</p>
+<a href="ds/images/screenshot112.png" title="open image" class="open"></a>
+<img src="ds/images/screenshot112.png" class="full" />
+<img src="ds/images/screenshot112.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Offline POI Search</h3>
+<p>(Marble 1.2) List all points of interest for a certain category. Turn on the GPS to have the nearby ones appear on top.</p>
+<a href="images/screenshot120.png" title="open image" class="open"></a>
+<img src="images/screenshot120.png" class="full" />
+<img src="images/screenshot120.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Offline Fuzzy Search</h3>
+<p>(Marble 1.2) Not sure about the exact name? Use fuzzy searches (case insensitive, '*' as wildcard).</p>
+<a href="ds/images/screenshot111.png" title="open image" class="open"></a>
+<img src="ds/images/screenshot111.png" class="full" />
+<img src="ds/images/screenshot111.png" class="thumbnail" />
+</div>
+
+<div class="imageElement">
+<h3>Download Map Themes</h3>
+<p>Parts of the map can be downloaded for offline viewing.</p>
+<a href="images/screenshot119.png" title="open image" class="open"></a>
+<img src="images/screenshot119.png" class="full" />
+<img src="images/screenshot119.png" class="thumbnail" />
+</div>
+
+</div>
+
 <h3>Marble on Maemo</h3>
 
 <p>
-We have set up the <a href="https://garage.maemo.org/projects/marble">Marble Garage Project</a> where Marble packages for the Nokia N900 are hosted. Please note that we will not use other Garage resources like mailing lists or bug tracking. Instead, please use the KDE equivalents. Links to them are collected on the <a href="http://edu.kde.org/marble/">Marble website</a>.
+Find your way and explore the world with Marble.
+</p>
+
+<p>
+Marble is a Virtual Globe with advanced routing capabilities. Use it as your personal navigation device to guide you to any destination in the world. Download maps from a variety of themes and explore the surroundings. Record your trip and share it with your friends.
+</p>
+
+<p>
+<a href="http://maemo.org/downloads/product/Maemo5/marble/">
+<img src="Download.png" width="113" height="144" align="left" class="bordered" />
+</a>
+
+Main features:
+<ul>
+<li>Online and offline routing</li>
+<li>GPS tracking and recording (KML format)</li>
+<li>Themable maps (OpenStreetMap, Satellite Map, many more)</li>
+<li>Support for different projections (globe, flat map, ...) and other planets</li>
+<li>Download of maps and route data for offline usage</li>
+</ul>
+
+<h3>External Links</h3>
+
+<ul>
+<li>A <a href="http://userbase.kde.org/Tutorials#Marble">set of tutorials</a> that get you started</li>
+<li>The <a href="http://talk.maemo.org/showthread.php?t=67316">feedback thread</a> in Maemo's discussion forum</li>
+<li>Our <a href="https://mail.kde.org/mailman/listinfo/marble-devel">mailing list</a></li>
+<li>The <a href="http://webchat.freenode.net?channels=marble&uio=d4">#marble IRC channel</a> on Freenode</li>
+</ul>
+
+<h3>News</h3>
+
+<p>
+<table border="1">
+<tr>
+  <td>2011-05-25</td>
+  <td>The stable version Marble 1.1.1 is available in the extras repository. It fixes some minor bugs.</td>
+</tr>
+<tr>
+  <td>2011-05-15</td>
+  <td>The stable version Marble 1.1.0 is available in the extras repository. Learn about <a href="http://talk.maemo.org/showpost.php?p=902262&postcount=1">new features</a>.</td>
+</tr>
+<tr>
+  <td>2011-03-26</td>
+  <td>The stable version <a href="http://maemo.org/downloads/product/Maemo5/marble/">Marble 1.0.1</a> is available in the extras repository. It fixes some minor bugs.</td>
+</tr>
+<tr>
+  <td width="80em">2011-02-01</td>
+  <td>The stable version Marble 1.0.0 has been released and can be installed directly from the Maemo extras repository. Compared to RC 2, some bugs have been fixed and (once again) the rendering speed has been improved.
+<br />The packages <tt>marble-maps</tt> (additional map themes) and <tt>monav-routing-daemon</tt> (offline routing backend) are in extras-testing and will be available in extras soon as well.</td>
+</tr>
+</table>
 </p>
 
-<a href="http://edu.kde.org/marble/downloads/maemo/fremantle/stable/stable.install"><img src="Screenshots_small.png" width="550" height="393" /></a>
+<div class="spacer"></div>
+<hr />
+<p>Maintained by the <a href="mailto:marble-devel@kde.org">Marble developers.</p>
 
 </div>