cleanup layout, add proper external buttons

_layouts/v2.html

@@ -51,9 +51,8 @@
 	</script>
 </head>
 <body{% if page.bodyclass %} class="{{ page.bodyclass }}"{% endif %}>
-{% if page.title != nil %}
+
 <div class="container">
-{% endif %}
 
 <h1><a href="http://leafletjs.com"><img src="{{ root }}docs/images/logo-800.png" alt="Leaflet" width="300" /></a></h1>
 <h3 class="tagline">an open-source JavaScript library<br> for mobile-friendly interactive maps</h3>
@@ -105,16 +104,15 @@
 
 {{ content }}
 
-{% if page.title != nil %}
 <div class="footer">
-	<p>&copy; 2010&ndash;2014 <a href="http://agafonkin.com/en">Vladimir Agafonkin</a>, 2010&ndash;2011 <a href="http://cloudmade.com">CloudMade</a>. Maps &copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors.</p>
+	<p>&copy; 2014 <a href="http://agafonkin.com/en">Vladimir Agafonkin</a>. Maps &copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors.</p>
 </div>
 
 </div>
-{% endif %}
 
-<a class="twitter" href="http://twitter.com/LeafletJS"><img alt="Follow LeafletJS on Twitter" src="http://www.sportstalk200.com/twitter.png" width="50" /></a>
-<a class="github" href="http://github.com/Leaflet/Leaflet"><img alt="View Source on GitHub" src="http://github.global.ssl.fastly.net/images/modules/logos_page/GitHub-Mark.png" width="65" /></a>
+<a class="ext-link twitter" href="http://twitter.com/LeafletJS" title="Follow LeafletJS on Twitter"><img alt="Follow LeafletJS on Twitter" src="{{root}}docs/images/twitter-round.png" width="46" /></a>
+<a class="ext-link github" href="http://github.com/Leaflet/Leaflet" title="View Source on GitHub"><img alt="View Source on GitHub" src="{{root}}docs/images/github-round.png" width="46" /></a>
+<a class="ext-link forum" href="https://groups.google.com/forum/#!forum/leaflet-js" title="Ask for help on the Leaflet forum"><img alt="Official Leaflet forum" src="{{root}}docs/images/forum-round.png" width="46" /></a>
 
 <script>
 	hljs.tabReplace = '    ';

docs/css/main.css

@@ -45,7 +45,7 @@ h3.tagline {
 	margin-top: -15px;
 	color: #777;
 	text-align: center;
-	margin-bottom: 40px;
+	margin-bottom: 30px;
 	}
 
 h2 {
@@ -117,7 +117,8 @@ a {
 	height: 0;
 	margin-right: 20px;
 	display: inline-block;
-	background: url(https://www.mapbox.com/home/home.png);
+	background: url(https://www.mapbox.com/home/home@2x.png);
+	background-size: 300px 1360px;
 }
 .logo:hover {
 	opacity: 1;
@@ -172,20 +173,23 @@ th, td {
 }
 
 
-.twitter {
-	position: absolute;
-	top: 30px;
-	right: 30px;
-	opacity: 0.5;
-}
-
-.github {
-	position: absolute;
-	top: 80px;
+.ext-link {
+	position: fixed;
 	right: 20px;
 	opacity: 0.5;
 }
-
-.twitter:hover, .github:hover {
-	opacity: 1.0;
+.ext-link:hover {
+	opacity: 1;
 }
+.github {
+	top: 20px;
+}
+.twitter {
+	top: 76px;
+}
+.forum {
+	top: 132px;
+}
+
+
+

index.html

@@ -2,8 +2,7 @@
 layout: v2
 ---
 
-<div class="container">
-<p>Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps, used by the world's biggest websites.
+ <p>Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps, used by the world's biggest websites.
 Weighing just about <abbr title="33 KB gzipped &mdash; that's 123 KB minified and 218 KB in the source form, with 10 KB of CSS (2 KB gzipped) and 11 KB of images.">33 KB of JS</abbr>,
 it has all the <a href="features.html">features</a> most developers ever need for online maps.</p>
 
@@ -197,12 +196,6 @@ and spreading the word about Leaflet among your colleagues and friends.</p>
     <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fleafletjs.com&amp;layout=button_count&amp;show_faces=false&amp;width=93&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:93px; height:20px;" allowTransparency="true"></iframe>
 </div>
 
-<div class="footer">
-    <p>&copy; 2010&ndash;2014 <a href="http://agafonkin.com/en">Vladimir Agafonkin</a>, 2010&ndash;2011 <a href="http://cloudmade.com">CloudMade</a>. Maps &copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors.</p>
-</div>
-
-</div>
-
 <script>
 	var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
 		osmAttrib = '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors',