From 7f812ad9ece3b8b5ca3013238942b1c071f72544 Mon Sep 17 00:00:00 2001 From: mourner Date: Tue, 24 Jul 2012 01:41:55 +0300 Subject: [PATCH] improve features page, more styling --- docs/css/screen.css | 6 +++--- download.md | 2 +- examples.md | 2 +- features.html | 48 ++++++++++++++++++++++++++++++-------------- index.md | 2 +- plugins.md | 49 +++++++++++++++++++++++---------------------- reference.html | 16 ++++++++++++++- 7 files changed, 79 insertions(+), 46 deletions(-) diff --git a/docs/css/screen.css b/docs/css/screen.css index e3100706..54506f25 100644 --- a/docs/css/screen.css +++ b/docs/css/screen.css @@ -53,9 +53,9 @@ h1 a:hover, h1 a:focus { h2 { font-size: 1.8em; - margin-top: 1em; + margin-top: 1.3em; font-weight: bold; - padding: 4px 12px 3px; + padding: 3px 12px 2px; margin-left: 0; margin-right: 0; background: #edeeef; @@ -76,7 +76,7 @@ h2 { -moz-border-radius: 5px; -webkit-border-radius: 5px; - text-shadow: -1px -1px 0 #999; + text-shadow: -1px -1px 1px rgba(0,0,0,0.3); } .api-page h2 { margin-top: 2.5em; diff --git a/download.md b/download.md index 6d41be21..7712f97a 100644 --- a/download.md +++ b/download.md @@ -3,7 +3,7 @@ layout: default title: Download --- -### Download Leaflet +## Download Leaflet Besides the library itself, the download package contains full source code, unit tests, files for debugging and a build system. The production diff --git a/examples.md b/examples.md index f273915c..7a80c358 100644 --- a/examples.md +++ b/examples.md @@ -3,7 +3,7 @@ layout: default title: Tutorials --- -### Leaflet Tutorials +## Leaflet Tutorials Every example here comes with step-by-step code explanation and is easy enough even for beginner JavaScript developers. diff --git a/features.html b/features.html index a8297e59..9f7a86ff 100644 --- a/features.html +++ b/features.html @@ -3,7 +3,7 @@ layout: default title: Features --- -

Leaflet Features

+

Leaflet Features

Leaflet doesn't try to do everything for everyone. Instead it focuses on making the basic things work perfectly. It should still satisfy the needs of the vast majority of map apps developers while being easily extended by third-party plugins.

@@ -16,21 +16,27 @@ title: Features

Interaction Features

+

General

+ + +

On Desktop Browsers

+ + +

Misc

+ + diff --git a/index.md b/index.md index 90644c04..2e91f927 100644 --- a/index.md +++ b/index.md @@ -31,7 +31,7 @@ L.marker([51.5, -0.09]). Learn more with the [quick start guide](examples/quick-start.html), check out [other tutorials](examples.html), or head straight to the [API documentation](reference.html). -### Contributing to Leaflet +## Contributing to Leaflet The project is [hosted on GitHub][], waiting for your contributions --- just send your pull requests to [@mourner][] (Vladimir Agafonkin, Leaflet author and maintainer). Let’s make the best library for maps that can possibly exist! diff --git a/plugins.md b/plugins.md index c0a92100..459f516f 100644 --- a/plugins.md +++ b/plugins.md @@ -3,12 +3,13 @@ layout: default title: Plugins --- -### Notable Leaflet Plugins +## Notable Leaflet Plugins While Leaflet is meant to be as lightweight as possible, and focuses on a core set of features, an easy way to extend its functionality is to use third-party plugins. Thanks to the awesome community behind Leaflet, there are lots of nice plugins to choose from. +--- -## Layers and Overlays +### Layers and Overlays @@ -25,15 +26,6 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s Dave Leaver - - - + + + - - -
- RaphaelLayer - - Allows you to use Raphael as a layer on a Leaflet map for advanced animations and visualizations. - - Dynamic Methods -
Leaflet.iconlabel @@ -43,6 +35,15 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s Jacob Toye
+ RaphaelLayer + + Allows you to use Raphael as a layer on a Leaflet map for advanced animations and visualizations. + + Dynamic Methods +
Overlapping Marker Spiderfier @@ -52,19 +53,10 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s George MacKerron
- arc.js - - Allows you to draw great circle routes between two points. - - Dane Springmeyer -
-## Services, Providers and Formats +### Services, Providers and Formats @@ -147,7 +139,7 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s
-## Controls +### Controls and Interaction @@ -212,7 +204,7 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s
-## Other Plugins +### Other Plugins and Libraries @@ -224,7 +216,7 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s @@ -238,6 +230,15 @@ While Leaflet is meant to be as lightweight as possible, and focuses on a core s Michael Lawrence Evans + + +
OSM Buildings - Amazing plugin for visualizing 3D OSM building data on top of Leaflet. + Amazing JS library for visualizing 3D OSM building data on top of Leaflet. Jan Marsch
+ arc.js + + A JS library for drawing great circle routes that can be used with Leaflet. + + Dane Springmeyer +