requested changes fix

dactyl-config.yml

@@ -104,8 +104,7 @@ targets:
             "trustset.html#trustset-flags": "trustset.html#trustsetのフラグ"
             "basic-data-types.html#ledger-index": "basic-data-types.html#レジャーインデックス"
             "partial-payments.html#the-delivered_amount-field": "partial-payments.html#delivered_amountフィールド"
-      "partial-payments.html#partial-payments-exploit":
-        "partial-payments.html#partial-paymentの悪用"
+            "partial-payments.html#partial-payments-exploit": "partial-payments.html#partial-paymentの悪用"
                                 # nearest approximation. this translation is also out of date
             "rippled-server-modes.html#validators": "rippled-server-modes.html#バリデータを運用する理由"
             # Fix links from untranslated open-a-payment-channel-to-enable-an-inter-exchange-network.html
@@ -158,8 +157,7 @@ targets:
             # Fix links from untranslated freeze tutorials:
             "basic-data-types.html#account-sequence": "basic-data-types.html#アカウントシーケンス"
             "accountset.html#accountset-flags": "accountset.html#accountsetのフラグ"
-      "ripplestate.html#ripplestate-flags":
-        "ripplestate.html#ripplestateのフラグ"
+            "ripplestate.html#ripplestate-flags": "ripplestate.html#ripplestateのフラグ"
                                           # the updates to ledger_entry aren't translated either
             "ledger_entry.html#get-paychannel-object": "ledger_entry.html"
             "reliable-transaction-submission.html#ledger-gaps": "reliable-transaction-submission.html#レジャーのギャップ"
@@ -169,8 +167,7 @@ targets:
             "basic-data-types.html#specifying-ledgers": "basic-data-types.html#レジャーの指定"
             # Fix links from untranslated build-a-desktop-wallet-in-python.html:
             "subscribe.html#ledger-stream": "subscribe.html#レジャーストリーム"
-      "subscribe.html#transaction-streams":
-        "subscribe.html#トランザクションストリーム"
+            "subscribe.html#transaction-streams": "subscribe.html#トランザクションストリーム"
               # cryptographic-keys.html hasn't been updated in Japanese, so this is the
               # next-nearest equivalent of the #seed anchor:
             "cryptographic-keys.html#seed": "cryptographic-keys.html#キーの生成"
@@ -194,6 +191,7 @@ targets:
             "transaction-basics.html#authorizing-transactions": "transaction-basics.html#トランザクションの識別"
 
 pages:
+
 # About tab --------------------------------------------------------------------
     # "XRP Ledger" Grouping
     -   name: XRPL Overview
@@ -378,6 +376,7 @@ pages:
             - en
             - ja
 
+
 # "Documentation" section ------------------------------------------------------
     -   name: Documentation
         html: docs.html
@@ -1086,6 +1085,7 @@ pages:
             - en
             - ja
 
+
 # Tutorials --------------------------------------------------------------------
 
     -   name: Tutorials
@@ -2054,6 +2054,7 @@ pages:
             - en
             - ja
 
+
 # References -------------------------------------------------------------------
 
     -   name: References
@@ -2078,6 +2079,7 @@ pages:
         targets:
             - ja
 
+
     -   name: XRP Ledger Protocol Reference
         html: protocol-reference.html
         parent: references.html
@@ -2391,6 +2393,7 @@ pages:
             - en
             - ja
 
+
     -   md: references/protocol-reference/transactions/transaction-types/nftokenmint.md
         targets:
             - en
@@ -2650,6 +2653,7 @@ pages:
             - en
             - ja
 
+
     # HTTP / Websocket APIs ----------------------------------------------------
 
     -   name: HTTP / WebSocket APIs
@@ -3985,6 +3989,8 @@ pages:
         targets:
             - ja
 
+
+
 # --------------- end "Docs" section -------------------------------------------
 # Use Cases: these have been removed. Only redirects remain.
 
@@ -4084,8 +4090,7 @@ pages:
             - ja
 
 # Dev Tools --------------------------------------------------------------------
-
-  - name: Dev Tools
+    -   name: Dev Tools # Redirect page for old broken URL
         html: dev-tools.html
         template: page-dev-tools.html.jinja
         parent: docs.html
@@ -4182,6 +4187,7 @@ pages:
             - en
             - ja
 
+
 # "Community" tab --------------------------------------------------------------
     -   name: Contribute to the XRPL Community
         html: contribute.html
@@ -4371,6 +4377,7 @@ pages:
         targets:
             - en
 
+
 ignore_anchors_in:
     - data-api-v2-tool.html
     - websocket-api-tool.html
@@ -4408,6 +4415,7 @@ known_broken_links:
     # This site often times out, but it does work and is the original.
     - https://theworld.com/~reinhold/diceware.html
 
+
 # Style Checker Config ------------------------------------------------------ #
 
 word_substitutions_file: tool/word_substitutions.yaml

styles/_pages.scss

@@ -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} {
@@ -1319,7 +1318,6 @@
       list-style: none;
       margin-left: 0;
       padding-left: 0;
-      position:sticky;
       justify-content: space-between;
     }
     .nav-item {
@@ -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;
     }
   }
 }

styles/package.json

@@ -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"

template/base.html.jinja

@@ -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>

template/page-dev-tools.html.jinja

@@ -5,7 +5,7 @@
 
 {% block main %}
 
-<div class="">
+<div>
   <section class="py-20">
     <div class="mx-auto text-lg-left">
       <div class="d-flex flex-column-reverse">
@@ -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",
                 },
                 {
@@ -67,7 +69,7 @@
               ] %}
                <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>
@@ -184,7 +186,7 @@
       <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>