mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-20 11:45:50 +00:00
Spacing fixes for Docs, References landing pages; switch from header links to view all buttons
This commit is contained in:
mDuo13
@@ -1,4 +1,4 @@
|
||||
<nav class="breadcrumbs-wrap {% if currentpage.sidebar == 'disabled' %}p-3 px-sm-5{% else %}p-3{% endif %}" aria-label="breacrumb">
|
||||
<nav class="breadcrumbs-wrap {% if currentpage.sidebar == 'disabled' %}p-3 px-sm-4{% else %}p-3{% endif %}" 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 %}
|
||||
|
||||
@@ -3,98 +3,101 @@
|
||||
{% block mainclasses %}landing{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<section class="container-fluid bg-white p-3 px-sm-5">
|
||||
<h1 class="main-page-header">XRP Ledger Documentation</h1>
|
||||
<div class="blurb">
|
||||
<p>Dive into our documentation and start integrating with the XRP Ledger.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container-fluid bg-white p-3 p-sm-4">
|
||||
<h1 class="main-page-header">XRP Ledger Documentation</h1>
|
||||
<p class="blurb">Dive into our documentation and start integrating with the XRP Ledger.</p>
|
||||
</section>
|
||||
|
||||
<section class="container-fluid bg-light p-3 px-sm-5">
|
||||
<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 %}
|
||||
<section class="container-fluid bg-light p-3 p-sm-4">
|
||||
<div class="card-deck">
|
||||
{% 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="card">
|
||||
<div class="card-header bg-dark">
|
||||
<h3 class="card-title"><a href="{{doc_type_top.html}}">{{doc_type_top.name}} <i class="fa fa-arrow-right" aria-hidden="true"></i></a></h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
{% if page.blurb is defined %}
|
||||
<p class="blurb">{{page.blurb}}</p>
|
||||
{% endif %}
|
||||
{% set parent_page = doc_type_top %}
|
||||
{% set depth = 1.5 %}
|
||||
{% include 'template-page-children.html' %}
|
||||
</div><!--/.card-body-->
|
||||
</div><!--/.card-->
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<h3 class="card-title">{{doc_type_top.name}}</h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
{% if page.blurb is defined %}
|
||||
<p class="blurb">{{page.blurb}}</p>
|
||||
{% endif %}
|
||||
{% set parent_page = doc_type_top %}
|
||||
{% set depth = 1.5 %}
|
||||
{% include 'template-page-children.html' %}
|
||||
</div><!--/.card-body-->
|
||||
<div class="card-footer">
|
||||
<div class="readmore">
|
||||
<a class="btn btn-secondary" href="{{doc_type_top.html}}">View All {{doc_type_top.name}} <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
|
||||
</div>
|
||||
</div><!--/.card-footer-->
|
||||
</div><!--/.card-->
|
||||
|
||||
{% set _ = doc_types.append(page.doc_type) %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div><!--/.card-deck-->
|
||||
<div class="card-deck pt-3 pt-sm-4">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<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="concepts.html">Understand XRP Ledger Concepts</a></li>
|
||||
</ul>
|
||||
</div><!--/.curated-links-->
|
||||
</div><!--/.card-body-->
|
||||
</div><!--/.card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<h3 class="card-title">Popular Docs</h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
<div class="curated-links">
|
||||
<ol>
|
||||
<li><a href="public-rippled-methods.html">rippled API Public Methods Reference</a></li>
|
||||
<li><a href="accounts.html">Accounts</a></li>
|
||||
<li><a href="install-rippled.html">Install rippled</a></li>
|
||||
<li><a href="rippleapi-reference.html">RippleAPI for JavaScript Reference</a></li>
|
||||
</ol>
|
||||
</div><!--/.curated-links-->
|
||||
</div><!--/.card-body-->
|
||||
</div><!--/.card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<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.html)|first %}
|
||||
<li><a href="{{linkpage.html}}">{{linkpage.name}}{% if link.date is defined %} <span class="recently-updated-date">({{link.date}})</span>{% endif %}</a></li>
|
||||
{% endfor %}
|
||||
</ol>
|
||||
</div><!--/.curated-links-->
|
||||
</div><!--/.card-body-->
|
||||
</div><!--/.card-->
|
||||
|
||||
{% set _ = doc_types.append(page.doc_type) %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div><!--/.card-deck-->
|
||||
<div class="card-deck p-2">
|
||||
</section>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<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="concepts.html">Understand XRP Ledger Concepts</a></li>
|
||||
</ul>
|
||||
</div><!--/.curated-links-->
|
||||
</div><!--/.card-body-->
|
||||
</div><!--/.card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<h3 class="card-title">Popular Docs</h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
<div class="curated-links">
|
||||
<ol>
|
||||
<li><a href="public-rippled-methods.html">rippled API Public Methods Reference</a></li>
|
||||
<li><a href="accounts.html">Accounts</a></li>
|
||||
<li><a href="install-rippled.html">Install rippled</a></li>
|
||||
<li><a href="rippleapi-reference.html">RippleAPI for JavaScript Reference</a></li>
|
||||
</ol>
|
||||
</div><!--/.curated-links-->
|
||||
</div><!--/.card-body-->
|
||||
</div><!--/.card-->
|
||||
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<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.html)|first %}
|
||||
<li><a href="{{linkpage.html}}">{{linkpage.name}}{% if link.date is defined %} <span class="recently-updated-date">({{link.date}})</span>{% endif %}</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 id="full-doc-index">Full Documentation Index</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
{% set parent_page = currentpage %}
|
||||
{% set depth = 5 %}
|
||||
{% include 'template-page-children.html' %}
|
||||
</div>
|
||||
<section class="container-fluid p-3 p-sm-4">
|
||||
<h2 id="full-doc-index">Full Documentation Index</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
{% set parent_page = currentpage %}
|
||||
{% set depth = 5 %}
|
||||
{% include 'template-page-children.html' %}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
@@ -3,38 +3,38 @@
|
||||
{% block mainclasses %}landing{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<section class="container-fluid bg-white p-3 px-sm-5">
|
||||
<h1 class="main-page-header">References</h1>
|
||||
<p class="blurb">{{currentpage.blurb}}</p>
|
||||
<section class="container-fluid bg-white p-3 px-sm-4 pb-sm-4">
|
||||
<h1 class="main-page-header">References</h1>
|
||||
<p class="blurb">{{currentpage.blurb}}</p>
|
||||
</section>
|
||||
|
||||
<section class="container-fluid bg-light p-3 px-sm-5">
|
||||
|
||||
<section class="container-fluid bg-light p-3 px-sm-4 pb-sm-4">
|
||||
<h2><a href="rippled-api.html">rippled API Reference</a></h2>
|
||||
<div class="blurb">
|
||||
<p>Use the <code>rippled</code> API to communicate with a <code>rippled</code> server, the core peer-to-peer server that manages the XRP Ledger.</p>
|
||||
</div>
|
||||
|
||||
<div class="card-deck p-2">
|
||||
|
||||
<p class="blurb">Use the <code>rippled</code> API to communicate with a <code>rippled</code> server, the core peer-to-peer server that manages the XRP Ledger.</p>
|
||||
<div class="card-deck pt-3 pt-sm-4">
|
||||
{% for page in pages|selectattr("supercategory", "equalto", "rippled API")|list %}
|
||||
{% if loop.index != 1 and page == pages|selectattr("category", "equalto", page.category)|first %}
|
||||
<div class="card">
|
||||
<div class="card-header bg-dark">
|
||||
<h3 class="card-title"><a href="{{page.html}}">{{page.name}} <i class="fa fa-arrow-right" aria-hidden="true"></i></a></h3>
|
||||
<h3 class="card-title">{{page.name}}</h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
<p class="ref-blurb">{{page.blurb}}</p>
|
||||
<p class="blurb">{{page.blurb}}</p>
|
||||
{% set depth = 1 %}
|
||||
{% set parent_page = page %}
|
||||
{% include 'template-page-children.html' %}
|
||||
</div><!--/.card-body-->
|
||||
<div class="card-footer">
|
||||
<div class="readmore">
|
||||
<a class="btn btn-secondary" href="{{page.html}}">View All {{page.name}} <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
|
||||
</div>
|
||||
</div><!--/.card-footer-->
|
||||
</div><!--/.card-->
|
||||
|
||||
{# go to new row after admin methods #}
|
||||
{% if page.html == "admin-rippled-methods.html" %}
|
||||
</div><!--/.card-deck-->
|
||||
<div class="card-deck p-2">
|
||||
<div class="card-deck pt-3 pt-sm-4">
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
@@ -43,13 +43,11 @@
|
||||
|
||||
</section>
|
||||
|
||||
<section class="container-fluid bg-white p-5">
|
||||
<section class="container-fluid bg-white p-3 px-sm-4 pb-sm-4">
|
||||
|
||||
<h2>Other XRP Ledger Interfaces</h2>
|
||||
<div class="blurb col-sm-12">
|
||||
<p>Here are a few other ways to interact with the XRP Ledger.</p>
|
||||
</div>
|
||||
<div class="card-deck p-2">
|
||||
<p class="blurb">Here are a few other ways to interact with the XRP Ledger.</p>
|
||||
<div class="card-deck pt-3 pt-sm-4">
|
||||
|
||||
{% for page in pages|selectattr("doc_type", "equalto", "References")|selectattr("supercategory", "ne", "rippled API") %}
|
||||
{% if loop.index != 1 and page == pages|selectattr("category", "equalto", page.category)|first %}
|
||||
@@ -58,7 +56,7 @@
|
||||
<h3 class="card-title"><a href="{{page.html}}">{{page.name}}</a></h3>
|
||||
</div><!--/.card-header-->
|
||||
<div class="card-body">
|
||||
<p class="ref-blurb">{{page.blurb}}</p>
|
||||
<p class="blurb">{{page.blurb}}</p>
|
||||
{% if page.curated_anchors is defined %}
|
||||
<div class="curated-links">
|
||||
<ul>
|
||||
|
||||
Reference in New Issue
Block a user