From: Russ Garrett Date: Fri, 15 Dec 2023 17:35:22 +0000 (+0000) Subject: Improve planet.osm web styling X-Git-Url: https://git.openstreetmap.org./chef.git/commitdiff_plain/bdc04df9569ce17679b057fca2dbd4bca35b1096 Improve planet.osm web styling --- diff --git a/cookbooks/planet/files/default/cgi/HEADER.cgi b/cookbooks/planet/files/default/cgi/HEADER.cgi index 165cc3e9f..d3988dcf8 100644 --- a/cookbooks/planet/files/default/cgi/HEADER.cgi +++ b/cookbooks/planet/files/default/cgi/HEADER.cgi @@ -59,47 +59,41 @@ print(""" - Index of / + Planet OSM +

Planet OSM

-The files found here are regularly-updated, complete copies of the OpenStreetMap.org -database, and those published before the 12 September 2012 are distributed under a Creative Commons Attribution-ShareAlike 2.0 license, those published after are Open Data Commons Open Database License 1.0 licensed. For more information, see the project wiki. +The files found here are regularly-updated, complete copies of the OpenStreetMap database.

- - - - - - - - - - - -
-

Complete OSM Data

-
-

Using The Data

-
-

Supporting OSM

-
-

%(planet_link)s

-

%(changesets_link)s

-

%(planet_pbf_link)s

-

- Each week, a new and complete copy of all data in OpenStreetMap is made - available as both a compressed XML file and a custom PBF format file. - Also available is the 'history' file - which contains not only up-to-date data but also older versions of data - and deleted data items. -

-

- A smaller file with complete metadata for all changes ('changesets') in - XML format is also available. -

-
+

+Files published before the 12 September 2012 are distributed under a Creative Commons Attribution-ShareAlike 2.0 license, those +published after are Open Data Commons Open Database License 1.0 licensed. For more information, see the project wiki. +

+
+
+

Latest Exports

+

%(planet_link)s

+

%(changesets_link)s

+

%(planet_pbf_link)s

+

+ Each week, a new and complete copy of all data in OpenStreetMap is made + available as both a compressed XML file and a custom PBF format file. + Also available is the 'history' file + which contains not only up-to-date data but also older versions of data + and deleted data items. +

+

+ A smaller file with complete metadata for all changes ('changesets') in + XML format is also available. +

+
+
+

Using the Data

You are granted permission to use OpenStreetMap data by the OpenStreetMap License, which also describes @@ -124,11 +118,12 @@ database, and those published before the 12 September 2012 are distributed under and BBBike.org are two providers of extracts with up-to-date worldwide coverage.

-
+ +
+

Supporting OSM

OSM data is free to use, but is not free to make or host. The stability and accuracy of OSM.org depends on its volunteers and - donations from its users. Please consider + donations from its users. Please consider making an annual recurring gift to OSM to support the infrastructure, tools, working groups, and other incentives needed to @@ -144,11 +139,11 @@ database, and those published before the 12 September 2012 are distributed under millions should join as a corporate members to receive additional benefits.

-
+ +

If you find data within OpenStreetMap that you believe is an infringement of someone else's copyright, then please make contact with the OpenStreetMap Data Working Group.

+

Files

""" % locals()) diff --git a/cookbooks/planet/files/default/html/style.css b/cookbooks/planet/files/default/html/style.css index a9ca89c4d..26dfdb8b1 100644 --- a/cookbooks/planet/files/default/html/style.css +++ b/cookbooks/planet/files/default/html/style.css @@ -1,22 +1,59 @@ -body, -table#about tr * -{ +body { font-family: sans-serif; line-height: 1.25em; + margin: 2em; + min-width: 350px; + max-width: 1100px; } -body { margin: 2em; } img#logo { float: left; } img#logo, h1 { margin: 0 1em 0 0; } -a { white-space: nowrap; } li { margin-bottom: 1em; } -body>p { width: 57em; } -table#about -{ - clear: left; - margin: 3em 0 2em 0; +p, li {color: #333;} + +#about { + display: flex; + flex-direction: row; + width: 100%; +} + +#about > div { + padding-right: 2em; + flex: 1; +} + +@media(max-width: 900px) { + body { + margin: 20px 10px; + } + + img#logo { + width: 64px; + height: 64px; + } + + #about { + flex-direction: column; + } + + #about > div { + padding-right: 0; + } + + pre { + width: 100%; + overflow: scroll; + } +} + +ul { + padding-left: 1em; +} + +ul li { + margin-bottom: 0.3em; } table tr th { text-align: left; } @@ -54,8 +91,11 @@ table#about tr td } .alert { + clear: both; padding: 20px; background-color: #ff9800; /* Orange */ color: white; - margin-bottom: 15px; + margin: 15px auto; + max-width: 42em; + border-radius: 4px; }