mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-30 00:25:49 +00:00
Style fixes for tools & 404 page:
- Set Bootstrap colors for background colors - Adjust button padding to work in more contexts - Removed unused tool CSS. Migrated some styles to SCSS. - Fix sticky overlap in faucets sidebar - Make 404 page inherit from base template
This commit is contained in:
mDuo13
@@ -1,96 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
{% extends "template-base.html" %}
|
||||
|
||||
<title>404 Not Found - XRP Ledger Dev Portal</title>
|
||||
|
||||
<!-- favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png">
|
||||
<link rel="manifest" href="/assets/favicons/site.webmanifest">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#25A768">
|
||||
<meta name="msapplication-config" content="/assets/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#25A768">
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="/assets/vendor/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<!-- Custom Stylesheets. -->
|
||||
<link href="/assets/vendor/bootstrap.css" rel="stylesheet" />
|
||||
<link href="/assets/css/devportal.css" rel="stylesheet" />
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="/assets/vendor/bootstrap.min.js"></script>
|
||||
|
||||
<!-- fontawesome icons -->
|
||||
<link rel="stylesheet" href="/assets/vendor/fontawesome/css/font-awesome.min.css" />
|
||||
|
||||
<!-- Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-45576805-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'UA-45576805-2');
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}{% block bodyclasses %}{% endblock %}">
|
||||
|
||||
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-white">
|
||||
<a href="/index.html" class="navbar-brand"><img src="/assets/img/XRPLedger_DevPortal-black.svg" class="logo" height="44" alt="XRP Ledger Dev Portal" /></a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="slide-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 justify-content-end" id="navbarHolder">
|
||||
<ul class="nav navbar-nav">
|
||||
{% set funnels = [] %}
|
||||
{% for page in pages %}
|
||||
{% if page.funnel is defined and page.funnel not in funnels %}
|
||||
{% set thisfunneltop = pages|selectattr('funnel', 'defined_and_equalto', page.funnel)|first %}
|
||||
<li class="nav-item{% if currentpage == thisfunneltop %} active{% elif currentpage.funnel is defined and currentpage.funnel == thisfunneltop.name %} active-parent{% endif %}">
|
||||
<a class="nav-link" href="/{{ thisfunneltop.html }}">{{ thisfunneltop.name }}</a>
|
||||
</li>
|
||||
{% set _ = funnels.append(page.funnel) %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/blog/">Blog</a>
|
||||
</li>
|
||||
</ul><!-- /.navbar-nav -->
|
||||
{% include 'template-github-edit.html' %}
|
||||
<form class="navbar-form navbar-right" id="navbar-search" role="search" method="get" action="https://www.google.com/search">
|
||||
<div class="form-inline">
|
||||
<label class="sr-only" for="topsearchbar">Search site with Google...</label>
|
||||
<input name="q" value="site:xrpl.org" type="hidden">
|
||||
<input id="topsearchbar" name="q" type="text" class="form-control" class="top-search" placeholder="Search site with Google...">
|
||||
<button type="submit" class="btn btn-default fa fa-search"> </button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="menu-overlay"></div>
|
||||
</nav>
|
||||
|
||||
<div class="container-fluid" role="document" id="main_content_wrapper">
|
||||
<div class="row">
|
||||
<!-- Right sidebar first so it's at the beginning for mobile layouts -->
|
||||
{% if currentpage.sidebar is undefined or (currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only") %}
|
||||
<aside class="right-sidebar col-lg-3 order-lg-4 p-0" role="complementary">
|
||||
{% block right_sidebar %}{% endblock %}
|
||||
</aside>
|
||||
{% endif %}
|
||||
|
||||
<!-- main column -->
|
||||
<main class="main {% if currentpage.sidebar is defined and currentpage.sidebar == "disabled" %}col-md-12{% else %}col-md-7 col-lg-6{% endif %} order-md-3 {% block mainclasses %}{% endblock %}" role="main" id="main_content_body">
|
||||
{% block breadcrumbs %}
|
||||
{% include 'template-breadcrumbs.html' %}
|
||||
{% endblock %}
|
||||
{% block main %}
|
||||
<article class="pt-3 p-md-3">
|
||||
<h1>Not Found</h1>
|
||||
<div class="content">
|
||||
@@ -105,21 +15,10 @@
|
||||
</form>
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
{% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}
|
||||
<!-- Left sidebar last so it's at the end for mobile -->
|
||||
<aside class="sidebar col-md-5 col-lg-3 p-0 order-md-1" role="complementary">
|
||||
{% block left_sidebar %}
|
||||
{% set use_page = pages|selectattr("html", 'defined_and_equalto', "docs.html")|first %}
|
||||
{% set link_prefix = "/" %}{# Links need to be absolute so they work no matter what URL the 404 page is served from #}
|
||||
{% include "template-sidebar_nav.html" %}
|
||||
{% endblock %}
|
||||
</aside>
|
||||
{% endif %}
|
||||
</div><!--/.row (main layout)-->
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% include 'template-footer.html' %}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{% block left_sidebar %}
|
||||
{% set use_page = pages|selectattr("html", 'defined_and_equalto', "docs.html")|first %}
|
||||
{% set link_prefix = "/" %}{# Links need to be absolute so they work no matter what URL the 404 page is served from #}
|
||||
{% include "template-sidebar_nav.html" %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -18,14 +18,14 @@
|
||||
<meta name="theme-color" content="#25A768">
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="assets/vendor/jquery-1.11.1.min.js"></script>
|
||||
<script src="{{currentpage.prefix}}assets/vendor/jquery-1.11.1.min.js"></script>
|
||||
|
||||
<!-- Stylesheet -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap" rel="stylesheet">
|
||||
{% if target.lang=="ja" %}
|
||||
<link href="assets/css/fonts-ja.css" rel="stylesheet" />
|
||||
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
|
||||
{% endif %}
|
||||
<link href="assets/css/devportal.css" rel="stylesheet" />
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal.css" rel="stylesheet" />
|
||||
|
||||
<!-- Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-45576805-2"></script>
|
||||
@@ -64,7 +64,7 @@
|
||||
<div class="row">
|
||||
<!-- Right sidebar first so it's at the beginning for mobile layouts -->
|
||||
{% if currentpage.sidebar is undefined or (currentpage.sidebar != "disabled" and currentpage.sidebar != "left_only") %}
|
||||
<aside class="right-sidebar col-lg-3 order-lg-4 p-0" role="complementary">
|
||||
<aside class="right-sidebar col-lg-3 order-lg-4" role="complementary">
|
||||
{% block right_sidebar %}{% endblock %}
|
||||
</aside>
|
||||
{% endif %}
|
||||
@@ -78,7 +78,7 @@
|
||||
</main>
|
||||
{% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}
|
||||
<!-- Left sidebar last so it's at the end for mobile -->
|
||||
<aside class="sidebar col-md-5 col-lg-3 p-0 order-md-1" role="complementary">
|
||||
<aside class="sidebar col-md-5 col-lg-3 order-md-1" role="complementary">
|
||||
{% block left_sidebar %}
|
||||
{% include "template-sidebar_nav.html" %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<div class="card-header">
|
||||
<h4>{% trans %}In this document{% endtrans %}</h4>
|
||||
</div>
|
||||
<ul class="card-body">
|
||||
<ul class="card-body page-toc">
|
||||
{{ sidebar_content }}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -33,5 +33,5 @@
|
||||
</footer>
|
||||
|
||||
<!-- Jump to top button -->
|
||||
<a href="#main_content_wrapper" class="jump-to-top btn btn-primary btn-lg" role="button" title="{% trans %}Jump to top of page{% endtrans %}">{% trans %}Top{% endtrans %}</a>
|
||||
<a href="#main_content_wrapper" class="jump-to-top btn btn-primary" role="button" title="{% trans %}Jump to top of page{% endtrans %}">{% trans %}Top{% endtrans %}</a>
|
||||
<script type="text/javascript" src="assets/js/jump-to-top.js"></script>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<h4>API Methods</h4>
|
||||
</div>
|
||||
|
||||
<ul class="dev_nav_sidebar card-body" id='command_list'>
|
||||
<ul class="command-list card-body" id='command_list'>
|
||||
</ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -18,26 +18,29 @@
|
||||
<div id='io_wrapper'>
|
||||
<div id='input' class='io'>
|
||||
<h2>REST Request</h2>
|
||||
<div id='test_warning' class='alert alert-danger' style='display:none;'>
|
||||
<h4>Test accounts only!</h4>
|
||||
<div id='test_warning' class='devportal-callout warning d-none'>
|
||||
<strong>Test accounts only!</strong>
|
||||
<p>Never submit account secrets to a server you do not control, unless you are prepared to lose ownership of the account!</p>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
<h3 id='selected_command' title='Reference information'></h3>
|
||||
<p id='description'></p>
|
||||
<div id='invalid'>Invalid JSON</div>
|
||||
<div id="invalid" class="devportal-callout warning d-none">
|
||||
<strong>Error</strong>
|
||||
Invalid JSON
|
||||
</div>
|
||||
<div id='rest_url_wrapper'>
|
||||
<p><span id='rest_host'>{{ currentpage.rest_host }}</span><span id='rest_url'></span></p>
|
||||
</div>
|
||||
<div id='request_body'></div>
|
||||
<div id='request_options'>
|
||||
<a class="btn btn-outline-secondary api" id='request_button'>Send request</a>
|
||||
<a class="btn btn-primary api my-2" id='request_button'>Send request</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id='output' class='io'>
|
||||
<h2>Response</h2>
|
||||
<div>
|
||||
<img class="loader" src="assets/img/xrp-loader-96.png" style="vertical-align: middle; display:none;"/>
|
||||
<img class="throbber d-none" src="assets/img/xrp-loader-96.png" />
|
||||
<span id='rest_responsecode'></span>
|
||||
</div>
|
||||
<div id='response_body'></div>
|
||||
@@ -54,8 +57,6 @@
|
||||
var URL_BASE = '{{ currentpage.rest_host }}';
|
||||
var DOC_BASE = '{{ currentpage.doc_page }}';
|
||||
</script>
|
||||
<link rel='stylesheet' type='text/css' href='assets/css/api-tools.css'/>
|
||||
<!-- <link rel='stylesheet' type='text/css' href='assets/vendor/codemirror.css'/> -->
|
||||
<script type='text/javascript' src='assets/js/es5-shim.js'></script>
|
||||
<script type='text/javascript' src='assets/vendor/codemirror-js-json-lint.min.js'></script>
|
||||
<script type='text/javascript' src='assets/vendor/cm-javascript.min.js'></script>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
{% if link_prefix is undefined %}
|
||||
{% set link_prefix = "" %}
|
||||
{% endif %}
|
||||
<div class="tree_nav">
|
||||
<div class="tree-nav">
|
||||
|
||||
<!--{############# Parent page link ###############################}-->
|
||||
{% if use_page.supercategory is defined %}
|
||||
|
||||
@@ -3,28 +3,38 @@
|
||||
{% block bodyclasses %}page-test-net{% endblock %}
|
||||
|
||||
{% block right_sidebar %}
|
||||
<div id="test-net-servers" class="card">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>Testnet Servers</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Use the following URLs to connect to the XRP Testnet and send transactions, or <a href="connect-your-rippled-to-the-xrp-test-net.html">connect your own <code>rippled</code> server to the Testnet</a>.</p>
|
||||
<h5>Websockets and Ripple API</h5>
|
||||
<pre><code>wss://s.altnet.rippletest.net:51233</code></pre>
|
||||
<h5>JSON-RPC</h5>
|
||||
<pre><code>https://s.altnet.rippletest.net:51234</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<div id="devnet-servers" class="card">
|
||||
<div class="card-header">
|
||||
<h4>Devnet Servers</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>Use the following URLs to connect to the XRP Devnet.</p>
|
||||
<h5>Websockets and Ripple API</h5>
|
||||
<pre><code>wss://s.devnet.rippletest.net:51233</code></pre>
|
||||
<h5>JSON-RPC</h5>
|
||||
<pre><code>https://s.devnet.rippletest.net:51234</code></pre>
|
||||
<h4>WebSocket and RippleAPI</h4>
|
||||
<div class="multicode" id="code-0">
|
||||
<ul class="codetabs">
|
||||
<li><a href="#code-0-0">Testnet</a></li>
|
||||
<li><a href="#code-0-1">Devnet</a></li>
|
||||
</ul>
|
||||
<div class="code_sample" id="code-0-0">
|
||||
<pre><code>wss://s.altnet.rippletest.net:51233</code></pre>
|
||||
</div>
|
||||
<div class="code_sample" id="code-0-1">
|
||||
<pre><code>wss://s.devnet.rippletest.net:51233</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 id="json-rpc">JSON-RPC</h4>
|
||||
<div class="multicode" id="code-1">
|
||||
<ul class="codetabs">
|
||||
<li><a href="#code-1-0">Testnet</a></li>
|
||||
<li><a href="#code-1-1">Devnet</a></li>
|
||||
</ul>
|
||||
<div class="code_sample" id="code-1-0">
|
||||
<pre><code>https://s.altnet.rippletest.net:51234</code></pre>
|
||||
</div>
|
||||
<div class="code_sample" id="code-1-1">
|
||||
<pre><code>https://s.devnet.rippletest.net:51234</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -52,6 +62,12 @@
|
||||
|
||||
{% block endbody %}
|
||||
<script type='text/javascript' src='assets/js/test-net.js'></script>
|
||||
<script src="assets/js/multicodetab.js"></script>
|
||||
<script type="application/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".multicode").minitabs();
|
||||
});
|
||||
</script>
|
||||
|
||||
<script type="application/javascript">
|
||||
gtag('config', 'UA-157720658-3', {'content_group1': 'API Tools'});
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<div class="container">
|
||||
<nav class="top-nav navbar navbar-expand-lg navbar-dark row">
|
||||
<a href="{{target.prefix}}" class="navbar-brand"><img src="assets/img/XRPLedger_DevPortal-white.svg" class="logo" height="44" alt="{{target.display_name}}" /></a>
|
||||
<a href="{% if target.prefix %}{{target.prefix}}{% else %}/{% endif %}" class="navbar-brand"><img src="{{currentpage.prefix}}assets/img/XRPLedger_DevPortal-white.svg" class="logo" height="44" alt="{{target.display_name}}" /></a>
|
||||
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarHolder" aria-controls="navbarHolder" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="card-header">
|
||||
<h4>API Methods</h4>
|
||||
</div>
|
||||
<ul class="card-body" id="command_list"></ul>
|
||||
<ul class="card-body command-list" id="command_list"></ul>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -51,7 +51,7 @@
|
||||
<div class="input-group-prepend">
|
||||
<div class="input-group-text" id="wstool-1-keep-last-label">Keep last:</div>
|
||||
</div><!--/.input-group-prepend-->
|
||||
<input type="number" value="50" aria-label="Number of responses to keep at once" aria-describedby="wstool-1-keep-last-label" class="keep-last">
|
||||
<input type="number" value="50" aria-label="Number of responses to keep at once" aria-describedby="wstool-1-keep-last-label" class="form-control keep-last">
|
||||
</div><!--/.input-group-->
|
||||
|
||||
<div class="btn-group" role="group">
|
||||
|
||||
@@ -10,21 +10,21 @@
|
||||
<p>This is a debug tool for printing raw information about an account, a transaction (by hash) or a ledger (by sequence number).</p>
|
||||
|
||||
<form id="account-entry">
|
||||
<fieldset><input id="target" class="input-xxlarge" required="" type="text" placeholder="XRP Ledger classic address or transaction ID" />
|
||||
<fieldset><input id="target" class="form-control" required="" type="text" placeholder="XRP Ledger classic address or transaction ID" />
|
||||
<span class="help-block"><small>Try an account like <em>r9kiSEUEw6iSCNksDVKf9k3AyxjW3r1qPf</em>.</small></span>
|
||||
<button class="btn btn-primary">Get info</button></fieldset>
|
||||
</form>
|
||||
<div id="result">
|
||||
<h2>Result</h2>
|
||||
<div id="progress" class="progress">
|
||||
<div class="bar"></div>
|
||||
<div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"></div>
|
||||
</div>
|
||||
<div id="error" class="alert alert-error"></div>
|
||||
<div id="error" class="devportal-callout warning"></div>
|
||||
<ul id="links" class="nav nav-pills">
|
||||
<li><a id="permalink" href="#" target="_blank" rel="noopener">Permalink</a></li>
|
||||
<li><a id="graphlink" href="#" target="_blank" rel="noopener">Graph</a></li>
|
||||
</ul>
|
||||
<div class="alert alert-info"><strong>Tip:</strong> This page features intelligent copy/paste. Any
|
||||
<div class="devportal-callout tip"><strong>Tip:</strong> This page features intelligent copy/paste. Any
|
||||
nodes you expand will be copied, any that you don't expand will show up
|
||||
as a little <code>/* */</code> comment in your copy/pasted text.</div>
|
||||
<div class="group group-tx">
|
||||
@@ -102,7 +102,6 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block endbody %}
|
||||
<link rel='stylesheet' type='text/css' href='assets/css/rpc-tool.css'/>
|
||||
<script type='text/javascript' src='assets/js/es5-shim.js'></script>
|
||||
<script type='text/javascript' src='assets/js/ripple-0.11.0-min.js'></script>
|
||||
<script type='text/javascript' src='assets/vendor/async.min.js'></script>
|
||||
|
||||
Reference in New Issue
Block a user