Fix NFT page labeling

- Add a flask icon warning that the functionality is not enabled on the production network - Fix default coloring of unassigned topic labels in light mode - Make a landing page for the NFTs topic label - Assign a color to the NFTs topic label
2025-11-14 08:45:50 +00:00 · 2021-12-20 12:44:24 -08:00
parent 0fa15c3825
commit 790cf0b201
14 changed files with 109 additions and 60 deletions
--- a/assets/css/devportal2021-v4.css
+++ b/assets/css/devportal2021-v4.css
--- a/assets/css/devportal2021-v5.css
+++ b/assets/css/devportal2021-v5.css
--- a/content/concepts/nft-concepts/nft-conceptual-overview.md
+++ b/content/concepts/nft-concepts/nft-conceptual-overview.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
 - Non-fungible Tokens, NFTs
+status: not_enabled
 ---

 # NFT Conceptual Overview
--- a/content/concepts/nft-concepts/nftoken.md
+++ b/content/concepts/nft-concepts/nftoken.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
 - Non-fungible Tokens, NFTs
+status: not_enabled
 ---
 # The `NFToken` Object

--- a/content/concepts/nft-concepts/nftokenburn.md
+++ b/content/concepts/nft-concepts/nftokenburn.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
 - Non-fungible Tokens, NFTs
+status: not_enabled
 ---
 # The `NFTokenBurn` Transaction

--- a/content/concepts/nft-concepts/nftokenmint.md
+++ b/content/concepts/nft-concepts/nftokenmint.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
 - Non-fungible Tokens, NFTs
+status: not_enabled
 ---
 # The `NFTokenMint` Transaction

--- a/content/concepts/nft-concepts/nftokenoffer.md
+++ b/content/concepts/nft-concepts/nftokenoffer.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
 - Non-fungible Tokens, NFTs
+status: not_enabled
 ---
 # The `NFTokenOffer` Ledger Entry

--- a/content/concepts/nft-concepts/nftokenpage.md
+++ b/content/concepts/nft-concepts/nftokenpage.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
 - Non-fungible Tokens, NFTs
+status: not_enabled
 ---
 # The `NFTokenPage` Object

--- a/content/tutorials/use-nfts/nftoken-tester-tutorial.md
+++ b/content/tutorials/use-nfts/nftoken-tester-tutorial.md
@@ -7,6 +7,7 @@ filters:
 - include_code
 labels:
  - Non-fungible Tokens, NFTs
+status: not_enabled
 ---
 # NFToken Tester Tutorial

--- a/dactyl-config.yml
+++ b/dactyl-config.yml
@@ -3547,6 +3547,17 @@ pages:
        targets:
            - ja

+    -   name: "Non-fungible Tokens, NFTs"
+        html: label-nfts.html
+        landing_for: "Non-fungible Tokens, NFTs"
+        template: pagetype-label.html.jinja
+        blurb: Pages about non-fungible tokens.
+        filters:
+            - labels
+        targets:
+            - en
+            - ja
+
    -   name: Payment Channels
        html: label-payment-channels.html
        parent: by-label.html
--- a/styles/_status-labels.scss
+++ b/styles/_status-labels.scss
@@ -58,9 +58,27 @@
    margin-top: -2px;
  }

+  // default, uncolored labels (gray)
  background-color: $gray-900;
  color: $gray-300;

+  html.light & {
+    background-color: $gray-200;
+    color: $gray-800;
+    .badge-pill {
+      color: $gray-200;
+      background-color: $gray-800;
+    }
+    &:hover {
+      background-color: $gray-300;
+      color: $gray-900;
+      .badge-pill {
+        color: $gray-300;
+        background-color: $gray-900;
+      }
+    }
+  }
+
  .badge-pill {
    color: $gray-900;
    background-color: $gray-300;
@@ -325,6 +343,7 @@
  &.label-blockchain,
  &.label-xrp,
  &.label-ブロックチェーン,
+  &.label-non-fungible-tokens-nfts,
  &.chip-green {
    @include chip-green;
  }
--- a/styles/package.json
+++ b/styles/package.json
@@ -4,9 +4,9 @@
    "node-sass": "^6.0.1"
  },
  "scripts": {
-    "build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2021-v4.css --output-style compressed",
-    "build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2021-v4.css --output-style compressed --source-map true",
-    "build-css-watch-out": "node-sass --recursive --watch  --include-path scss xrpl.scss ../out/assets/css/devportal2021-v4.css --output-style compressed --source-map true"
+    "build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2021-v5.css --output-style compressed",
+    "build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2021-v5.css --output-style compressed --source-map true",
+    "build-css-watch-out": "node-sass --recursive --watch  --include-path scss xrpl.scss ../out/assets/css/devportal2021-v5.css --output-style compressed --source-map true"
  },
  "dependencies": {
    "sass": "^1.26.10"
--- a/styles/yarn.lock
+++ b/styles/yarn.lock
@@ -3,23 +3,23 @@


 "@babel/code-frame@^7.0.0":
-  version "7.15.8"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.15.8.tgz#45990c47adadb00c03677baa89221f7cc23d2503"
-  integrity sha512-2IAnmn8zbvC/jKYhq5Ki9I+DwjlrtMPUCH/CpHvqI4dNnlwHwsxoIhlc8WcYY5LSYknXQtAlFYuHfqAFCvQ4Wg==
+  version "7.16.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.0.tgz#0dfc80309beec8411e65e706461c408b0bb9b431"
+  integrity sha512-IF4EOMEV+bfYwOmNxGzSnjR2EmQod7f1UXOpZM3l4i4o4QNwzjtJAu/HxdjHq0aYBvdqMuQEY1eg0nqW9ZPORA==
  dependencies:
-    "@babel/highlight" "^7.14.5"
+    "@babel/highlight" "^7.16.0"

-"@babel/helper-validator-identifier@^7.14.5":
+"@babel/helper-validator-identifier@^7.15.7":
  version "7.15.7"
  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz#220df993bfe904a4a6b02ab4f3385a5ebf6e2389"
  integrity sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==

-"@babel/highlight@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.14.5.tgz#6861a52f03966405001f6aa534a01a24d99e8cd9"
-  integrity sha512-qf9u2WFWVV0MppaL877j2dBtQIDgmidgjGk5VIMw3OadXvYaXn66U1BFlH2t4+t3i+8PhedppRv+i40ABzd+gg==
+"@babel/highlight@^7.16.0":
+  version "7.16.0"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.16.0.tgz#6ceb32b2ca4b8f5f361fb7fd821e3fddf4a1725a"
+  integrity sha512-t8MH41kUQylBtu2+4IQA3atqevA2lRgqA2wyVB/YiWmsDSuylZZuXOUy9ric30hfzauEFfdsuk/eXTRrGrfd0g==
  dependencies:
-    "@babel/helper-validator-identifier" "^7.14.5"
+    "@babel/helper-validator-identifier" "^7.15.7"
    chalk "^2.0.0"
    js-tokens "^4.0.0"

@@ -107,9 +107,9 @@ arrify@^1.0.1:
  integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=

 asn1@~0.2.3:
-  version "0.2.4"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
-  integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
+  version "0.2.6"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
+  integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==
  dependencies:
    safer-buffer "~2.1.0"

@@ -156,9 +156,9 @@ binary-extensions@^2.0.0:
  integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==

 bootstrap@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.6.0.tgz#97b9f29ac98f98dfa43bf7468262d84392552fd7"
-  integrity sha512-Io55IuQY3kydzHtbGvQya3H+KorS/M9rSNyfCGCg9WZ4pyT/lCxIlpJgG1GXW/PswzC84Tr2fBYi+7+jFVQQBw==
+  version "4.6.1"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.6.1.tgz#bc25380c2c14192374e8dec07cf01b2742d222a2"
+  integrity sha512-0dj+VgI9Ecom+rvvpNZ4MUZJz8dcX7WCX+eTID9+/8HgOkv3dsRzi8BGeZJCQU6flWQVYxwTQnEZFrmJSEO7og==

 brace-expansion@^1.1.7:
  version "1.1.11"
@@ -372,9 +372,9 @@ extsprintf@1.3.0:
  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=

 extsprintf@^1.2.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
-  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
+  integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==

 fast-deep-equal@^3.1.1:
  version "3.1.3"
@@ -590,6 +590,11 @@ http-signature@~1.2.0:
    jsprim "^1.2.2"
    sshpk "^1.7.0"

+immutable@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.0.0.tgz#b86f78de6adef3608395efb269a91462797e2c23"
+  integrity sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw==
+
 indent-string@^4.0.0:
  version "4.0.0"
  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
@@ -711,10 +716,10 @@ json-schema-traverse@^0.4.1:
  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==

-json-schema@0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.2.3.tgz#b480c892e59a2f05954ce727bd3f2a4e882f9e13"
-  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
+json-schema@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5"
+  integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==

 json-stringify-safe@~5.0.1:
  version "5.0.1"
@@ -722,13 +727,13 @@ json-stringify-safe@~5.0.1:
  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=

 jsprim@^1.2.2:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
-  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
+  integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==
  dependencies:
    assert-plus "1.0.0"
    extsprintf "1.3.0"
-    json-schema "0.2.3"
+    json-schema "0.4.0"
    verror "1.10.0"

 kind-of@^6.0.3:
@@ -737,9 +742,9 @@ kind-of@^6.0.3:
  integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==

 lines-and-columns@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
-  integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
+  integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==

 locate-path@^3.0.0:
  version "3.0.0"
@@ -796,17 +801,17 @@ meow@^9.0.0:
    type-fest "^0.18.0"
    yargs-parser "^20.2.3"

-mime-db@1.50.0:
-  version "1.50.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.50.0.tgz#abd4ac94e98d3c0e185016c67ab45d5fde40c11f"
-  integrity sha512-9tMZCDlYHqeERXEHO9f/hKfNXhre5dK2eE/krIvUjZbS2KPcqGDfNShIWS1uW9XOTKQKqK6qbeOci18rbfW77A==
+mime-db@1.51.0:
+  version "1.51.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.51.0.tgz#d9ff62451859b18342d960850dc3cfb77e63fb0c"
+  integrity sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==

 mime-types@^2.1.12, mime-types@~2.1.19:
-  version "2.1.33"
-  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.33.tgz#1fa12a904472fafd068e48d9e8401f74d3f70edb"
-  integrity sha512-plLElXp7pRDd0bNZHw+nMd52vRYjLwQjygaNg7ddJ2uJtTlmnTCjWuPKxVu6//AdaRuME84SvLW91sIkBqGT0g==
+  version "2.1.34"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.34.tgz#5a712f9ec1503511a945803640fafe09d3793c24"
+  integrity sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==
  dependencies:
-    mime-db "1.50.0"
+    mime-db "1.51.0"

 min-indent@^1.0.0:
  version "1.0.1"
@@ -830,9 +835,9 @@ minimist-options@4.1.0:
    kind-of "^6.0.3"

 minipass@^3.0.0:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.5.tgz#71f6251b0a33a49c01b3cf97ff77eda030dff732"
-  integrity sha512-+8NzxD82XQoNKNrl1d/FSi+X8wAEWR+sbYAfIvub4Nz0d22plFG72CEVVaufV8PNf4qSslFTD8VMOxNVhHCjTw==
+  version "3.1.6"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.6.tgz#3b8150aa688a711a1521af5e8779c1d3bb4f45ee"
+  integrity sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==
  dependencies:
    yallist "^4.0.0"

@@ -1175,11 +1180,13 @@ sass-graph@2.2.5:
    yargs "^13.3.2"

 sass@^1.26.10:
-  version "1.43.3"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.43.3.tgz#aa16a69131b84f0cd23189a242571e8905f1ce43"
-  integrity sha512-BJnLngqWpMeS65UvlYYEuCb3/fLxDxhHtOB/gWPxs6NKrslTxGt3ZxwIvOe/0Jm4tWwM/+tIpE3wj4dLEhPDeQ==
+  version "1.45.0"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.45.0.tgz#192ede1908324bb293a3e403d1841dbcaafdd323"
+  integrity sha512-ONy5bjppoohtNkFJRqdz1gscXamMzN3wQy1YH9qO2FiNpgjLhpz/IPRGg0PpCjyz/pWfCOaNEaiEGCcjOFAjqw==
  dependencies:
    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"

 scss-tokenizer@^0.2.3:
  version "0.2.3"
@@ -1219,9 +1226,14 @@ shebang-regex@^3.0.0:
  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==

 signal-exit@^3.0.0:
-  version "3.0.5"
-  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.5.tgz#9e3e8cc0c75a99472b44321033a7702e7738252f"
-  integrity sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.6.tgz#24e630c4b0f03fea446a2bd299e62b4a6ca8d0af"
+  integrity sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==
+
+"source-map-js@>=0.6.2 <2.0.0":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.1.tgz#a1741c131e3c77d048252adfa24e23b908670caf"
+  integrity sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==

 source-map@^0.4.2:
  version "0.4.4"
@@ -1252,9 +1264,9 @@ spdx-expression-parse@^3.0.0:
    spdx-license-ids "^3.0.0"

 spdx-license-ids@^3.0.0:
-  version "3.0.10"
-  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.10.tgz#0d9becccde7003d6c658d487dd48a32f0bf3014b"
-  integrity sha512-oie3/+gKf7QtpitB0LYLETe+k8SifzsX4KixvpOsbI6S0kRiRQ5MKOio8eMSAKQ17N06+wdEOXRiId+zOxo0hA==
+  version "3.0.11"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.11.tgz#50c0d8c40a14ec1bf449bae69a0ea4685a9d9f95"
+  integrity sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==

 sshpk@^1.7.0:
  version "1.16.1"
--- a/template/base.html.jinja
+++ b/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/devportal2021-v4.css" rel="stylesheet" />
+    <link href="{{currentpage.prefix}}assets/css/devportal2021-v5.css" rel="stylesheet" />

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />