source: subversion/www.openstreetmap.org/index2.html @ 2176

Last change on this file since 2176 was 1493, checked in by steve, 14 years ago

update links etc

File size: 8.1 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
3<head>
4        <title>OpenStreetMap</title>   
5        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
6        <style type="text/css">
7                body {
8                        background: #fff;
9                        font-family: Arial, Helvetica, sans-serif;
10                        margin: 0px;
11                }
12                form {
13                        margin: 0px;
14                }
15                p {
16                        font-size: 0.95em;
17                        margin: 9px 0px;
18                }
19                a {
20                        color: #33c;
21                        text-decoration: none;
22                }
23                a:hover {
24                        color: #99c !important;
25                        text-decoration: underline;
26                }
27                img {
28                        border: 0;
29                }
30                input.input-text {
31                        color: #999;
32                        font-size: 11px;
33                }
34                input.input-text:focus {
35                        color: #333;
36                }
37                div.spacer {
38                        clear: both;
39                }
40                div.box-rounded {
41                        margin: 24px auto;
42                        padding: 0px 12px;
43                }
44                div.box-rounded, div.box-rounded b.rtop b, div.box-rounded b.rbottom b {
45                        background: #eee;
46                }
47                div.box-rounded h2 {
48                        margin: 9px 0px 12px;
49                        text-align: center;
50                        text-transform: lowercase;
51                }
52                div.form-button {
53                        padding: 6px 0px 0px;
54                        text-align: center;
55                }
56               
57                /* Nifty Corners - http://www.html.it/articoli/nifty/index.html */
58                b.rtop, b.rbottom{display:block;background:#fff;margin: 0 -12px;}
59                b.rtop b, b.rbottom b{display:block;height:1px;overflow:hidden;}
60                b.r1{margin:0 5px}
61                b.r2{margin:0 3px}
62                b.r3{margin:0 2px}
63                b.rtop b.r4, b.rbottom b.r4{margin:0 1px;height:2px}
64               
65                /* Set styles */
66                div#container-page {
67                        border: 0px solid;
68                        margin: 0 auto;
69                        width: 762px;
70                }
71                div#container-wherenext div.box-rounded {
72                        float: left;
73                        margin: 0px;
74                        text-align: center;
75                        width: 214px;
76                }
77                div#container-wherenext div.box-rounded div.content {
78                        min-height: 280px;
79                        _height: 280px;
80                }
81                div#container-wherenext div.box-rounded b.rbottom {
82                        margin-top: 12px;
83                }
84                div#container-wherenext div.box-rounded p {
85                        margin: 15px 0px 0px;
86                        text-align: left;
87                }
88                div#container-wherenext div.box-rounded img {
89                        border: 1px #000 solid;
90                }
91                div#box-viewmap, div#box-viewmap b.rtop b, div#box-viewmap b.rbottom b {
92                        background-color: #a86;
93                        color: #fff;
94                }
95                div#box-editmap {
96                        margin: 0px 24px !important;
97                }
98                div#box-editmap, div#box-editmap b.rtop b, div#box-editmap b.rbottom b {
99                        background-color: #cfc;
100                }
101                div#box-getinvolved, div#box-getinvolved b.rtop b, div#box-getinvolved b.rbottom b {
102                        background-color: #ccc;
103                }
104                div#box-getinvolved a {
105                        color: #449;
106                }
107                div#box-viewmap a {
108                        color: #bef;
109                }
110               
111                div#box-nextevent img {
112                        float: left;
113                        margin: 12px 12px 12px 6px;
114                }
115               
116                div#page-header {
117                        margin-top: 24px;
118                }
119                div#page-header img {
120                        float: left;
121                }
122                div#page-header h1, div#page-header p {
123                        margin: 0px 0px 0px 140px;
124                }
125                div#page-header h1 {
126                        padding-top: 24px;
127                }
128                div#page-header p {
129                        padding-top: 0px;
130                }
131                div#page-footer {
132                        text-align: center;
133                }
134        </style>
135        <script type="text/javascript">
136        <!--/*
137        function clearText(obj){ if (obj.defaultValue == obj.value) obj.value = ""; }
138        -->*/
139        </script>
140</head>
141<body>
142<div id="container-page">
143        <div id="page-header">
144                <a href="http://www.openstreetmap.org/"><img src="images/mag_map-120x120.png" alt="OpenStreetMap - The Free Wiki World Map" /></a>
145                <h1>OpenStreetMap</h1>
146                <p>The Free Wiki World Map</p>
147        </div>
148        <div class="spacer"></div>
149        <div class="box-rounded" id="box-welcome">
150                <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
151                <p>Welcome to OpenStreetMap. We're creating a map of the world that everybody can use <a href="http://wiki.openstreetmap.org/index.php/OpenStreetMap_License">freely</a> and we're having a lot of fun in the process. Join us.</p>
152                <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
153        </div>
154        <div class="spacer"></div>
155        <div id="container-wherenext">
156                <div class="box-rounded" id="box-viewmap">
157                        <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
158                        <div class="content">
159                                <h2>View the map</h2>
160                                <a href="http://wiki.openstreetmap.org/index.php/Featured_images"><img src="images/front-gfx2.png" alt="A sample of the OSM map" /></a>
161<!--                            <p>Where have we mapped so far? Browse our <a href="http://www.openstreetmap.org/index.html">online map</a>.</p> -->
162                                <p>Our users have drawn some great maps. View <a href="http://wiki.openstreetmap.org/index.php/Featured_images">the gallery</a>.</p>
163                                <form action="http://www.openstreetmap.org/search.html" method="get" enctype="multipart/form-data">
164                                        <p><input type="hidden" name="action" value="citysearch" />
165                                        Has your town been mapped? Search here: <input type="text" class="input-text" name="query" value="town name" onfocus="clearText(this);" /></p>
166                                </form>
167                        </div>
168                        <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
169                </div>
170               
171                <div class="box-rounded" id="box-editmap">
172                        <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
173                        <div class="content">
174                                <h2>Edit the map</h2>
175                                <a href="http://wiki.openstreetmap.org/index.php/Editing"><img src="images/front-gfx3.png" alt="A GPS device" /></a>
176                                <p>Got a GPS? So get mapping!</p>
177                                <p>Choose the user friendly <a href="http://wiki.openstreetmap.org/index.php/Editing">online editor</a> (experimental) or download a <a href="http://wiki.openstreetmap.org/index.php/Compare_editors">desktop editor</a> for power users.</p>
178                                <p><strong>I'm new!</strong> Find out how to <a href="http://wiki.openstreetmap.org/index.php/Getting_Involved">get started</a>.</p>
179                        </div>
180                        <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
181                </div>
182               
183                <div class="box-rounded" id="box-getinvolved">
184                        <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
185                        <div class="content">
186                                <h2>Get involved</h2>
187                                <a href="http://wiki.openstreetmap.org/index.php/Getting_Involved"><img src="images/front-gfx4.png" alt="People on a beach at sunset during one of our mapping weekends" /></a>
188                                <p>OpenStreetMap isn't just a website, it's a community.</p>
189                                <p>Find out more about <a href="http://wiki.openstreetmap.org/index.php/OpenStreetMap:About">the project</a>, come to one of our <a href="http://wiki.openstreetmap.org/index.php/Current_events">mapping weekends</a>, or help with <a href="http://wiki.openstreetmap.org/index.php/Develop">programming</a>. It's all on our <a href="http://wiki.openstreetmap.org/">wiki</a> site.</p>
190                        </div>
191                        <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
192                </div>
193        </div>
194        <div class="spacer"></div>
195<!--
196  <div class="box-rounded" id="box-nextevent">
197                <b class="rtop"><b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b></b>
198                <img src="images/gfx1.png" alt="" />
199                <p><strong>Next event:</strong>
200                        We're mapping the footpaths, bridleways and roads of the New Forest (UK) next weekend (Sept 23-24). We need volunteers on bikes and on foot. Don't worry if you haven't got a GPS - we'll supply one.
201                        <a href="http://wiki.openstreetmap.org/index.php/New_Forest">Find out more...</a></p>
202                <b class="rbottom"><b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b></b>
203        </div>
204  -->
205        <hr />
206       
207        <div id="page-footer">
208    <!--
209    <p>
210                        <strong>OpenStreetMap in your country:</strong>
211                        <select>
212                                <option>Denmark</option>
213                                <option>France</option>
214                                <option>Germany</option>
215                                <option>Norway</option>
216                                <option>Sweden</option>
217                                <option selected="selected">UK</option>
218                                <option>USA</option>
219                        </select>
220      </p>
221      -->
222                <p><strong>Useful links:</strong> <a href="http://wiki.openstreetmap.org/index.php/FAQ">FAQ</a> &#183; <a href="http://wiki.openstreetmap.org/index.php/OpenStreetMap:Site_support">Donate</a> &#183; <a href="http://wiki.openstreetmap.org/index.php/Contact">Press</a> &#183; <a href="http://wiki.openstreetmap.org/index.php/Foundation">Foundation</a> &#183; <a href="http://wiki.openstreetmap.org/index.php/Develop">Developer site</a></p>
223        </div>
224</div>
225</body>
226</html>
Note: See TracBrowser for help on using the repository browser.