Use bootstrap layout and css from examples

I'm sure this can be made much prettier still, but at least we
have a common theme with the examples now.
This commit is contained in:
ahocevar
2013-04-03 00:11:49 +02:00
parent e042c5701a
commit 9f2ff48444
2 changed files with 22 additions and 6 deletions

View File

@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>OpenLayers: <?js= title ?></title>
<title>OpenLayers 3 API Documentation - <?js= title ?></title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
@@ -11,14 +11,29 @@
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-jsdoc.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
<link rel="stylesheet" href="../examples/bootstrap/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="../examples/examples.css" type="text/css">
<link rel="stylesheet" href="../examples/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
</head>
<body>
<div id="main">
<h1 class="page-title"><?js= title ?></h1>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="./">OpenLayers 3 API Documentation - <?js= title ?></a>
<ul class="nav pull-right">
<li><iframe class="github-watch-button" src="http://ghbtns.com/github-btn.html?user=openlayers&repo=ol3&type=watch&count=true"
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>
</div>
</div>
</div>
<div id="container-fluid">
<div id="main">
<?js= content ?>
</div>
@@ -31,6 +46,7 @@
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3</a> on <?js= (new Date()) ?>
</footer>
</div>
<script> prettyPrint(); </script>
</body>