ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make social links more social

Browse Source
This commit is contained in:
Tim Schaub
2013-03-18 13:27:47 -06:00
parent 4cec0546c8
commit 1ac77b1a6f
32 changed files with 181 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
examples/anchored-elements.html
View File

@@ -71,8 +71,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -109,6 +111,7 @@
</div> </div>
<script src="loader.js?id=anchored-elements" type="text/javascript"></script> <script src="loader.js?id=anchored-elements" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/animation.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -55,6 +57,7 @@
</div> </div>
<script src="loader.js?id=animation" type="text/javascript"></script> <script src="loader.js?id=animation" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/bind-input.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -79,6 +81,7 @@
</div> </div>
<script src="loader.js?id=bind-input" type="text/javascript"></script> <script src="loader.js?id=bind-input" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/bing-maps.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -54,6 +56,7 @@
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.min.js" type="text/javascript"></script>
<script src="loader.js?id=bing-maps" type="text/javascript"></script> <script src="loader.js?id=bing-maps" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/brightness-contrast.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -57,6 +59,7 @@
</div> </div>
<script src="loader.js?id=brightness-contrast" type="text/javascript"></script> <script src="loader.js?id=brightness-contrast" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/canvas-tiles.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=canvas-tiles" type="text/javascript"></script> <script src="loader.js?id=canvas-tiles" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/epsg-4326.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=epsg-4326" type="text/javascript"></script> <script src="loader.js?id=epsg-4326" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

8
examples/example-list.html
View File

@@ -180,8 +180,10 @@
<span id="count"></span> <span id="count"></span>
</form> </form>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -207,5 +209,7 @@
</div> </div>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

5
examples/examples.css
View File

@@ -13,3 +13,8 @@ body {
#tags { #tags {
display: none; display: none;
} }
/* padding for social links to match bootstrap nav links */
.nav>li>.twitter-share-button, .nav>li>.g-plusone-wrapper, .nav>li>.github-watch-button {
padding: 10px 10px 0px;
}

7
examples/export-jpeg.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -48,6 +50,7 @@
</div> </div>
<script src="loader.js?id=export-jpeg" type="text/javascript"></script> <script src="loader.js?id=export-jpeg" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/geolocation.html
View File

@@ -22,8 +22,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -56,6 +58,7 @@
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.min.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="loader.js?id=geolocation" type="text/javascript"></script> <script src="loader.js?id=geolocation" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/hue-saturation.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -57,6 +59,7 @@
</div> </div>
<script src="loader.js?id=hue-saturation" type="text/javascript"></script> <script src="loader.js?id=hue-saturation" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/mapquest.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=mapquest" type="text/javascript"></script> <script src="loader.js?id=mapquest" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/mouse-position.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -48,6 +50,7 @@
</div> </div>
<script src="loader.js?id=mouse-position" type="text/javascript"></script> <script src="loader.js?id=mouse-position" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/rotation.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=rotation" type="text/javascript"></script> <script src="loader.js?id=rotation" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/scale-line.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=scale-line" type="text/javascript"></script> <script src="loader.js?id=scale-line" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/semi-transparent-layer.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=semi-transparent-layer" type="text/javascript"></script> <script src="loader.js?id=semi-transparent-layer" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/side-by-side.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -72,6 +74,7 @@
</div> </div>
<script src="loader.js?id=side-by-side" type="text/javascript"></script> <script src="loader.js?id=side-by-side" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/simple.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=simple" type="text/javascript"></script> <script src="loader.js?id=simple" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

22
examples/social-links.js Normal file
View File

@@ -0,0 +1,22 @@
// add tweet buttons (adapated from https://twitter.com/about/resources/buttons)
(function() {
var self = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = '//platform.twitter.com/widgets.js';
self.parentNode.insertBefore(script, self);
})();
// add g+1 buttons (adapted from https://developers.google.com/+/web/+1button)
(function() {
var self = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.async = true;
script.src = 'https://apis.google.com/js/plusone.js';
self.parentNode.insertBefore(script, self);
})();

7
examples/stamen.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=stamen" type="text/javascript"></script> <script src="loader.js?id=stamen" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/style-rules.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=style-rules" type="text/javascript"></script> <script src="loader.js?id=style-rules" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/tilejson.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=tilejson" type="text/javascript"></script> <script src="loader.js?id=tilejson" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/vector-layer.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=vector-layer" type="text/javascript"></script> <script src="loader.js?id=vector-layer" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wms-capabilities.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -45,6 +47,7 @@
</div> </div>
<script src="loader.js?id=wms-capabilities" type="text/javascript"></script> <script src="loader.js?id=wms-capabilities" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wms-custom-proj.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -49,6 +51,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script>
<script src="loader.js?id=wms-custom-proj" type="text/javascript"></script> <script src="loader.js?id=wms-custom-proj" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wms-single-image-custom-proj.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -49,6 +51,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script>
<script src="loader.js?id=wms-single-image-custom-proj" type="text/javascript"></script> <script src="loader.js?id=wms-single-image-custom-proj" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wms-single-image.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=wms-single-image" type="text/javascript"></script> <script src="loader.js?id=wms-single-image" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wms-tiled.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=wms-tiled" type="text/javascript"></script> <script src="loader.js?id=wms-tiled" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wmts-from-capabilities.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -49,6 +51,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/proj4js-compressed.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/proj4js/1.1.0/defs/EPSG21781.js" type="text/javascript"></script>
<script src="loader.js?id=wmts-from-capabilities" type="text/javascript"></script> <script src="loader.js?id=wmts-from-capabilities" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

7
examples/wmts.html
View File

@@ -16,8 +16,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -47,6 +49,7 @@
</div> </div>
<script src="loader.js?id=wmts" type="text/javascript"></script> <script src="loader.js?id=wmts" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html> </html>

11
examples/zoomslider.html
View File

@@ -68,8 +68,10 @@
<div class="container"> <div class="container">
<a class="brand" href="example-list.html">OpenLayers 3 Examples</a> <a class="brand" href="example-list.html">OpenLayers 3 Examples</a>
<ul class="nav pull-right"> <ul class="nav pull-right">
<li><a href="https://github.com/openlayers/ol3"><i class="icon-github"></i></a></li> <li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
<li><a href="https://twitter.com/openlayers"><i class="icon-twitter"></i></a></li> allowtransparency="true" frameborder="0" scrolling="0" height="20" width="90"></iframe></li>
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-hashtags="openlayers">&nbsp;</a></li>
<li><div class="g-plusone-wrapper"><div class="g-plusone" data-size="medium" data-annotation="none"></div></div></li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -111,5 +113,8 @@
</div> </div>
<script src="loader.js?id=zoomslider" type="text/javascript"></script> <script src="loader.js?id=zoomslider" type="text/javascript"></script>
<script src="social-links.js" type="text/javascript"></script>
</body> </body>
</html>
</html>