1515 < div id ='logo ' class ='col5 margin2 pad4y fl '> < h1 class ='fancy dark '> mapnik</ h1 > </ div >
1616 < div id ='tagline ' class ='col5 space-top4 dark pad4y prose fr '> the core of geospatial visualization & processing</ div >
1717 </ div >
18- < div id ='intro ' class ='col9 margin2 pad2y dark big '> mapnik combines pixel-perfect image output with lightning-fast cartographic algorithms, and exposes interfaces in C++, Python, and Node.</ div >
19- < div id ='intro ' class ='col9 margin2 pad2y dark big '>
18+ < div id ='intro1 ' class ='col9 margin2 pad2y dark big '> mapnik combines pixel-perfect image output with lightning-fast cartographic algorithms, and exposes interfaces in C++, Python, and Node.</ div >
19+ < div id ='intro2 ' class ='col9 margin2 pad2y dark big '>
2020 < a href ='{{site.baseurl}}/pages/downloads.html ' class ='button stroke white col5 '> Download mapnik</ a >
2121 </ div >
22- < div id ='intro ' class ='col9 margin2 pad2y '>
22+ < div id ='intro3 ' class ='col9 margin2 pad2y '>
2323 < a class ="github-button " href ="https://github.com/mapnik/mapnik/fork " data-style ="mega " data-count-href ="/mapnik/mapnik/network " data-count-api ="/repos/mapnik/mapnik#forks_count " data-count-aria-label ="# forks on GitHub " aria-label ="Fork mapnik/mapnik on GitHub "> Fork</ a >
2424 < script async defer id ="github-bjs " src ="https://buttons.github.io/buttons.js "> </ script >
2525 </ div >
3030 </ div >
3131
3232 < div class ='full-content '>
33- <!-- mapnik latest news --> < a name ='latest-news '> </ a >
33+ <!-- mapnik latest news --> < a id ='latest-news '> </ a >
3434 < div class ='content prose col12 clearfix fill-white '>
3535 < div class ='col10 margin2 pad2y big '> latest news</ div >
3636 {% for post in site.categories.Mapnik limit:4 %}{% if post.type != 'install' %}
6363 < h2 class ='med-news '> < a href ="{{site.baseurl}}{{ post1-url }} "> {{ post1-title }}</ a > </ h2 >
6464 < div class ='col12 '>
6565 < div class ='col12 '> < span class ='date '> {{ post1-date | date: "%b %d, %Y" }}</ span > </ div >
66- < div class ='col2 space-top1 '> < img class ='dot fl ' src ='{{ post1-img }} ' width ='30 '> </ div >
66+ < div class ='col2 space-top1 '> < img class ='dot fl ' alt =" dot fl " src ='{{ post1-img }} ' width ='30 '> </ div >
6767 < div class ='col9 space-top1 '> < span class ='date pad1x '>
6868 {% if post1-github != null %}
6969 < a href ='{{ post1-github }} '> {{ post1-author }}</ a >
@@ -74,58 +74,57 @@ <h2 class='med-news'><a href="{{site.baseurl}}{{ post1-url }}"> {{ post1-title }
7474 </ div >
7575 </ div >
7676 < div class ='col9 '>
77- < div class ='col1 '> < img class ='fl ' src ='images/quote-L.png ' width ='30 '> </ div >
77+ < div class ='col1 '> < img class ='fl ' alt =" fl " src ='images/quote-L.png ' width ='30 '> </ div >
7878 < div class ='col11 pad1x '> {{ post1-excerpt }} < a class ='news ' href ="{{site.baseurl}}{{ post1-url }} "> read more > > </ a > </ div >
7979 </ div >
8080 </ div >
8181 < div class ='col4 pad4x space-top1 '>
8282 < div class ='col12 space-bottom2 '>
8383 < a href ="{{site.baseurl}}{{ post2-url }} "> {{ post2-title }}</ a > < br >
84- < span class ='date '> {{ post2-date | date: "%b %d, %Y" }} | {% if post2-github != null %}< a href ='{{ post2-github }} '> {{ post2-author }}</ a > {% else %}{{ post2-author }}{% endif %}</ span > </ p >
85- </ div >
86- < div class ='col12 space-bottom2 '>
87- < a href ="{{site.baseurl}}{{ post3-url }} "> {{ post3-title }}</ a > < br >
88- < span class ='date '> {{ post3-date | date: "%b %d, %Y" }} | {% if post3-github != null %}< a href ='{{ post3-github }} '> {{ post3-author }}</ a > {% else %}{{ post3-author }}{% endif %}</ span > </ p >
89- </ div >
90- < div class ='col12 '>
91- < a class ='news ' href ="{{site.baseurl}}/news/archive.html "> read news archive > > </ a >
92- </ div >
93- </ div >
94- </ div >
84+ < span class ='date '> {{ post2-date | date: "%b %d, %Y" }} | {% if post2-github != null %}< a href ='{{ post2-github }} '> {{ post2-author }}</ a > {% else %}{{ post2-author }}{% endif %}</ span >
85+ </ div >
86+ < div class ='col12 space-bottom2 '>
87+ < a href ="{{site.baseurl}}{{ post3-url }} "> {{ post3-title }}</ a > < br >
88+ < span class ='date '> {{ post3-date | date: "%b %d, %Y" }} | {% if post3-github != null %}< a href ='{{ post3-github }} '> {{ post3-author }}</ a > {% else %}{{ post3-author }}{% endif %}</ span >
89+ </ div >
90+ < div class ='col12 '>
91+ < a class ='news ' href ="{{site.baseurl}}/news/archive.html "> read news archive > > </ a >
92+ </ div >
93+ </ div >
94+ </ div >
9595
9696
97- <!-- code bindings -->
98- < a name ="code "> </ a >
99- < div class ='content col12 clearfix fill-gray '>
100- < div class ='col3 margin2 pad8y prose '>
101- < div class ='big '> code in your language</ div >
102- < p class ='space-top1 '> mapnik's high-quality bindings let's you choose from Node.js, Python, and C++.</ p >
103- < div class ='col12 pill '>
104- < a href ='http://mapnik.org/node-mapnik/documentation/ ' class ='button stroke light short col6 '> Node.js</ a >
105- < a href ='http://mapnik.org/docs/v2.2.0/api/python/index.html ' class ='button light stroke short col6 '> Python</ a >
106- </ div >
107- </ div >
97+ <!-- code bindings -->
98+ < a id ="code "> </ a >
99+ < div class ='content col12 clearfix fill-gray '>
100+ < div class ='col3 margin2 pad8y prose '>
101+ < div class ='big '> code in your language</ div >
102+ < p class ='space-top1 '> mapnik's high-quality bindings let's you choose from Node.js, Python, and C++.</ p >
103+ < div class ='col12 pill '>
104+ < a href ='http://mapnik.org/node-mapnik/documentation/ ' class ='button stroke light short col6 '> Node.js</ a >
105+ < a href ='http://mapnik.org/docs/v2.2.0/api/python/index.html ' class ='button light stroke short col6 '> Python</ a >
106+ </ div >
107+ </ div >
108108
109- < div class ='col7 space-top2 pad4x clearfix '>
110- < div class ='col12 pad8y clearfix '>
109+ < div class ='col7 space-top2 pad4x clearfix '>
110+ < div class ='col12 pad8y clearfix '>
111111
112- < div class ="container ">
113- < ul class ='tabs '>
114- < li class ='tab-link current ' data-tab ='tab-1 '> Python</ li >
115- < li class ='tab-link ' data-tab ='tab-2 '> Node</ li >
116- < li class ='tab-link ' data-tab ='tab-3 '> C++</ li >
117- </ ul >
118- < div id ="tab-1 " class ="tab-content current ">
112+ < div class ="container ">
113+ < ul class ='tabs '>
114+ < li class ='tab-link current ' data-tab ='tab-1 '> Python</ li >
115+ < li class ='tab-link ' data-tab ='tab-2 '> Node</ li >
116+ < li class ='tab-link ' data-tab ='tab-3 '> C++</ li >
117+ </ ul >
118+ < div id ="tab-1 " class ="tab-content current ">
119119{% highlight python %}
120120import mapnik
121121m = mapnik.Map(256,256)
122122mapnik.load_map(m, 'path/to/file.xml')
123123m.zoom_all()
124124mapnik.render_to_file(m, 'the_image.png')
125125{% endhighlight %}
126- </ div >
127-
128- < div id ="tab-2 " class ="tab-content ">
126+ </ div >
127+ < div id ="tab-2 " class ="tab-content ">
129128{% highlight js %}
130129var mapnik = require('mapnik');
131130var fs = require('fs');
@@ -149,8 +148,8 @@ <h2 class='med-news'><a href="{{site.baseurl}}{{ post1-url }}"> {{ post1-title }
149148 });
150149});
151150{% endhighlight %}
152- </ div >
153- < div id ="tab-3 " class ="tab-content ">
151+ </ div >
152+ < div id ="tab-3 " class ="tab-content ">
154153{% highlight c++ %}
155154#include < mapnik /map.hpp>
156155#include < mapnik /load_map.hpp>
@@ -169,23 +168,23 @@ <h2 class='med-news'><a href="{{site.baseurl}}{{ post1-url }}"> {{ post1-title }
169168 mapnik::save_to_file(im, "the_image.png");
170169}
171170{% endhighlight %}
171+ </ div >
172+ </ div >
173+ </ div >
172174 </ div >
173175 </ div >
174- </ div >
175- </ div >
176- </ div >
177176
178- <!-- xml stylesheets -->
179- < a name ="xml "> </ a >
180- < div class ='content col12 clearfix fill-gray '>
181- < div class ='col3 margin2 pad2y '>
182- < h2 class ='big '> style with a stylesheet</ h2 >
183- < div class ='col10 pad2y '> Only a single XML stylesheet for your map, regardless of the code binding.</ div >
184- < a href ='https://github.com/mapnik/mapnik/wiki/XMLConfigReference ' class ='space-top1 button stroke light short col8 '> XML Configuration</ a >
185- </ div >
186- < div class ='col7 pad4x space-bottom4 '>
187- < div class ='fill-white '>
188- {% highlight xml%}
177+ <!-- xml stylesheets -->
178+ < a id ="xml "> </ a >
179+ < div class ='content col12 clearfix fill-gray '>
180+ < div class ='col3 margin2 pad2y '>
181+ < h2 class ='big '> style with a stylesheet</ h2 >
182+ < div class ='col10 pad2y '> Only a single XML stylesheet for your map, regardless of the code binding.</ div >
183+ < a href ='https://github.com/mapnik/mapnik/wiki/XMLConfigReference ' class ='space-top1 button stroke light short col8 '> XML Configuration</ a >
184+ </ div >
185+ < div class ='col7 pad4x space-bottom4 '>
186+ < div class ='fill-white '>
187+ {% highlight xml%}
189188< Map background-color ="blue " srs ="+init=epsg:4326 ">
190189 < Style name ="My Style ">
191190 <Rule>
@@ -202,17 +201,16 @@ <h2 class='big'>style with a stylesheet</h2>
202201 </ Layer >
203202</ Map >
204203{% endhighlight %}
204+ </ div >
205+ </ div >
206+ </ div >
207+ <!-- blog -->
208+ < div class ='fill-gray content col12 clearfix pad1y '>
209+ < div class ='big quote center pad4y '> above all else, beautiful maps</ div >
210+ </ div >
211+ {% include stacks.html %}
212+ {% include footer.html %}
213+ <!-- end content -->
205214 </ div >
206- </ div >
207- </ div >
208- <!--</div>-->
209- <!-- blog -->
210- < div class ='fill-gray content col12 clearfix pad1y '>
211- < div class ='big quote center pad4y '> above all else, beautiful maps</ div >
212- </ div >
213- {% include stacks.html %}
214- {% include footer.html %}
215- <!-- end content -->
216- </ div >
217- </ body >
215+ </ body >
218216</ html >
0 commit comments