Add desktop summit page
[marble] / www / ds / index.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2
3 <html>
4
5 <head>
6 <title>Marble Desktop Summit</title>
7 <script src="../scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
8 <script src="../scripts/mootools-1.2-more.js" type="text/javascript"></script>
9 <script src="../scripts/jd.gallery.js" type="text/javascript"></script>
10 <link rel="stylesheet" type="text/css" href="../kdeedu.css" />
11 <link rel="icon" href="favicon.ico" />
12 <link rel="shortcut icon" href="../favicon.ico" />
13 <link rel="stylesheet" href="../css/jd.gallery.css" type="text/css" media="screen" />
14 </head>
15
16 <script type="text/javascript">
17 function startGallery() {
18 var myGallery = new gallery($('myGallery'), {
19 timed: false
20 });
21 }
22 window.addEvent('domready', startGallery);
23 </script>
24
25 <style type="text/css">
26 #myGallery {
27   width: 800px !important;
28   height: 480px !important;
29 }
30
31 div.spacer {
32   height: 50px;
33 }
34 </style>
35
36 <body>
37
38 <div style="width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px;">
39
40 <img src="images/desktopsummit-marble.png" />
41
42 <p>
43 Are you attending the <a href="https://desktopsummit.org/">Desktop Summit</a> 2011 in Berlin? Do you own a Nokia N900? Then we've got something for you.
44 </p>
45
46 <p>
47 The Marble Desktop Summit 2011 package contains data for offline usage in Berlin. Find your way and explore Berlin during the Desktop Summit. Install the Marble Desktop Summit 2011 package to get offline OSM maps, offline routing and offline search data for Berlin in a single package.
48 </p>
49
50 <p>
51 Please be patient. We'll add installation instructions here in time for the conference.
52 </p>
53
54 <div id="myGallery">
55 <div class="imageElement">
56 <h3>Offline Berlin OpenStreetMap</h3>
57 <p>View the map of Berlin to orient yourself.</p>
58 <a href="images/screenshot108.png" title="open image" class="open"></a>
59 <img src="images/screenshot108.png" class="full" />
60 <img src="images/screenshot108.png" class="thumbnail" />
61 </div>
62
63 <div class="imageElement">
64 <h3>Bookmarks</h3>
65 <p>A couple of important places are included as bookmarks.</p>
66 <a href="images/screenshot115.png" title="open image" class="open"></a>
67 <img src="images/screenshot115.png" class="full" />
68 <img src="images/screenshot115.png" class="thumbnail" />
69 </div>
70
71 <div class="imageElement">
72 <h3>Offline Route Planning</h3>
73 <p>Rent a car at the airport and have Marble calculate the route to your hotel. You can use the bookmarks to select start and destination quickly.</p>
74 <a href="images/screenshot107.png" title="open image" class="open"></a>
75 <img src="images/screenshot107.png" class="full" />
76 <img src="images/screenshot107.png" class="thumbnail" />
77 </div>
78
79 <div class="imageElement">
80 <h3>Turn Instructions</h3>
81 <p>Turn instructions describe each turn point of the route.</p>
82 <a href="images/screenshot114.png" title="open image" class="open"></a>
83 <img src="images/screenshot114.png" class="full" />
84 <img src="images/screenshot114.png" class="thumbnail" />
85 </div>
86
87 <div class="imageElement">
88 <h3>Offline Pedestrian Routing</h3>
89 <p>Want to go to the hotel from the conference venue? Marble guides your walk to the next subway station.</p>
90 <a href="images/screenshot110.png" title="open image" class="open"></a>
91 <img src="images/screenshot110.png" class="full" />
92 <img src="images/screenshot110.png" class="thumbnail" />
93 </div>
94
95 <div class="imageElement">
96 <h3>Offline Address Search</h3>
97 <p>Search for any address in Berlin.</p>
98 <a href="images/screenshot112.png" title="open image" class="open"></a>
99 <img src="images/screenshot112.png" class="full" />
100 <img src="images/screenshot112.png" class="thumbnail" />
101 </div>
102
103 <div class="imageElement">
104 <h3>Offline POI Search</h3>
105 <p>List all points of interest for a certain category. Turn on the GPS to have the nearby ones appear on top.</p>
106 <a href="images/screenshot113.png" title="open image" class="open"></a>
107 <img src="images/screenshot113.png" class="full" />
108 <img src="images/screenshot113.png" class="thumbnail" />
109 </div>
110
111 <div class="imageElement">
112 <h3>Offline Fuzzy Search</h3>
113 <p>Not sure about the exact name? Use fuzzy searches (case insensitive, '*' as wildcard).</p>
114 <a href="images/screenshot111.png" title="open image" class="open"></a>
115 <img src="images/screenshot111.png" class="full" />
116 <img src="images/screenshot111.png" class="thumbnail" />
117 </div>
118
119 </div>
120
121 <div class="spacer"></div>
122 <hr />
123 <p>Maintained by the <a href="mailto:marble-devel@kde.org">Marble developers.</p>
124
125 </body>
126 </html>