[TASK] new ripplerest header/page structure

This commit is contained in:
Ben Stein-Lobovits
2014-08-11 16:41:19 -07:00
parent bfdc441ff8
commit 873ecfdc19

View File

@@ -54,7 +54,9 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
<!-- syntax selection js -->
<script src='js/multicodetab.js'></script>
<script>
$(document).on('flatdoc:ready', $().multicode_tabs);
Flatdoc.run({
fetcher: Flatdoc.file('ripplerest_api.md')
});
</script>
<!-- Temporary shims until I modify the css directly -->
<link type='text/css' rel='stylesheet' href='css/mod.css' />
@@ -62,60 +64,116 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
</head>
<body role='flatdoc' class='no-literate'>
<script type='text/javascript'>if (window.location.host != "dev.ripple.com") {
document.write("<div style='background-color: #d55;position:fixed;top:0;right:150px; color:white;padding:1em;font-size:15pt;z-index:1000;'>Draft</div>");}</script>
<div class='header'>
<div class='left'>
<h1>{<i class="icon-ripple-logo"></i>}</h1>
<ul>
<li class="active"><a href='#'>Documentation</a></li>
<li><a href='https://ripple.com/dev/blog'>Developer blog</a></li>
<li><a href='https://ripple.com/forum/viewforum.php?f=2&sid=c016bc6b934120b7117c0e136e74de98' target='_blank'>Developer Forum</a></li>
<li><a href='guidelines.html'>Brand Guidelines</a></li>
<li><a href='https://www.bountysource.com/teams/ripple/bounties' target='_blank'>Bounties</a></li>
</ul>
</div>
<div class='right'>
<!-- GitHub buttons: ghbtn.html -->
<iframe src="https://dev.ripple.com/vendor/ghbtn.html?user=ripple&amp;repo=ripple-dev-portal&amp;type=watch&amp;count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</div>
</div>
<div class="header-subnav-wrapper">
<div class="header-subnav">
<ul>
</ul>
<div class='clearer'>&nbsp;</div>
<!--Draft warning would go here-->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://dev.ripple.com/"><img class="small_logo" src="assets/img/ripple_logo_small.png"></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Resources</a></li>
<li><a href="https://www.bountysource.com/teams/ripple/bounties">Bounties</a></li>
<li><a href="https://ripplelabs.atlassian.net/">Bug Tracking</a></li>
<li><a href="https://ripple.com/dev/blog/">Dev Blog</a></li>
<li><a href="https://ripple.com/forum/viewforum.php?f=2&sid=c016bc6b934120b7117c0e136e74de98">Forums</a></li>
</ul>
<div class='right'>
<!-- GitHub buttons -->
<iframe src="https://dev.ripple.com/vendor/ghbtn.html?user=ripple&repo=ripple-dev-portal&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>
</div>
</div><!--/.nav-collapse -->
</div>
</div>
<!--
<div class="header-subnav-wrapper">
<div class='header-subnav navbar-fixed-top'>
<ul>
<li><a href='?p=introduction' id='subnav-intro'>Introduction</a></li>
<li><a href='?p=ripple-rest-api' id='subnav-rest'>Ripple-REST API</a></li>
<li><a href='?p=web-sockets-api' id='subnav-websocket'>WebSocket &amp; JSON-RPC APIs</a></li>
</ul>
<div class='clearer'>&nbsp;</div>
</div>
</div>
-->
<div class='content-root'>
<div class='menubar'>
<div class='menu section' role='flatdoc-menu'></div>
</div>
<div role='flatdoc-content' class='content'></div>
<div role='flatdoc-content' class='content'>
</div>
</div>
<!-- Initializer -->
<script src='js/toc.js' type='text/javascript'></script>
<script type='text/javascript'>
var GET_VARS = window.location.search.replace("?","").split("&");
var doc_to_load = toc[0]; // Default
for (i=0; i < toc.length; i+=1) {
//Create a link in the sub-nav. TEMPORARY UNTIL BREADCRUMBS
//Note: this doesn't work if this script is in the header, before the HTML it modifies
$(".header-subnav ul").append("<li><a href='?p="+toc[i].slug+"' id='subnav-"+toc[i].slug+"'>"+toc[i].title+"</a></li>");
<div class="footer">
<div class="container">
<p class="text-muted">
<div class="row">
<div class="col-md-2">
<ul class="footer_links applications">
<li><a href="https://www.rippletrade.com">Ripple Trade</a>
<li><a href="https://www.ripplecharts.com">Ripple Charts</a>
<li><a href="https://ripple.com/graph">Ripple Graph</a>
<li><a href="http://codius.org/">Codius</a>
</ul>
</div>
<div class="col-md-2">
<ul class="footer_links middleware">
<li><a href="https://github.com/ripple/gatewayd">Gatewayd</a>
<li><a href="http://dev.ripple.com/?p=ripple-rest">Ripple REST</a>
<li><a href="https://github.com/ripple/ripple-lib">Ripple Lib</a>
</ul>
</div>
<div class="col-md-2">
<ul class="footer_links core_network">
<li><a href="http://dev.ripple.com/?p=websocket">rippled</a>
</ul>
</div>
<div class="col-md-2">
<ul class="footer_links bounties">
<li><a href="https://www.bountysource.com/teams/ripple/bounties">Bounties</a>
<li><a href="https://ripplelabs.atlassian.net/">Bug tracking</a>
<li><a href="https://dev.ripple.com/guidelines.html">Brand guidelines</a>
<li><a href="https://ripple.com/dev/blog/">Dev blog</a>
<li><a href="https://ripple.com/forum/viewforum.php?f=2&sid=c016bc6b934120b7117c0e136e74de98">Forums</a>
<li><a href="https://ripple.com/wiki/Main_Page">Wiki</a>
</ul>
</div>
<div class="col-md-4 mail_chimp">
<p>Join the mailing list!</p>
<p>Email address</p>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{clear:left; font:14px; }
</style>
<div id="mc_embed_signup">
<form action="//ripple.us4.list-manage.com/subscribe/post?u=245dbc1c47849f034390dc5bf&amp;id=4dfbe160d0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px; top: -50px;"><input type="text" name="b_245dbc1c47849f034390dc5bf_4dfbe160d0" tabindex="-1" value=""></div>
<input type="submit" value="Submit" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-primary">
</form>
</div>
if (GET_VARS.indexOf("p="+toc[i].slug)>-1) {
doc_to_load = toc[i];
$("#subnav-"+toc[i].slug).addClass("active");
}
}
//Now actually load it
document.title = doc_to_load.title + " - Ripple Dev Portal";
Flatdoc.run({
fetcher: Flatdoc.file(doc_to_load.file)
});
</script>
<!--End mc_embed_signup-->
</div>
</div>
</p>
</div>
</div>
</body>
</html>