requested changes fix
jonathanlei
|
Before Width: | Height: | Size: 250 KiB After Width: | Height: | Size: 250 KiB |
|
Before Width: | Height: | Size: 274 KiB After Width: | Height: | Size: 274 KiB |
|
Before Width: | Height: | Size: 247 KiB After Width: | Height: | Size: 247 KiB |
|
Before Width: | Height: | Size: 150 KiB After Width: | Height: | Size: 150 KiB |
|
Before Width: | Height: | Size: 205 KiB After Width: | Height: | Size: 205 KiB |
|
Before Width: | Height: | Size: 220 KiB After Width: | Height: | Size: 220 KiB |
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 225 KiB After Width: | Height: | Size: 225 KiB |
|
Before Width: | Height: | Size: 191 KiB After Width: | Height: | Size: 191 KiB |
8728
dactyl-config.yml
@@ -832,13 +832,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page-docs {
|
||||
&::before {
|
||||
background-image: url(../img/backgrounds/bg-docs.png);
|
||||
}
|
||||
}
|
||||
|
||||
.page-docs-index,
|
||||
.page-community {
|
||||
#community-heading {
|
||||
@@ -966,7 +959,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#xrpl-design-assets {
|
||||
padding-bottom: 5rem;
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-top: 104px;
|
||||
padding-bottom: 208px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-community {
|
||||
@@ -1283,19 +1282,19 @@
|
||||
@each $tool,
|
||||
$card-graphic
|
||||
in (
|
||||
"xrp-explorer": "1-col-orange",
|
||||
"bithomp-explorer": "2-col-light-blue",
|
||||
"xrp-explorer": "3-col-orange",
|
||||
"bithomp-explorer": "3-col-light-blue",
|
||||
"xrpscan": "3-col-pink",
|
||||
"token-list": "4-col-pink2",
|
||||
"websocket": "1-col-purple2",
|
||||
"rpc": "2-col-green",
|
||||
"token-list": "3-col-pink2",
|
||||
"websocket": "3-col-purple2",
|
||||
"rpc": "3-col-green",
|
||||
"technical-explorer": "3-col-purple-blue",
|
||||
"faucets": "4-col-pink2",
|
||||
"trasaction-sender": "5-col-light-blue2",
|
||||
"domain": "1-col-green-purple",
|
||||
"xrp-ledger": "2-col-dark-blue",
|
||||
"faucets": "3-col-pink2",
|
||||
"trasaction-sender": "3-col-light-blue2",
|
||||
"domain": "3-col-green-purple",
|
||||
"xrp-ledger": "3-col-dark-blue",
|
||||
"binary-visualizer": "3-col-purple-blue",
|
||||
"token-metadata-lookup": "4-col-pink-purple"
|
||||
"token-metadata-lookup": "3-col-pink-purple"
|
||||
)
|
||||
{
|
||||
##{$tool} {
|
||||
@@ -1314,12 +1313,11 @@
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.nav-tabs{
|
||||
.nav-tabs {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
position:sticky;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.nav-item {
|
||||
@@ -1327,7 +1325,7 @@
|
||||
width: auto;
|
||||
list-style: outside none none;
|
||||
}
|
||||
.nav-link{
|
||||
.nav-link {
|
||||
display: inline-flex;
|
||||
width: auto;
|
||||
padding: 1em 1em;
|
||||
@@ -1365,9 +1363,19 @@
|
||||
.btn-arrow-out:hover::after {
|
||||
background-position: left 4px bottom 4px;
|
||||
}
|
||||
.nav-tabs {
|
||||
@include media-breakpoint-up(md) {
|
||||
position: sticky;
|
||||
}
|
||||
html.light {
|
||||
.page-dev-tools {
|
||||
.nav-link {
|
||||
background-color: #f5f5f7;
|
||||
}
|
||||
.nav-link.active {
|
||||
border-bottom-color: #9a52ff;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.nav-link {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4,9 +4,9 @@
|
||||
"node-sass": "^7.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v6.css --output-style compressed",
|
||||
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v6.css --output-style compressed --source-map true",
|
||||
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v6.css --output-style compressed --source-map true"
|
||||
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v7.css --output-style compressed",
|
||||
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v7.css --output-style compressed --source-map true",
|
||||
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v7.css --output-style compressed --source-map true"
|
||||
},
|
||||
"dependencies": {
|
||||
"sass": "^1.26.10"
|
||||
|
||||
16264
styles/xrpl.css
@@ -53,7 +53,7 @@
|
||||
{% if target.lang=="ja" %}
|
||||
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
|
||||
{% endif %}
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v6.css" rel="stylesheet" />
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v7.css" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
|
||||
</head>
|
||||
|
||||
<body class="xrp-ledger-dev-portal" {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}lang-{{target.lang}} {% block bodyclasses %}{% endblock %}" data-spy="scroll" data-target=".page-toc" data-offset="0">
|
||||
<body class="xrp-ledger-dev-portal {% if currentpage.sidebar is undefined or currentpage.sidebar != "disabled" %}sidebar-primary {% endif %}lang-{{target.lang}} {% block bodyclasses %}{% endblock %}" data-spy="scroll" data-target=".page-toc" data-offset="0">
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCQZ3L8"
|
||||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||
|
||||
@@ -5,15 +5,15 @@
|
||||
|
||||
{% block main %}
|
||||
|
||||
<div class="">
|
||||
<div>
|
||||
<section class="py-20">
|
||||
<div class="mx-auto text-lg-left">
|
||||
<div class="d-flex flex-column-reverse">
|
||||
<p class="mb-0">
|
||||
{% trans %}Use the developer tools to test, explore, and validate XRP Ledger
|
||||
API requests and behavior. {% endtrans %}
|
||||
API requests and behavior.{% endtrans %}
|
||||
</p>
|
||||
<h3 class="eyebrow mb-3"> {% trans %} Dev Tools {% endtrans %}</h3>
|
||||
<h3 class="eyebrow mb-3"> {% trans %}Dev Tools{% endtrans %}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -22,25 +22,27 @@
|
||||
|
||||
<section class="py-10">
|
||||
<div class="mx-auto text-lg-left">
|
||||
<ul class="nav nav-tabs pb-15" id="myTab" role="tablist">
|
||||
<div className="sticky">
|
||||
<ul class="nav nav-tabs pb-15" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<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>
|
||||
<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" >{% trans %}Explorers{% endtrans %}</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<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>
|
||||
<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">{% trans %}API Access{% endtrans %}</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<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>
|
||||
<button class="nav-link dev-tools-tab" id="other-tab" data-toggle="tab" data-target="#other" role="tab" aria-controls="other" aria-selected="false">{% trans %}Other{% endtrans %}</button>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tab-content pt-20" id="myTabContent">
|
||||
</div>
|
||||
<div class="tab-content pt-20">
|
||||
<div class="tab-pane show active" id="explorers" role="tabpanel" aria-labelledby="explorers-tab">
|
||||
{% set exploerers_tools =[
|
||||
{% set explorers_tools =[
|
||||
{
|
||||
"id": "xrp-explorer",
|
||||
"title": "XRPL Explorer",
|
||||
"description":
|
||||
"View validations of new ledger versions in real-time, chart the location of servers in the XRP Ledger.",
|
||||
"View validations of new ledger versions in real-time, or chart the location of servers in the XRP Ledger.",
|
||||
"href": "https://livenet.xrpl.org",
|
||||
},
|
||||
{
|
||||
@@ -65,9 +67,9 @@
|
||||
"href": "https://xumm.community/tokens",
|
||||
},
|
||||
] %}
|
||||
<h4> {% trans %} Explorers {% endtrans %}</h4>
|
||||
<h4> {% trans %}Explorers{% endtrans %}</h4>
|
||||
<div class="row row-cols-1 row-cols-lg-3 card-deck">
|
||||
{% for card in exploerers_tools%}
|
||||
{% for card in explorers_tools%}
|
||||
<a class="card" href="{{card.href}}" target="_blank" id="{{card.id}}">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title h5">{{card.title}}</h4>
|
||||
@@ -79,7 +81,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="api-access" role="tabpanel" aria-labelledby="api-access-tab">
|
||||
<h4> {% trans %} API Access {% endtrans %}</h4>
|
||||
<h4> {% trans %}API Access{% endtrans %}</h4>
|
||||
{% set api_access_tools = [
|
||||
{
|
||||
"id": "websocket",
|
||||
@@ -130,7 +132,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane" id="other" role="tabpanel" aria-labelledby="other-tab">
|
||||
<h4> {% trans %} Other {% endtrans %}</h4>
|
||||
<h4> {% trans %}Other{% endtrans %}</h4>
|
||||
{% set other = [
|
||||
{
|
||||
"id": "domain",
|
||||
@@ -184,10 +186,10 @@
|
||||
<div class="z-index-1 position-relative">
|
||||
<h2 class="h4 mb-8-sm mb-10-until-sm">{% trans %}Have an Idea For a Tool?{% endtrans %}</h2>
|
||||
<p class="mb-10">{% trans %}Contribute to the XRP Ledger community by submitting your idea for a tool or open a pull request if you've developed a tool.{% endtrans %}</p>
|
||||
<a class="btn btn-primary btn-arrow-out" href="https://github.com/XRPLF/xrpl-dev-portal/">Open a pull Request</a>
|
||||
<a class="btn btn-primary btn-arrow-out" href="https://github.com/XRPLF/xrpl-dev-portal/">{% trans %}Open a pull Request{% endtrans %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
|
||||