ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-21 04:05:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

web version complete

Browse Source
This commit is contained in:
jonathanlei
2022-08-24 14:20:09 -07:00
parent af9b6d5d19
commit 26f325499a
4 changed files with 662 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/devportal2022-v6.css
View File

File diff suppressed because one or more lines are too long

633
assets/vendor/bootstrap.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

13
styles/_pages.scss
View File

@@ -1300,16 +1300,17 @@
background-color: #111112; background-color: #111112;
border-top: none; border-top: none;
border-left: none; border-left: none;
border-right:none; border-right: none;
border-bottom-color: #454549; border-bottom-color: #454549;
z-index: 10;
} }
.nav-link.active { .nav-link.active {
border-bottom-color: #9a52ff; border-bottom-color: #9a52ff;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
} }
.nav-tabs{ .nav-tabs {
border-bottom: 1px solid #454549 border-bottom: 1px solid #454549;
} }
.btn { .btn {
padding: 0.75rem; padding: 0.75rem;
@@ -1336,5 +1337,9 @@
.btn-arrow-out:hover::after { .btn-arrow-out:hover::after {
background-position: left 4px bottom 4px; background-position: left 4px bottom 4px;
} }
.nav-tabs {
@include media-breakpoint-up(md) {
position: sticky;
}
}
} }

47
template/page-dev-tools.html.jinja
View File

@@ -19,29 +19,22 @@
</section> </section>
<section class="py-10">
<script>
$(document).ready(function(){
$("#myTab button").click((e)=>{
$(this).tab("show");
})
}); <section class="py-10">
</script>
<div class="mx-auto text-lg-left"> <div class="mx-auto text-lg-left">
<ul class="nav nav-tabs" id="myTab" role="tablist"> <ul class="nav nav-tabs pb-15" id="myTab" role="tablist">
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link active dev-tools-tab" id="explorers-tab" data-bs-toggle="tab" data-bs-target="#explorers" role="tab" aria-controls="explorers" aria-selected="true" >Explorers</button> <button class="nav-link active dev-tools-tab" id="explorers-tab" data-toggle="tab" data-target="#explorers" role="tab" aria-controls="explorers" aria-selected="true" >Explorers</button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link dev-tools-tab" id="api-access-tab" data-bs-toggle="tab" data-bs-target="#api-access" role="tab" aria-controls="api-access" aria-selected="false">API Access</button> <button class="nav-link dev-tools-tab" id="api-access-tab" data-toggle="tab" data-target="#api-access" role="tab" aria-controls="api-access" aria-selected="false">API Access</button>
</li> </li>
<li class="nav-item" role="presentation"> <li class="nav-item" role="presentation">
<button class="nav-link dev-tools-tab" id="other-tab" data-bs-toggle="tab" data-bs-target="#other" role="tab" aria-controls="other" aria-selected="false"> Other</button> <button class="nav-link dev-tools-tab" id="other-tab" data-toggle="tab" data-target="#other" role="tab" aria-controls="other" aria-selected="false"> Other</button>
</li> </li>
</ul> </ul>
<div class="tab-content" id="myTabContent"> <div class="tab-content pt-20" id="myTabContent">
<div class="tab-pane fade show active" id="explorers" role="tabpanel" aria-labelledby="explorers-tab"> <div class="tab-pane show active" id="explorers" role="tabpanel" aria-labelledby="explorers-tab">
{% set exploerers_tools =[ {% set exploerers_tools =[
{ {
"id": "xrp-explorer", "id": "xrp-explorer",
@@ -84,42 +77,42 @@
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="tab-pane fade" id="api-access" role="tabpanel" aria-labelledby="api-access-tab"> <div class="tab-pane" id="api-access" role="tabpanel" aria-labelledby="api-access-tab">
{% set api_access_tools = [ {% set api_access_tools = [
{ {
"id": "websocket", "id": "websocket",
"title": "WebSocket Tool", "title": "WebSocket Tool",
"description": "description":
"Send sample requests and get responses from the rippled API. ", "Send sample requests and get responses from the rippled API. ",
"href": "", "href": "websocket-api-tool.html",
}, },
{ {
"id": "rpc", "id": "rpc",
"title": "RPC Tool", "title": "RPC Tool",
"description": "description":
"Print raw information about an XRP Ledger account, transaction, or ledger.", "Print raw information about an XRP Ledger account, transaction, or ledger.",
"href": "", "href": "xrp-ledger-rpc-tool.html",
}, },
{ {
"id": "technical-explorer", "id": "technical-explorer",
"title": "Technical Explorer", "title": "Technical Explorer",
"description": "description":
"Browse API objects from the ledger with real-time updates. ", "Browse API objects from the ledger with real-time updates. ",
"href": "", "href": "https://explorer.xrplf.org/",
}, },
{ {
"id": "faucets", "id": "faucets",
"title": "Faucets", "title": "Faucets",
"description": "description":
"Get credentials and test-XRP for XRP Ledger Testnet or Devnet.", "Get credentials and test-XRP for XRP Ledger Testnet or Devnet.",
"href": "", "href": "xrp-testnet-faucet.html",
}, },
{ {
"id": "trasaction-sender", "id": "trasaction-sender",
"title": "Transaction Sender", "title": "Transaction Sender",
"description": "description":
"Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.", "Test how your code handles various XRP Ledger transactions by sending them over the Testnet to the address.",
"href": "", "href": "tx-sender.html",
}, },
]%} ]%}
<div class="row row-cols-1 row-cols-lg-3 card-deck"> <div class="row row-cols-1 row-cols-lg-3 card-deck">
@@ -134,34 +127,34 @@
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
<div class="tab-pane fade" id="other" role="tabpanel" aria-labelledby="other-tab"> <div class="tab-pane" id="other" role="tabpanel" aria-labelledby="other-tab">
{% set other = [ {% set other = [
{ {
"id": "domain", "id": "domain",
"title": "Domain Verification Checker", "title": "Domain Verification Checker",
"description": "Verify your validator's domain.", "description": "Verify your validator's domain.",
"href": "", "href": "validator-domain-verifier.html",
}, },
{ {
"id":"xrp-ledger", "id":"xrp-ledger",
"title": "xrp-ledger.toml Checker", "title": "xrp-ledger.toml Checker",
"description": "description":
"Verify that your xrp-ledger.toml file is set up properly.", "Verify that your xrp-ledger.toml file is set up properly.",
"href": "", "href": "xrp-ledger-toml-checker.html",
}, },
{ {
"id": "binary-visualizer", "id": "binary-visualizer",
"title": "Binary Visualizer", "title": "Binary Visualizer",
"description": "description":
"Parse the XRP Ledger's native binary format with a visual representation breaking down the raw structure into its parts.", "Parse the XRP Ledger's native binary format with a visual representation breaking down the raw structure into its parts.",
"href": "", "href": "https://richardah.github.io/xrpl-binary-visualizer/",
}, },
{ {
"id": "token-metadata-lookup", "id": "token-metadata-lookup",
"title": "Token Metadata Lookup", "title": "Token Metadata Lookup",
"description": "description":
"Query known information about any token issued on the XRP Ledger.", "Query known information about any token issued on the XRP Ledger.",
"href": "", "href": "https://xrplmeta.org/",
}, },
]%} ]%}
<div class="row row-cols-1 row-cols-lg-3 card-deck"> <div class="row row-cols-1 row-cols-lg-3 card-deck">
@@ -193,7 +186,5 @@
</div> </div>
</section> </section>
<script src="jquery.min.js" type="text/javascript"></script>
<link href="bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="bootstrap.min.js" type="text/javascript"></script>
{% endblock %} {% endblock %}