ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 03:35:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bootstrap v4/fluid layout overhaul

Browse Source
This commit is contained in:
mDuo13
2018-04-20 20:39:53 -07:00
parent e9457b60ff
commit 7f3acbce3c
30 changed files with 7335 additions and 583 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
tool/ripple.scss Normal file
View File

@@ -0,0 +1,33 @@
// Variable overrides here
$primary: #1db4ff; // "Ripple Blue"
$light: #e6eaee;
$dark: #2b3e51; // "Background Navy"
$code-color: #333;
$navbar-padding-y: 0;
$navbar-nav-link-padding-x: 1rem;
// Font face stuff from Google
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(../font/Roboto-Regular.woff) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(../font/Roboto-Bold.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
// Bootstrap v4
@import "node_modules/bootstrap/scss/bootstrap";
// CSS overrides
:root {
--font-family-sans-serif: 'Roboto', sans-serif;
}

278
tool/template-5layerindex.html
View File

@@ -15,7 +15,7 @@
{% block breadcrumbs %}{% endblock %}
{% block main %}
<section class="container">
<section class="container-fluid px-5 pb-5 pt-2">
<h1>Learn. Experiment. Integrate. Contribute.</h1>
<div class="row">
<div class="blurb col-sm-12">
@@ -23,14 +23,13 @@
</div>
</div>
<div class="row">
<div class="card-deck mb-4">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><a href="landing-references.html">Take Me to the References</a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="landing-references.html">Take Me to the References</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ul>
<li><a href="reference-rippled-public.html"><code>rippled</code> Public API Methods</a></li>
@@ -38,16 +37,14 @@
<li><a href="reference-data-api.html">Data API</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Get Started</h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title">Get Started</h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ul>
<li><a href="websocket-api-tool.html">Make a call to the rippled API</a></li>
@@ -55,83 +52,75 @@
<li><a href="landing-concepts.html">Understand XRP Ledger Concepts</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><a href="tutorial-listing-xrp.html">List XRP in Your Exchange</a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="tutorial-listing-xrp.html">List XRP in Your Exchange</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p>Does your exchange want to list XRP?</p>
<div class="readmore">
<a href="tutorial-listing-xrp.html"><button class="btn btn-primary" type="button">Get Started</button></a>
</div>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.row-->
</div><!--/.card-deck-->
<div class="row">
<div class="card-deck">
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><a href="tutorial-rippled-setup.html">Run <code>rippled</code></a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="tutorial-rippled-setup.html">Run <code>rippled</code></a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p><code>rippled</code> is the core server of the XRP Ledger. Anyone can run one.</p>
<div class="readmore">
<a href="tutorial-rippled-setup.html"><button class="btn btn-primary" type="button">Get Started</button></a>
</div>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><a href="https://github.com/ripple/rippled/">Contribute to <code>rippled</code><i class="fa fa-external-link"></i></a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="https://github.com/ripple/rippled/">Contribute to <code>rippled</code> <i class="fa fa-external-link"></i></a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p>Contribute code and bug reports to help improve <code>rippled</code>.</p>
<div class="readmore">
<a href="tutorial-rippled-setup.html"><button class="btn btn-primary" type="button">Get Started <i class="fa fa-external-link"></i></button></a>
</div>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<div class="card">
<div class="card-header">
<!--{# TODO: replace this with "Provide Liquidity" use case link when we have it #}-->
<h3 class="panel-title"><a href="tutorial-gateway-guide.html">Issue Currency in the XRP Ledger</a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<h3 class="card-title"><a href="tutorial-gateway-guide.html">Issue Currency in the XRP Ledger</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p>Are you a potential gateway who wants to issue currency in the XRP Ledger?</p>
<div class="readmore">
<a href="tutorial-gateway-guide.html"><button class="btn btn-primary" type="button">Get Started</button></a>
</div>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.card-deck-->
</div><!--/.row-->
</section>
<section class="container odd">
<section class="container-fluid bg-light p-5">
<div class="row">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">New and Updated Documentation</h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title">New and Updated Documentation</h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ol>
{% for link in target.recently_updated %}
@@ -140,28 +129,28 @@
{% endfor %}
</ol>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><a href="reference-amendments.html">Known Amendments</a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="reference-amendments.html">Known Amendments</a></h3>
</div><!--/.card-header-->
<div class="card-body">
<p>Amendments introduce new features to the decentralized XRP Ledger without causing disruptions.</p>
<div class="readmore">
<a href="reference-amendments.html"><button class="btn btn-primary" type="button">View Known Amendments</button></a>
</div>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
</div><!--/.row-->
</section>
<section class="container" id="#xrp_ledger_intro">
<section class="container-fluid p-5" id="xrp_ledger_intro">
<h2><a href="concept-xrp-ledger-intro.html">XRP Ledger: A decentralized cryptographic ledger</a></h2>
<div class="row">
<div class="blurb col-sm-12">
@@ -170,145 +159,140 @@
</div>
</div>
<div class="row">
<div class="row my-3">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">💯</p>
<div class="col-sm-6 col-lg-4 offset-lg-2">
<div class="card">
<img class="card-img-top" src="assets/img/triskellion.svg" alt="(XRP triskellion)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#the-best-digital-asset">The Best Digital Asset</a></h3>
<p>XRP is a digital asset native to the XRP Ledger. Anyone with a cryptographic key and an internet connection can receive, hold, and send XRP to anyone else.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">🙉</p>
<div class="col-sm-6 col-lg-4">
<div class="card">
<img class="card-img-top" src="assets/img/dollar-arrow.svg" alt="(money moving)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#censorship-resistant-transaction-processing">Censorship-Resistant Transaction Processing</a></h3>
<p>No single party decides which XRP transactions succeed or fail, and no one can "roll back" a transaction after it completes.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
</div><!--/.row-->
<div class="row">
<div class="row my-3">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">💨</p>
<div class="col-sm-6 col-lg-4 offset-lg-2">
<div class="card">
<img class="card-img-top" src="assets/img/network.svg" alt="(consensus network)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#fast-efficient-consensus-algorithm">Fast, Efficient Consensus Algorithm</a></h3>
<p>The XRP Ledger's consensus algorithm settles transactions in 4 to 5 seconds, processing at a throughput of up to 1500 transactions per second.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">📈</p>
<div class="col-sm-6 col-lg-4">
<div class="card">
<img class="card-img-top" src="assets/img/line-graph.svg" alt="(price graph)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#finite-xrp-supply">Finite XRP Supply</a></h3>
<p>When the XRP Ledger began, 100 billion XRP were created, and no more XRP will ever be created.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
</div><!--/.row-->
<div class="row">
<div class="row my-3">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">⚖️</p>
<div class="col-sm-6 col-lg-4 offset-lg-2">
<div class="card">
<img class="card-img-top" src="assets/img/scales.svg" alt="(scales of justice)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#responsible-software-governance">Responsible Software Governance</a></h3>
<p>A team of full-time, world-class developers at Ripple maintain and continually improve the XRP Ledger's underlying software.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">🔐</p>
<div class="col-sm-6 col-lg-4">
<div class="card">
<img class="card-img-top" src="assets/img/lock.svg" alt="(lock)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#secure-adaptable-cryptography">Secure, Adaptable Cryptography</a></h3>
<p>The XRP Ledger relies on industry standard digital signature systems like ECDSA and also supports modern, efficient algorithms like Ed25519.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
</div><!--/.row-->
<div class="row">
<div class="row my-3">
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">⚙️</p>
<div class="col-sm-6 col-lg-4 offset-lg-2">
<div class="card">
<img class="card-img-top" src="assets/img/gears.svg" alt="(gears)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#modern-features-for-smart-contracts">Modern Features for Smart Contracts</a></h3>
<p>Features like Escrow, Checks, and Payment Channels support cutting-edge financial applications while safety features like Invariant Checks and Amendments provide for stable operation.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<p class="hero-emoji">💱</p>
<div class="col-sm-6 col-lg-4">
<div class="card">
<img class="card-img-top" src="assets/img/exchange.svg" alt="(currency exchange)" />
<div class="card-body">
<h3><a href="concept-xrp-ledger-intro.html#modern-features-for-smart-contracts">On-Ledger Decentralized Exchange</a></h3>
<p>The XRP Ledger also has a fully-functional accounting system for tracking and trading obligations denominated in any way users want, and an exchange built into the protocol.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
</div><!--/.row-->
</section>
<section class="container related-projects odd">
<section class="container-fluid related-projects p-5 bg-light">
<h2>Related Projects</h2>
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col m-2">
<div class="card">
<div class="card-body">
<p><a class="client-portal-link" href="https://clients.ripple.com/" target="_blank">
<img class="project-icon" src="assets/img/RippleNet-condensed.svg" />
<span class="project-name">Ripple Client Portal</span>
<span class="login-required">(login required)</span>
</a></p>
<p class="project-summary">For financial institutions using Ripple's proprietary solutions to send money globally.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-body">
<div class="col m-2">
<div class="card">
<div class="card-body">
<p><a class="interledger-link" href="https://interledger.org/" target="_blank">
<img class="project-icon" src="assets/img/ilp_logo.svg" />
<span class="project-name">Interledger</span>
</a></p>
<p class="project-summary">An open protocol suite for connecting all forms of digital money.</p>
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.col-->
</section>
</div><!--/.row-->
<section class="container portal-index">
<h2>Full Sitemap (development purposes)</h2>
<div class="row">
<div class="col-md-8">
{% include 'template-page-children.html' %}
</div>
</div>
</section>
<!-- Disclaimer block -->
<div class="container build-disclaimer">
<section class="container-fluid p-5 build-disclaimer">
<p>
These resources are provided for informational purposes only, as illustrative references for your independent development of products or services designed to interface with Ripple’s open-source technologies. These resources are not intended to direct or influence how you or any other person interacts with Ripple’s open-source technologies. Ripple <strong><em>does not</em></strong> endorse any specific resource and makes no representations or warranties with respect to the resources listed.
</p>

45
tool/template-base.html
View File

@@ -21,7 +21,8 @@
<script src="assets/vendor/jquery-1.11.1.min.js"></script>
<!-- Custom Stylesheets. ripple.css includes bootstrap, font stuff -->
<link href="assets/css/ripple.css" rel="stylesheet" />
<!-- <link href="assets/css/ripple.css" rel="stylesheet" /> -->
<link href="assets/vendor/bootstrap.css" rel="stylesheet" />
<link href="assets/css/devportal.css" rel="stylesheet" />
<!-- Bootstrap JS -->
@@ -37,13 +38,14 @@
</head>
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}{% block bodyclasses %}{% endblock %}">
<header role="banner" class="banner navbar navbar-default navbar-fixed-top initial_header">
<div class="container">
<div class="navbar-header">
<a href="index.html" class="navbar-brand"><img src="assets/img/dev-logo.png" class="logo" width="36" height="36" /><span class="brand-text">XRP Ledger Dev Portal</span></a>
<div class="draft-warning">BETA</div>
</div><!-- /.navbar-header -->
<ul class="nav navbar-nav">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white">
<a href="index.html" class="navbar-brand"><img src="assets/img/dev-logo.png" class="logo" width="36" height="36" /><span class="brand-text">XRP Ledger Dev Portal</span><div class="draft-warning">BETA</div></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHolder" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarHolder">
<ul class="nav navbar-nav mr-auto">
{% set funnels = [] %}
{% for page in pages %}
{% if page.funnel is defined and page.funnel not in funnels %}
@@ -56,30 +58,37 @@
{% endfor %}
</ul><!-- /.navbar-nav -->
<form class="navbar-form navbar-right" role="search" method="get" action="https://www.google.com/search">
<div class="form-group">
<div class="form-inline">
<input name="q" type="text" class="form-control" class="top-search" placeholder="Search this site...">
<input name="q" value="site:developers.ripple.com" type="hidden">
<button type="submit" class="btn btn-default fa fa-search">&nbsp;</button>
</div>
{% include 'template-github-edit.html' %}
</form>
</div><!-- /.container -->
{% include 'template-github-edit.html' %}
</div>
</nav>
</header>
<div class="wrap container" role="document" id="main_content_wrapper">
<div class="container-fluid" role="document" id="main_content_wrapper">
<div class="row">
{% if currentpage.sidebar != "disabled" %}
<aside class="sidebar" role="complementary">
{% block sidebar %}{% endblock %}
<aside class="sidebar col-md-3 col-xl-2 p-0" role="complementary">
{% block left_sidebar %}
{% include "template-sidebar_nav.html" %}
{% endblock %}
</aside>
{% endif %}
<main class="main" role="main" id="main_content_body">
<main class="main {% if currentpage.sidebar == "left_only" %}col-md-9 col-xl-10{% elif currentpage.sidebar == "disabled" %}col-md-12 col-xl-12{% else %}col-md-6 col-xl-8{% endif %} p-0" role="main" id="main_content_body">
{% block breadcrumbs %}
{% include 'template-breadcrumbs.html' %}
{% endblock %}
{% block main %}{% endblock %}
</main>
{% if currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only" %}
<aside class="right-sidebar col-md-3 col-xl-2 p-0" role="complementary">
{% block right_sidebar %}{% endblock %}
</aside>
{% endif %}
</div>
</div>
{% include 'template-footer.html' %}

18
tool/template-breadcrumbs.html
View File

@@ -1,18 +1,18 @@
<div class="breadcrumbs-wrap">
<ul class="breadcrumb">
<li class="crumb-top"><a href="index.html">Home</a></li>
<nav class="breadcrumbs-wrap" aria-label="breacrumb">
<ul class="breadcrumb bg-white">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
{% if currentpage.funnel and currentpage != pages|selectattr('funnel', 'equalto', currentpage.funnel)|first %}
<li class="active crumb-category"><a href="{{ (pages|selectattr('funnel', 'equalto', currentpage.funnel)|first).html }}">{{ currentpage.funnel }}</a></li>
<li class="active breadcrumb-item"><a href="{{ (pages|selectattr('funnel', 'equalto', currentpage.funnel)|first).html }}">{{ currentpage.funnel }}</a></li>
{% endif %}
{% if currentpage.doc_type and currentpage != pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first%}
<li class="active crumb-category"><a href="{{ (pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first).html }}">{{ currentpage.doc_type }}</a></li>
<li class="active breadcrumb-item"><a href="{{ (pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first).html }}">{{ currentpage.doc_type }}</a></li>
{% endif %}
{% if currentpage.category and currentpage != pages|selectattr('category', 'equalto', currentpage.category)|first %}
<li class="active crumb-category"><a href="{{ (pages|selectattr('category', 'equalto', currentpage.category)|first).html }}">{{ currentpage.category }}</a></li>
<li class="active breadcrumb-item"><a href="{{ (pages|selectattr('category', 'equalto', currentpage.category)|first).html }}">{{ currentpage.category }}</a></li>
{% endif %}
{% if currentpage.subcategory and currentpage != pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first %}
<li class="active crumb-category"><a href="{{ (pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first).html }}">{{ currentpage.subcategory }}</a></li>
<li class="active breadcrumb-item"><a href="{{ (pages|selectattr('subcategory', 'equalto', currentpage.subcategory)|first).html }}">{{ currentpage.subcategory }}</a></li>
{% endif %}
<li class="active crumb-current">{{ currentpage.name }}</li>
<li class="active breadcrumb-item">{{ currentpage.name }}</li>
</ul>
</div>
</nav><!--/.breadcrumbs-wrap-->

29
tool/template-doc.html
View File

@@ -20,24 +20,19 @@
{% endblock %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block main %}
<h1 class="main-page-header">{{ currentpage.name }}</h1>
<aside id="page-toc-wrapper" class="panel panel-default">
<p class="in-this-doc panel-heading">In this document:</p>
<ul class="dev_nav_sidebar panel-body" id="dactyl_toc_sidebar">
{{ sidebar_content }}
</ul>
</aside>
<div class='content no-1st-head'>
<article class="p-3">
<div class="content">
{{ content }}
</div>
</article>
{% endblock %}
{% block right_sidebar %}
<div class="card" id="page-toc-wrapper">
<p class="in-this-doc card-header">In this document:</p>
<ul class="dev_nav_sidebar card-body" id="dactyl_toc_sidebar">
{{ sidebar_content }}
</ul>
</div>
{% endblock %}

24
tool/template-footer.html
View File

@@ -1,13 +1,12 @@
<footer class="content-info" role="contentinfo">
<div class="container">
<footer class="ripple-footer" role="contentinfo">
<div class="container-fluid">
<div class="row">
<div class="col-sm-1">&nbsp;</div>
{% set funnels = [] %}
{% for page in pages %}
{% if page.funnel is defined and page.funnel not in funnels %}
{% set parent_page = pages|selectattr('funnel', 'equalto', page.funnel)|first %}
<div class="col-sm-2 foot-nav-col">
<div class="col foot-nav-col">
<h5><a class="foot-nav-link" href="{{ parent_page.html }}">{{ parent_page.name }}</a></h5>
{% set depth=1 %}
{% include 'template-page-children.html' %}
@@ -17,7 +16,7 @@
{% endif %}
{% endfor %}
<div class="col-sm-2 foot-nav-col">
<div class="col foot-nav-col">
<h5><a class="foot-nav-link" href="https://ripple.com/" target="_blank">Ripple <i class="fa fa-external-link"></i></a></h5>
<div class="children-display">
<ul>
@@ -30,17 +29,14 @@
</div><!--/.row-->
</div>
<div class="container">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 absolute_bottom_footer">
<div class="col-sm-8">
<span>&copy; 2013 - 2018 Ripple. All Rights Reserved.</span>
<span><a href="https://ripple.com/terms-of-use/">Terms</a></span>
<span><a href="https://ripple.com/privacy-policy/">Privacy</a></span>
<span><a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">License</a></span>
</div>
</div><!-- /.absolute_bottom_footer -->
<span>&copy; 2013 - 2018 Ripple. All Rights Reserved.</span>
<span><a href="https://ripple.com/terms-of-use/">Terms</a></span>
<span><a href="https://ripple.com/privacy-policy/">Privacy</a></span>
<span><a href="https://raw.githubusercontent.com/ripple/ripple-dev-portal/master/LICENSE">License</a></span>
</div><!-- /.absolute_bottom_footer -->
</div><!-- /.row -->
</div><!-- /.container -->
</footer>

2
tool/template-github-edit.html
View File

@@ -1,4 +1,4 @@
<div class="github-edit-wrap form-group">
<div class="github-edit-wrap">
{% set have_edit_link = False %}
{% if currentpage.md is defined %}
{% if currentpage.md.startswith("http://") or

12
tool/template-landing-category.html → tool/template-landing-children.html
View File

@@ -1,18 +1,11 @@
{% extends "template-base.html" %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block main %}
<section class="p-3">
<h1 class="main-page-header">{{ currentpage.name }}</h1>
<div class='content'>
<h2>Pages in this category:</h2>
<h2>Children of this page:</h2>
{% include 'template-page-children.html' %}
<!--{# <ul class="cat_pagelist">
@@ -24,4 +17,5 @@
{% endfor %}
</ul> #}-->
</div>
</section><!--/.row-->
{% endblock %}

162
tool/template-landing-docs.html
View File

@@ -1,120 +1,100 @@
{% extends "template-base.html" %}
{% block sidebar %}
{% endblock %}
{% block bodyclasses %}landing{% endblock %}
{% block main %}
<section class="container">
<section class="container-fluid">
<h1 class="main-page-header">XRP Ledger Documentation</h1>
<div class="row">
<div class="blurb col-sm-12">
{{content}}
</div>
</div>
</section>
<section class="container">
<div class="row">
<div class="card-deck p-2">
{% set doc_types = [] %}
{% for page in pages %}
{% if page.doc_type is defined and page.doc_type not in doc_types %}
{% set doc_type_top = pages|selectattr('doc_type', 'equalto', page.doc_type)|first %}
<div class="col-sm-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><a href="{{doc_type_top.html}}">{{doc_type_top.name}}</a></h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="card">
<div class="card-header">
<h3 class="card-title"><a href="{{doc_type_top.html}}">{{doc_type_top.name}}</a></h3>
</div><!--/.card-header-->
<div class="card-body">
{% if currentpage.doc_type_blurbs[page.doc_type] is defined %}
<p class="doc-type-blurb">{{currentpage.doc_type_blurbs[page.doc_type]}}</p>
{% endif %}
{% set parent_page = doc_type_top %}
{% set depth = 1 %}
{% include 'template-page-children.html' %}
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-sm-4-->
</div><!--/.card-body-->
</div><!--/.card-->
{% set _ = doc_types.append(page.doc_type) %}
{% endif %}
{% endfor %}
</div><!--/.row-->
</div><!--/.card-deck-->
<div class="card-deck p-2">
<div class="card">
<div class="card-header">
<h3 class="card-title">Get Started</h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ul>
<li><a href="websocket-api-tool.html">Make a call to the rippled API</a></li>
<li><a href="xrp-test-net-faucet.html">Access the XRP Ledger Test Net</a></li>
<li><a href="landing-concepts.html">Understand XRP Ledger Concepts</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="card">
<div class="card-header">
<h3 class="card-title">Popular Docs</h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ol>
<li><a href="reference-rippled-public.html">rippled API Public Methods Reference</a></li>
<li><a href="concept-accounts.html">Accounts</a></li>
<li><a href="rippled-setup.html">rippled Server Setup</a></li>
<li><a href="reference-rippleapi.html">RippleAPI for JavaScript</a></li>
</ol>
</div><!--/.curated-links-->
</div><!--/.card-body-->
</div><!--/.card-->
<div class="card">
<div class="card-header">
<h3 class="card-title">Recently Updated</h3>
</div><!--/.card-header-->
<div class="card-body">
<div class="curated-links">
<ol>
{% for link in target.recently_updated %}
{% set linkpage = pages|selectattr("html", "equalto", link)|first %}
<li><a href="{{linkpage.html}}">{{linkpage.name}}</a></li>
{% endfor %}
</ol>
</div><!--/.curated-links-->
</div><!--/.card-body-->
</div><!--/.card-->
</div><!--/.card-deck-->
</section>
<section class="container-fluid p-3 p-lg-5">
<h2>Full Documentation Index</h2>
<div class="row">
<div class="col-sm-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Get Started</h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="curated-links">
<ul>
<li><a href="websocket-api-tool.html">Make a call to the rippled API</a></li>
<li><a href="xrp-test-net-faucet.html">Access the XRP Ledger Test Net</a></li>
<li><a href="landing-concepts.html">Understand XRP Ledger Concepts</a></li>
</ul>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-sm-3-->
<div class="col-sm-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Popular Docs</h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="curated-links">
<ol>
<li><a href="reference-rippled-public.html">rippled API Public Methods Reference</a></li>
<li><a href="concept-accounts.html">Accounts</a></li>
<li><a href="rippled-setup.html">rippled Server Setup</a></li>
<li><a href="reference-rippleapi.html">RippleAPI for JavaScript</a></li>
</ol>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-sm-3-->
<div class="col-sm-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Popular Tools</h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="curated-links">
<ol>
<li><a href="xrp-ledger-rpc-tool.html">RPC Tool</a></li>
<li><a href="websocket-api-tool.html">WebSocket API Tool</a></li>
<li><a href="xrp-test-net-faucet.html">XRP Test Net Faucet</a></li>
<li><a href="data-api-v2-tool.html">Data API v2 Tool</a></li>
<li><a href="ripple-txt-validator.html">ripple.txt Validator</a></li>
</ol>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-sm-3-->
<div class="col-sm-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Recently Updated</h3>
</div><!--/.panel-heading-->
<div class="panel-body">
<div class="curated-links">
<ol>
{% for link in target.recently_updated %}
{% set linkpage = pages|selectattr("html", "equalto", link)|first %}
<li><a href="{{linkpage.html}}">{{linkpage.name}}</a></li>
{% endfor %}
</ol>
</div><!--/.curated-links-->
</div><!--/.panel-body-->
</div><!--/.panel-->
</div><!--/.col-sm-3-->
</div><!--/.row-->
<div class="col-md-8">
{% set parent_page = currentpage %}
{% set depth = 3 %}
{% include 'template-page-children.html' %}
</div>
</div>
</section>
{% endblock %}

3
tool/template-rest-api-tool.html
View File

@@ -1,6 +1,6 @@
{% extends "template-base.html" %}
{% block sidebar %}
{% block right_sidebar %}
<ul id='command_list'>
</ul>
{% endblock %}
@@ -60,4 +60,3 @@
<script type='text/javascript' src='assets/{{ currentpage.methods_js }}'></script>
{% endblock %}

2
tool/template-ripple-api-tool.html
View File

@@ -1,6 +1,6 @@
{% extends "template-base.html" %}
{% block sidebar %}
{% block right_sidebar %}
<h2>API Methods</h2>
<ul id='command_list'>
<li class='selected'><a href='#server_info'>server_info</a></li>

8
tool/template-ripple-txt-validator.html
View File

@@ -24,14 +24,6 @@
</div>
{% endblock %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block endbody %}
<link rel='stylesheet' type='text/css' href='assets/css/ripple-txt-validator.css' />
<script type='text/javascript' src='assets/vendor/async.min.js'></script>

24
tool/template-sidebar_nav.html
View File

@@ -14,7 +14,7 @@
{% endif %}
{% if pages|selectattr("funnel", "equalto", currentpage.funnel)|selectattr("category", "defined")|list|length %}
<div id="sidenav" class="panel-group" role="tablist" aria-multiselectable="true">
<div id="sidenav" role="tablist" aria-multiselectable="true">
{% for cat in categories %}
{% set catpages = pages|selectattr("category", "equalto", cat)|list %}
{% if currentpage.funnel is defined %}
@@ -24,18 +24,18 @@
{% set catpages = catpages|selectattr("doc_type", "equalto", currentpage.doc_type)|list %}
{% endif %}
{% if catpages|length %}
<div class="panel panel-default{% if currentpage.category == cat %} active{% endif %}">
<div class="panel-heading" role="tab" id="sidenav_cat_head_{{loop.index}}">
<h5 class="panel-title">
<div class="card{% if currentpage.category == cat %} active{% endif %}">
<div class="card-header" role="tab" id="sidenav_cat_head_{{loop.index}}">
<h5 class="card-title">
{% if catpages|length > 1 %}
<a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
{% endif %}
<a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% elif currentpage.category == cat %} active-parent{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
</h5>
</div><!-- /.panel-heading -->
</div><!-- /.card-header -->
<div id="sidenav_collapse_{{loop.index}}" class="collapse{% if currentpage.category == cat %} in{% endif %}" role="tabpanel" aria-labelledby="sidenav_cat_head_{{loop.index}}">
<div class="panel-body">
<div id="sidenav_collapse_{{loop.index}}" class="collapse{% if currentpage.category == cat %} show{% endif %}" role="tabpanel" aria-labelledby="sidenav_cat_head_{{loop.index}}">
<div class="card-body">
<ul class="sidebar_pagelist">
{% set printed_subcategories = [] %}
{% for page in catpages %}
@@ -71,7 +71,7 @@
{% endfor %}
</ul>
</div><!-- /.panel-body -->
</div><!-- /.card-body -->
</div><!-- /#sidenav_collapse{{loop.index}} -->
</div><!-- /.panel -->
@@ -82,9 +82,9 @@
{% else %}
{#--- No categories in this funnel --#}
{% set funnelpages = pages|selectattr("funnel", "equalto", currentpage.funnel)|list %}
<div id="sidenav" class="panel-group" aria-multiselectable="true">
<div class="panel panel-default active">
<div class="panel-body">
<div id="sidenav" aria-multiselectable="true">
<div class="card active">
<div class="card-body">
<ul class="sidebar_pagelist">
{% for page in funnelpages %}
{% if loop.index == 1 %}{# Skip the first element since it's linked by the funnel header #}
@@ -95,7 +95,7 @@
{% endif %}
{% endfor %}
</ul>
</div><!-- /.panel-body -->
</div><!-- /.card-body -->
</div><!-- /.panel -->
</div><!-- /#sidenav -->
{% endif %}

26
tool/template-subcat-landing.html
View File

@@ -1,26 +0,0 @@
{% extends "template-base.html" %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block main %}
<h1 class="main-page-header">{{ currentpage.name }}</h1>
<div class='content'>
<h2>Pages in this subcategory:</h2>
<ul class="subcat_pagelist">
{% for page in pages %}
{% if page.category == currentpage.category and
page.subcategory == currentpage.subcategory and
page.name != currentpage.name %}
<li><a href="{{page.html}}">{{page.name}}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endblock %}

14
tool/template-test-net.html
View File

@@ -6,9 +6,9 @@
<h1>XRP Test Net Faucet</h1>
<aside id="test-net-servers" class="panel panel-default">
<div class="panel-body">
<p class="in-this-doc panel-heading">Test Net Servers</p>
<aside id="test-net-servers" class="card">
<div class="card-body">
<p class="in-this-doc card-header">Test Net Servers</p>
<p>Use the following addresses to connect to the XRP Test Net and send transactions from your account.</p>
<h5>Websockets and Ripple API</h4>
<pre><code>wss://s.altnet.rippletest.net:51233</code></pre>
@@ -30,14 +30,6 @@
{% endblock %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block endbody %}
<link rel='stylesheet' type='text/css' href='assets/css/test-net.css'/>
<script type='text/javascript' src='assets/js/test-net.js'></script>

6
tool/template-xrp-ledger-rpc-tool.html
View File

@@ -1,10 +1,6 @@
{% extends "template-base.html" %}
{% block bodyclasses %}rpc-tool sidebar-primary{% endblock %}
{% block sidebar %}
{% include "template-sidebar_nav.html" %}
{% endblock %}
{% block bodyclasses %}rpc-tool{% endblock %}
{% block main %}
<h1>RPC Tool</h1>