mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
Merge branch 'docsearch3-migration'
This commit is contained in:
mDuo13
File diff suppressed because one or more lines are too long
@@ -4,14 +4,14 @@
|
||||
color: $white;
|
||||
background-color: $gray-800;
|
||||
border-radius: $border-radius-sm 0 0 $border-radius-sm;
|
||||
padding: .5rem .5rem .5rem 1rem;
|
||||
padding: 0.5rem 0.5rem 0.5rem 1rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.ds-input {
|
||||
background-color: $gray-800;
|
||||
border-radius: 0 $border-radius-sm $border-radius-sm 0;
|
||||
padding: .75rem 1rem .75rem .5rem;
|
||||
padding: 0.75rem 1rem 0.75rem 0.5rem;
|
||||
width: 100%;
|
||||
border: 1px solid $gray-800;
|
||||
|
||||
@@ -27,12 +27,21 @@
|
||||
}
|
||||
|
||||
#algolia-autocomplete-listbox-0 {
|
||||
z-index: 1100 !important;
|
||||
z-index: 1100 !important;
|
||||
}
|
||||
|
||||
.xrp-ledger-dev-portal {
|
||||
// The extra specificity makes this override the default Algolia styles.
|
||||
// Algolia Search results --------------------------------------------------
|
||||
.DocSearch-Modal {
|
||||
top: 85px;
|
||||
}
|
||||
#centersearchboxcontainer {
|
||||
justify-content: center;
|
||||
}
|
||||
#topsearchboxcontainer {
|
||||
justify-content: right;
|
||||
}
|
||||
.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
|
||||
background-color: $dropdown-bg;
|
||||
border: 0;
|
||||
@@ -70,14 +79,53 @@
|
||||
background-color: $gray-700;
|
||||
}
|
||||
|
||||
.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight, .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight, .algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
|
||||
.algolia-autocomplete
|
||||
.algolia-docsearch-suggestion--category-header
|
||||
.algolia-docsearch-suggestion--category-header-lvl0
|
||||
.algolia-docsearch-suggestion--highlight,
|
||||
.algolia-autocomplete
|
||||
.algolia-docsearch-suggestion--category-header
|
||||
.algolia-docsearch-suggestion--category-header-lvl1
|
||||
.algolia-docsearch-suggestion--highlight,
|
||||
.algolia-autocomplete
|
||||
.algolia-docsearch-suggestion--text
|
||||
.algolia-docsearch-suggestion--highlight {
|
||||
box-shadow: none;
|
||||
background-color: $gray-700;
|
||||
}
|
||||
.DocSearch-Button {
|
||||
background: $gray-800;
|
||||
width: 700px;
|
||||
}
|
||||
.DocSearch-Button:hover {
|
||||
background: $gray-800;
|
||||
.DocSearch-Button-Placeholder {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.DocSearch-Search-Icon {
|
||||
color: $white !important;
|
||||
}
|
||||
.DocSearch-Modal {
|
||||
margin-top: -15px;
|
||||
max-width: 700px !important;
|
||||
margin-right: 13.75em;
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(md) {
|
||||
.algolia-autocomplete .ds-dropdown-menu {
|
||||
min-width: unset;
|
||||
}
|
||||
.DocSearch-Modal {
|
||||
top: 128px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.DocSearch-Container {
|
||||
z-index: 99999 !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#xrp-ledger-dev-portal {
|
||||
overflow: auto !important;
|
||||
}
|
||||
|
||||
@@ -21,8 +21,18 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5,
|
||||
.h6 {
|
||||
&:not(.chip) {
|
||||
color: $light-fg;
|
||||
}
|
||||
@@ -62,7 +72,9 @@ h1, h2, h3, h4, h5, h6,
|
||||
}
|
||||
|
||||
// Forms and inputs ------------------------------------------------------------
|
||||
.search, .input-group, .form-group {
|
||||
.search,
|
||||
.input-group,
|
||||
.form-group {
|
||||
.input-group-text {
|
||||
background-color: $gray-200;
|
||||
color: $gray-800;
|
||||
@@ -101,6 +113,18 @@ h1, h2, h3, h4, h5, h6,
|
||||
|
||||
// Algolia search results
|
||||
.xrp-ledger-dev-portal {
|
||||
.DocSearch-Button {
|
||||
background: var(--docsearch-searchbox-background);
|
||||
}
|
||||
.DocSearch-Button:hover {
|
||||
background: var(--docsearch-searchbox-background);
|
||||
.DocSearch-Button-Placeholder {
|
||||
color: var(--docsearch-text-color);
|
||||
}
|
||||
}
|
||||
.DocSearch-Search-Icon {
|
||||
color: var(--docsearch-text-color) !important;
|
||||
}
|
||||
// The extra specificity makes this override the default Algolia styles.
|
||||
.algolia-autocomplete {
|
||||
.ds-dropdown-menu [class^="ds-dataset-"] {
|
||||
@@ -114,7 +138,7 @@ h1, h2, h3, h4, h5, h6,
|
||||
}
|
||||
.algolia-docsearch-suggestion--category-header {
|
||||
color: $black;
|
||||
border-bottom-color:$blue-purple-500;
|
||||
border-bottom-color: $blue-purple-500;
|
||||
}
|
||||
.algolia-docsearch-suggestion--subcategory-column {
|
||||
color: $black;
|
||||
@@ -129,7 +153,14 @@ h1, h2, h3, h4, h5, h6,
|
||||
color: $black;
|
||||
background-color: $gray-300;
|
||||
}
|
||||
.algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight, .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight, .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
|
||||
.algolia-docsearch-suggestion--category-header
|
||||
.algolia-docsearch-suggestion--category-header-lvl0
|
||||
.algolia-docsearch-suggestion--highlight,
|
||||
.algolia-docsearch-suggestion--category-header
|
||||
.algolia-docsearch-suggestion--category-header-lvl1
|
||||
.algolia-docsearch-suggestion--highlight,
|
||||
.algolia-docsearch-suggestion--text
|
||||
.algolia-docsearch-suggestion--highlight {
|
||||
background-color: $gray-300;
|
||||
}
|
||||
}
|
||||
@@ -137,7 +168,8 @@ h1, h2, h3, h4, h5, h6,
|
||||
|
||||
// Navigation ------------------------------------------------------------------
|
||||
|
||||
a, nav a {
|
||||
a,
|
||||
nav a {
|
||||
color: $light-fg;
|
||||
|
||||
&.btn-primary {
|
||||
@@ -149,7 +181,9 @@ a, nav a {
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:active, &.active {
|
||||
&:hover,
|
||||
&:active,
|
||||
&.active {
|
||||
color: $light-link-hover-color;
|
||||
}
|
||||
|
||||
@@ -158,7 +192,9 @@ a, nav a {
|
||||
}
|
||||
}
|
||||
|
||||
a.card:hover, &:active, &.active {
|
||||
a.card:hover,
|
||||
&:active,
|
||||
&.active {
|
||||
// Don't turn link-card text purple on hover
|
||||
color: $light-fg;
|
||||
}
|
||||
@@ -167,7 +203,6 @@ a.card:hover, &:active, &.active {
|
||||
color: $light-fg-muted;
|
||||
}
|
||||
|
||||
|
||||
// Buttons
|
||||
.btn-outline-secondary,
|
||||
.content a.button,
|
||||
@@ -175,7 +210,8 @@ a.card:hover, &:active, &.active {
|
||||
color: $dark;
|
||||
border-color: $dark;
|
||||
|
||||
&:not(:disabled):not(.disabled):hover, &:not(:disabled):not(.disabled):active {
|
||||
&:not(:disabled):not(.disabled):hover,
|
||||
&:not(:disabled):not(.disabled):active {
|
||||
color: $primary;
|
||||
border-color: $primary;
|
||||
background-color: transparent;
|
||||
@@ -190,7 +226,7 @@ a.card:hover, &:active, &.active {
|
||||
color: $gray-600;
|
||||
|
||||
&:hover {
|
||||
color: $primary
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -223,7 +259,8 @@ a.card:hover, &:active, &.active {
|
||||
border-color: $gray-100;
|
||||
box-shadow: $light-box-shadow;
|
||||
|
||||
a:hover, a.active {
|
||||
a:hover,
|
||||
a.active {
|
||||
color: $light-link-hover-color;
|
||||
}
|
||||
|
||||
@@ -302,7 +339,6 @@ aside .active > a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.page-toc,
|
||||
.command-list {
|
||||
border-left: 1px solid $black;
|
||||
@@ -327,15 +363,14 @@ aside .active > a:hover {
|
||||
}
|
||||
|
||||
.copyright-license {
|
||||
text-shadow: white 0px 0px 2px, white 1px 1px 2px,
|
||||
white 2px 2px 3px, white 2px 2px 4px,
|
||||
white 2px 2px 5px, white 2px 2px 6px,
|
||||
white -1px -1px 2px,
|
||||
white -2px -2px 3px, white -2px -2px 4px;
|
||||
text-shadow: white 0px 0px 2px, white 1px 1px 2px, white 2px 2px 3px,
|
||||
white 2px 2px 4px, white 2px 2px 5px, white 2px 2px 6px, white -1px -1px 2px,
|
||||
white -2px -2px 3px, white -2px -2px 4px;
|
||||
}
|
||||
|
||||
// Layout elements -------------------------------------------------------------
|
||||
.card, .cta-card {
|
||||
.card,
|
||||
.cta-card {
|
||||
color: $light-fg;
|
||||
background-color: $light-standout-bg;
|
||||
box-shadow: $light-box-shadow;
|
||||
@@ -353,7 +388,6 @@ aside .active > a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// FAQ
|
||||
.page-faq,
|
||||
.mini-faq {
|
||||
@@ -414,7 +448,8 @@ aside .active > a:hover {
|
||||
}
|
||||
|
||||
// Callouts
|
||||
.devportal-callout.caution, .devportal-callout.注意 {
|
||||
.devportal-callout.caution,
|
||||
.devportal-callout.注意 {
|
||||
border-color: $yellow-700;
|
||||
|
||||
> strong:first-child::before {
|
||||
@@ -422,12 +457,13 @@ aside .active > a:hover {
|
||||
}
|
||||
}
|
||||
|
||||
.devportal-callout.tip, .devportal-callout.ヒント {
|
||||
.devportal-callout.tip,
|
||||
.devportal-callout.ヒント {
|
||||
border-color: $green-600;
|
||||
|
||||
> strong:first-child::before {
|
||||
color: $green-600;
|
||||
}
|
||||
> strong:first-child::before {
|
||||
color: $green-600;
|
||||
}
|
||||
}
|
||||
|
||||
// Code ------------------------------------------------------------------------
|
||||
@@ -465,7 +501,6 @@ pre code {
|
||||
border-color: $gray-100;
|
||||
}
|
||||
|
||||
|
||||
.interactive-block {
|
||||
.breadcrumb-item.done a::after {
|
||||
color: $green-900;
|
||||
@@ -477,7 +512,6 @@ pre code {
|
||||
background-color: $light-standout-bg;
|
||||
}
|
||||
|
||||
|
||||
.rpc-tool {
|
||||
pre .toggle {
|
||||
color: $white;
|
||||
@@ -488,7 +522,6 @@ pre code {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Individual page styles ------------------------------------------------------
|
||||
|
||||
// Homepage
|
||||
@@ -498,7 +531,9 @@ pre code {
|
||||
}
|
||||
|
||||
#benefits-list {
|
||||
@each $benefit in "public", "streamlined", "performance", "low-cost", "community", "reliability" {
|
||||
@each $benefit in "public", "streamlined", "performance", "low-cost",
|
||||
"community", "reliability"
|
||||
{
|
||||
##{$benefit} {
|
||||
content: url("../img/icons/lightmode/#{$benefit}.svg");
|
||||
}
|
||||
@@ -515,7 +550,7 @@ pre code {
|
||||
|
||||
#wallets {
|
||||
#wallet-xumm {
|
||||
content: url("../img/wallets/lightmode/xumm.svg")
|
||||
content: url("../img/wallets/lightmode/xumm.svg");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -544,7 +579,8 @@ pre code {
|
||||
|
||||
// Carbon calculator
|
||||
.page-calculator {
|
||||
#co2Animation, #gasAnimation {
|
||||
#co2Animation,
|
||||
#gasAnimation {
|
||||
//filter: invert(100%) hue-rotate(200deg) brightness(1.8);
|
||||
// Leave these dark for now
|
||||
background: $body-bg;
|
||||
@@ -567,27 +603,36 @@ pre code {
|
||||
|
||||
// Use Cases & Featured Projects page
|
||||
.page-uses {
|
||||
@each $usecase in "micropayments", "wallets", "exchanges", "stablecoins", "nft", "defi", "cbdc" {
|
||||
@each $usecase in "micropayments", "wallets", "exchanges", "stablecoins",
|
||||
"nft", "defi", "cbdc"
|
||||
{
|
||||
##{$usecase} {
|
||||
content: url("../img/icons/lightmode/#{$usecase}.svg");
|
||||
}
|
||||
}
|
||||
|
||||
// darkened card graphics
|
||||
@each $company,$card-graphic in (
|
||||
"bitpay": "blue-green",
|
||||
"exodus": "green",
|
||||
"forte": "light-blue-2",
|
||||
"ripple": "blue-light-blue",
|
||||
"xrplorer": "green-purple"
|
||||
) {
|
||||
@each $company,
|
||||
$card-graphic
|
||||
in (
|
||||
"bitpay": "blue-green",
|
||||
"exodus": "green",
|
||||
"forte": "light-blue-2",
|
||||
"ripple": "blue-light-blue",
|
||||
"xrplorer": "green-purple"
|
||||
)
|
||||
{
|
||||
##{$company} .card-footer {
|
||||
background-image: url("../img/cards/lightmode/3col-#{$card-graphic}.svg");
|
||||
}
|
||||
}
|
||||
|
||||
// Monochrome logos; invert.
|
||||
#bitpay, #coil, #forte, #xrplorer, #gatehub {
|
||||
#bitpay,
|
||||
#coil,
|
||||
#forte,
|
||||
#xrplorer,
|
||||
#gatehub {
|
||||
.biz-logo {
|
||||
filter: invert(100%);
|
||||
}
|
||||
@@ -619,23 +664,21 @@ pre code {
|
||||
.landing-bg {
|
||||
opacity: 0.4;
|
||||
@include media-breakpoint-up(md) {
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.landing-builtin-bg {
|
||||
&::before {
|
||||
opacity: 0.4;
|
||||
@include media-breakpoint-up(md) {
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// feedback widget
|
||||
#feedback-content {
|
||||
.docked-widget {
|
||||
|
||||
.widget-header {
|
||||
background-color: $light-bg !important;
|
||||
color: $light-fg !important;
|
||||
@@ -672,16 +715,15 @@ pre code {
|
||||
.card:nth-child(4) .card-footer {
|
||||
background-image: url(../img/cards/lightmode/4col-light-green.svg);
|
||||
}
|
||||
|
||||
}
|
||||
#run-a-network-node .text-cards a {
|
||||
color: $black;
|
||||
}
|
||||
|
||||
#xrpl-blog .blog-graphic {
|
||||
#xrpl-blog .blog-graphic {
|
||||
content: url(../img/community/lightmode/community-blog@2x.png);
|
||||
}
|
||||
|
||||
|
||||
#xrpl-events .text-light {
|
||||
color: $black !important;
|
||||
}
|
||||
@@ -715,73 +757,73 @@ pre code {
|
||||
|
||||
// Placeholder text colors (search bars, etc.)
|
||||
$placeholder-color: $gray-600;
|
||||
::-webkit-input-placeholder { /* Chrome */
|
||||
::-webkit-input-placeholder {
|
||||
/* Chrome */
|
||||
color: $placeholder-color;
|
||||
}
|
||||
:-ms-input-placeholder { /* IE 10+ */
|
||||
:-ms-input-placeholder {
|
||||
/* IE 10+ */
|
||||
color: $placeholder-color;
|
||||
}
|
||||
::-moz-placeholder { /* Firefox 19+ */
|
||||
::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: $placeholder-color;
|
||||
opacity: 1;
|
||||
}
|
||||
:-moz-placeholder { /* Firefox 4 - 18 */
|
||||
:-moz-placeholder {
|
||||
/* Firefox 4 - 18 */
|
||||
color: $placeholder-color;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
// Events page
|
||||
.page-events {
|
||||
|
||||
label {
|
||||
color: $gray-900;
|
||||
}
|
||||
|
||||
.event-card {
|
||||
color: $black;
|
||||
background-color: $gray-050;
|
||||
box-shadow: 0px 5px 20px 0px $gray-300;
|
||||
color: $black;
|
||||
background-color: $gray-050;
|
||||
box-shadow: 0px 5px 20px 0px $gray-300;
|
||||
}
|
||||
a.event-card:hover {
|
||||
color: $black;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
.event-hero {
|
||||
color: $gray-900;
|
||||
color: $gray-900;
|
||||
}
|
||||
|
||||
.event-save-date {
|
||||
color: $gray-900;
|
||||
color: $gray-900;
|
||||
}
|
||||
|
||||
.event-small-gray {
|
||||
color: $gray-600;
|
||||
color: $gray-600;
|
||||
}
|
||||
|
||||
#event-hero-image {
|
||||
height: 100%;
|
||||
min-height: 209px;
|
||||
background: url(../img/events/event-hero1-light@2x.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 100%;
|
||||
min-height: 209px;
|
||||
background: url(../img/events/event-hero1-light@2x.png);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.icon-date::before {
|
||||
background: url(../img/events/event-date-light.svg);
|
||||
background: url(../img/events/event-date-light.svg);
|
||||
}
|
||||
|
||||
.icon-location::before {
|
||||
background: url(../img/events/event-location-light.svg);
|
||||
background: url(../img/events/event-location-light.svg);
|
||||
}
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]::before {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
|
||||
|
||||
.events-filter[type="checkbox"]:not(:disabled):checked:hover::after {
|
||||
background-image: url(../img/events/event-check.svg);
|
||||
background-repeat: no-repeat;
|
||||
@@ -799,14 +841,13 @@ $placeholder-color: $gray-600;
|
||||
.events-filter[type="checkbox"]:not(:disabled):hover::after {
|
||||
background-color: $gray-100;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.page-ambassadors {
|
||||
|
||||
#benefits-list {
|
||||
@each $benefits in "benefits-01", "benefits-02", "benefits-03", "benefits-04", "benefits-05", "benefits-06" {
|
||||
@each $benefits in "benefits-01", "benefits-02", "benefits-03",
|
||||
"benefits-04", "benefits-05", "benefits-06"
|
||||
{
|
||||
##{$benefits} {
|
||||
content: url("../img/ambassadors/lightmode/#{$benefits}.svg");
|
||||
}
|
||||
@@ -814,7 +855,9 @@ $placeholder-color: $gray-600;
|
||||
}
|
||||
|
||||
#eligibility-list {
|
||||
@each $eligibility in "eligibility-01", "eligibility-02", "eligibility-03", "eligibility-04", "eligibility-05" {
|
||||
@each $eligibility in "eligibility-01", "eligibility-02", "eligibility-03",
|
||||
"eligibility-04", "eligibility-05"
|
||||
{
|
||||
##{$eligibility} {
|
||||
content: url("../img/ambassadors/lightmode/#{$eligibility}.svg");
|
||||
}
|
||||
@@ -834,4 +877,4 @@ $placeholder-color: $gray-600;
|
||||
#xrplGrantsDark {
|
||||
filter: invert(100%) brightness(0.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
16501
styles/xrpl.css
Normal file
16501
styles/xrpl.css
Normal file
File diff suppressed because it is too large
Load Diff
1
styles/xrpl.css.map
Normal file
1
styles/xrpl.css.map
Normal file
File diff suppressed because one or more lines are too long
@@ -55,7 +55,7 @@
|
||||
{% endif %}
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v12.css" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
|
||||
|
||||
{% if "js_editor" in currentpage.filters %}
|
||||
<script src="{{currentpage.prefix}}assets/vendor/jshint.js"></script>
|
||||
@@ -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" id="xrp-ledger-dev-portal">
|
||||
<!-- 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>
|
||||
@@ -126,13 +126,15 @@
|
||||
<link rel="stylesheet" href="{{currentpage.prefix}}assets/vendor/fontawesome/css/font-awesome.min.css" />
|
||||
|
||||
<!-- Algolia DocSearch -->
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@3"></script>
|
||||
<meta name="docsearch:language" content="en" />
|
||||
<script type="text/javascript">
|
||||
$(document).ready(() => {
|
||||
const ds = docsearch({
|
||||
apiKey: '70de5b9b8ef95460f3c6e04054b325b2',
|
||||
apiKey: '3431349deec23b0bc3dcd3424beb9a6e',
|
||||
indexName: 'xrpl',
|
||||
inputSelector: '#topsearchbox',
|
||||
container: '#topsearchboxcontainer',
|
||||
appId: 'R39QY3MZC7',
|
||||
algoliaOptions: { 'facetFilters': ["lang:{{target.lang}}"] },
|
||||
debug: false
|
||||
});
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
<div class="nav-item search" id="topnav-search">
|
||||
<form class="navbar-form navbar-right" role="search">
|
||||
<div class="form-inline">
|
||||
<div class="input-group">
|
||||
<div class="input-group" id="topsearchboxcontainer">
|
||||
<label class="input-group-prepend" for="topsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
|
||||
<input id="topsearchbox" name="q" type="text" class="form-control searchinput" placeholder="{% trans %}Search site...{% endtrans %}">
|
||||
</div><!--/.input-group-->
|
||||
|
||||
@@ -7,9 +7,9 @@
|
||||
<p>Sorry, this page does not exist. Try looking in the <a href="/docs.html#full-doc-index">Full Documentation Index</a>, or you can search the site:</p>
|
||||
<form role="search">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<label class="input-group-prepend" for="docsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
|
||||
<input id="docsearchbox" type="text" class="form-control searchinput" placeholder="{% trans %}Search for articles, training, and code samples...{% endtrans %}">
|
||||
<div class="input-group" id="centersearchboxcontainer">
|
||||
<label class="input-group-prepend" for="centersearchboxcontainer"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
|
||||
<input id="centersearchboxcontainer" type="text" class="form-control searchinput" placeholder="{% trans %}Search for articles, training, and code samples...{% endtrans %}">
|
||||
</div><!--/.form-group-->
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -11,16 +11,6 @@
|
||||
<h1 class="mb-18">{% trans %}What Would You Like to Learn?{% endtrans %}</h1>
|
||||
<h6 class="eyebrow mb-3">{% trans %}XRP Ledger Documentation{% endtrans %}</h6>
|
||||
</div>
|
||||
<div class="center-search search">
|
||||
<form role="search">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<label class="input-group-prepend" for="docsearchbox"><i class="fa fa-search input-group-text"></i><span class="sr-only">{% trans %}Search{% endtrans %}</span></label>
|
||||
<input id="docsearchbox" type="text" class="form-control searchinput" placeholder="{% trans %}Search for articles, training, and code samples...{% endtrans %}">
|
||||
</div><!--/.form-group-->
|
||||
</div>
|
||||
</form>
|
||||
</div><!--/.center-search-->
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -127,14 +117,7 @@
|
||||
{% endblock %}
|
||||
|
||||
{% block endbody %}
|
||||
<script type="text/javascript"> docsearch({
|
||||
apiKey: '70de5b9b8ef95460f3c6e04054b325b2',
|
||||
indexName: 'xrpl',
|
||||
inputSelector: '#docsearchbox',
|
||||
algoliaOptions: { 'facetFilters': ["lang:{{target.lang}}"] },
|
||||
debug: false
|
||||
});
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user