copyedits and refinements

7c5ee152 · Guillaume Grossetie · d14eac31 · 7c5ee152 · 7c5ee152 · 7c5ee152
Commit 7c5ee152 authored Feb 17, 2022 by Guillaume Grossetie 🎧
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -9,6 +9,9 @@ const autoprefixer = require('autoprefixer')
 const postcss = require('postcss')
 const postcssPresetEnv = require('postcss-preset-env')
 const postcssAtImport = require('postcss-import')
+const DocumentModelConverter = require('./lib/document-model-converter.js')
+
+asciidoctor.ConverterFactory.register(new DocumentModelConverter(), ['json'])

 module.exports = function (eleventyConfig, rest) {
  eleventyConfig.addPassthroughCopy('pages/**/*.{jpg,png,gif,svg,ico,txt,json}')

--- a/lib/document-model-converter.js
+++ b/lib/document-model-converter.js
 const asciidoctor = require('@asciidoctor/core')()
-const { parse } = require('node-html-parser')

 class DocumentModelConverter {
  constructor () {
@@ -9,7 +8,6 @@ class DocumentModelConverter {
  }

  convert (node, transform) {
-    const nodeName = node.getNodeName()
    if (transform === 'embedded') {
      const blocks = node.getBlocks()
      this.result.title = node.getTitle()
@@ -124,4 +122,4 @@ class DocumentModelConverter {
  }
 }

-asciidoctor.ConverterFactory.register(new DocumentModelConverter(), ['json'])
+module.exports = DocumentModelConverter
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,6 @@
        "eslint-config-standard": "^17.0.0-1",
        "highlight.js": "^9.18.3",
        "highlightjs-line-numbers.js": "^2.8.0",
-        "node-html-parser": "^5.2.0",
        "postcss": "^8.4.6",
        "postcss-import": "^14.0.2",
        "postcss-preset-env": "^7.3.1",
@@ -5221,15 +5220,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true,
-      "bin": {
-        "he": "bin/he"
-      }
-    },
    "node_modules/highlight.js": {
      "version": "9.18.3",
      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.3.tgz",
@@ -6633,16 +6623,6 @@
      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
      "dev": true
    },
-    "node_modules/node-html-parser": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-5.2.0.tgz",
-      "integrity": "sha512-fmiwLfQu+J2A0zjwSEkztSHexAf5qq/WoiL/Hgo1K7JpfEP+OGWY5maG0kGaM+IFVdixF/1QbyXaQ3h4cGfeLw==",
-      "dev": true,
-      "dependencies": {
-        "css-select": "^4.1.3",
-        "he": "1.2.0"
-      }
-    },
    "node_modules/node-releases": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
@@ -14145,12 +14125,6 @@
        "has-symbols": "^1.0.2"
      }
    },
-    "he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "dev": true
-    },
    "highlight.js": {
      "version": "9.18.3",
      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-9.18.3.tgz",
@@ -15228,16 +15202,6 @@
      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
      "dev": true
    },
-    "node-html-parser": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/node-html-parser/-/node-html-parser-5.2.0.tgz",
-      "integrity": "sha512-fmiwLfQu+J2A0zjwSEkztSHexAf5qq/WoiL/Hgo1K7JpfEP+OGWY5maG0kGaM+IFVdixF/1QbyXaQ3h4cGfeLw==",
-      "dev": true,
-      "requires": {
-        "css-select": "^4.1.3",
-        "he": "1.2.0"
-      }
-    },
    "node-releases": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",

--- a/package.json
+++ b/package.json
@@ -29,7 +29,6 @@
    "eslint-config-standard": "^17.0.0-1",
    "highlight.js": "^9.18.3",
    "highlightjs-line-numbers.js": "^2.8.0",
-    "node-html-parser": "^5.2.0",
    "postcss": "^8.4.6",
    "postcss-import": "^14.0.2",
    "postcss-preset-env": "^7.3.1",

--- a/pages/assets/css/_base.css
+++ b/pages/assets/css/_base.css
@@ -15,7 +15,9 @@
  --gray-color-100: #f3f4f6;
  --gray-color-200: #e5e7eb;
  --gray-color-500: #6b7280;
-  --gray-color-600: #202020;
+  --gray-color-600: #3e3e3e;
+  --gray-color-800: #202020;
+  --gray-color-900: #18191F;
  --brand-font-primary: "Inter", blinkmacsystemfont, -apple-system, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --brand-font-secondary: "Urbanist", blinkmacsystemfont, -apple-system, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
@@ -26,7 +28,7 @@ html {

 body {
  font-family: var(--brand-font-primary);
-  color: var(--gray-color-600);
+  color: var(--gray-color-800);
  background: linear-gradient(#f9fafb 0%, #fff 35%);
  /* fallback */
  background-color: #fff;
@@ -455,11 +457,11 @@ section.try .paragraph:not(:last-child) {

 section.try .toggle {
  display: none;
+  cursor: pointer;
 }

 #editorCode {
-  color: var(--gray-color-600);
-  display: flex;
+  color: var(--gray-color-800);
  font-size: 1rem;
  min-height: 300px;
 }
@@ -476,6 +478,16 @@ section.try .toggle {
  border-radius: 5px;
 }

+#editorCode .cm-scroller::-webkit-scrollbar {
+  height: 8px;
+  width: 8px;
+  background: #f0f0f0;
+}
+
+#editorCode .cm-scroller::-webkit-scrollbar-thumb {
+  background: #cdcdcd;
+}
+
 #editorPreview h1,
 #editorPreview h2,
 #editorPreview h3 {
@@ -485,7 +497,7 @@ section.try .toggle {
 #editorPreview {
  border-left: 5px solid #f0f0f0;
  border-radius: 0 5px 5px 0;
-  color: var(--gray-color-600);
+  color: var(--gray-color-800);
  padding-left: 1rem;
  padding-right: 1rem;
  overflow-x: auto;
@@ -706,7 +718,7 @@ section.try .toggle {

  section.try .toggle > a.is-active {
    background-color: white;
-    color: var(--gray-color-600);
+    color: var(--gray-color-800);
  }

  section.try .toggle > a:first-child {
@@ -901,21 +913,27 @@ section.tools h2 {

 section.tools a.explore {
  font-size: 1rem;
+  text-align: left;
  color: var(--brand-color);
  border: 1px solid var(--brand-color);
  border-radius: 5px;
  padding: 1rem;
  text-decoration: none;
  width: fit-content;
-  margin: auto;
  line-height: 1rem;
-  margin-top: 2rem;
+  margin: 2rem auto auto;
 }

 section.tools a.explore::after {
  position: initial;
 }

+@media screen and (min-width: 480px) {
+  section.tools a.explore {
+      text-align: justify;
+  }
+}
+
 section a.action:hover {
  text-decoration: underline;
 }
@@ -981,6 +999,7 @@ section.tools .cards > .card {
 section.tools .cards > .card p {
  font-size: 1rem;
  line-height: 1.625rem;
+  color: var(--gray-color-600)
 }

 @media screen and (min-width: 640px) {
@@ -1012,8 +1031,7 @@ section.tools .cards > .card p {
  }

  section.tools .cards > .card {
-    padding: 4.75rem;
-    padding-bottom: 2.5rem;
+    padding: 4.75rem 4.75rem 2.5rem;
  }
 }

@@ -1023,7 +1041,6 @@ section.tools .cards > .card::after {
  width: 144%;
  height: 135%;
  z-index: -1;
-  /* background: url(../img/asciidoc-logo.svg) #fafafa; */
  background-repeat: no-repeat;
  background-size: cover;
  top: -61px;
@@ -1062,7 +1079,7 @@ section.tools .cards > .card h3 {
  line-height: 1.75rem;
  padding-bottom: 1rem;
  font-family: var(--brand-font-primary);
-  color: #3e3e3e;
+  color: var(--gray-color-600);
  display: grid;
  gap: 3rem;
  justify-content: start;
@@ -1107,13 +1124,12 @@ section.docs h2 {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
-  color: var(--gray-color-600);
+  color: var(--gray-color-800);
  padding-top: 4rem;
  padding-bottom: 2.625rem;
  text-transform: none;
  line-height: normal;
-  margin: auto;
-  margin-bottom: 0;
+  margin: auto auto 0;
  text-align: center;
 }

@@ -1343,7 +1359,6 @@ section.docs a {
  font-weight: 700;
  line-height: 1.625rem;
  letter-spacing: 0;
-  color: rgb(255 255 255 / 50%);
  color: var(--brand-color-100);
  padding-bottom: 1rem;
 }
@@ -1556,7 +1571,6 @@ section.docs a {

 .listingblock.editor > .content::-webkit-scrollbar {
  width: 3px;
-  height: 8px;
  background-color: #475569; /* or add it to the track */
 }

@@ -1572,6 +1586,17 @@ section.docs a {
  background: #5a6a81;
 }

+.to .listingblock.editor > .content {
+  scrollbar-color: #7dd3fc #1e293b;
+  scrollbar-width: thin;
+}
+
+.from .listingblock.editor > .content {
+  scrollbar-color: #5a6a81 #a3acb8;
+  scrollbar-width: thin;
+}
+
+
 .editor-content > .tabset {
  padding: 0;
  margin: 0;
@@ -1625,6 +1650,20 @@ section.docs a {
  line-height: 1.25rem;
 }

+.editor .listingblock > .content code::-webkit-scrollbar {
+  height: 3px;
+  background: #a3acb8;
+}
+
+.editor .listingblock > .content code::-webkit-scrollbar-thumb {
+  background: #5a6a81;
+}
+
+.editor .listingblock > .content code {
+  scrollbar-color: #5a6a81 #a3acb8;
+  scrollbar-width: thin;
+}
+
 .exampleblock.compare > .content {
  display: flex;
  gap: 1rem;

--- a/pages/assets/img/author.svg
+++ b/pages/assets/img/author.svg
-<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-pencil-alt fa-w-16 fa-7x">
-  <g class="fa-group">
-    <path fill="#c9c9c9" d="M96 352H32l-16 64 80 80 64-16v-64H96zM498 74.26l-.11-.11L437.77 14a48.09 48.09 0 0 0-67.9 0l-46.1 46.1a12 12 0 0 0 0 17l111 111a12 12 0 0 0 17 0l46.1-46.1a47.93 47.93 0 0 0 .13-67.74z" class="fa-secondary"></path>
-    <path fill="currentColor" d="M.37 483.85a24 24 0 0 0 19.47 27.8 24.27 24.27 0 0 0 8.33 0l67.32-16.16-79-79zM412.3 210.78l-111-111a12.13 12.13 0 0 0-17.1 0L32 352h64v64h64v64l252.27-252.25a12 12 0 0 0 .03-16.97zm-114.41-24.93l-154 154a14 14 0 1 1-19.8-19.8l154-154a14 14 0 1 1 19.8 19.8z" class="fa-primary"></path>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="#1f8197" d="M512 448H64c-35.35 0-64-28.65-64-64V128c0-35.35 28.65-64 64-64h448c35.35 0 64 28.65 64 64v256C576 419.3 547.3 448 512 448zM128 180v-40C128 133.4 122.6 128 116 128h-40C69.38 128 64 133.4 64 140v40C64 186.6 69.38 192 76 192h40C122.6 192 128 186.6 128 180zM224 180v-40C224 133.4 218.6 128 212 128h-40C165.4 128 160 133.4 160 140v40C160 186.6 165.4 192 172 192h40C218.6 192 224 186.6 224 180zM320 180v-40C320 133.4 314.6 128 308 128h-40C261.4 128 256 133.4 256 140v40C256 186.6 261.4 192 268 192h40C314.6 192 320 186.6 320 180zM416 180v-40C416 133.4 410.6 128 404 128h-40C357.4 128 352 133.4 352 140v40C352 186.6 357.4 192 364 192h40C410.6 192 416 186.6 416 180zM512 180v-40C512 133.4 506.6 128 500 128h-40C453.4 128 448 133.4 448 140v40C448 186.6 453.4 192 460 192h40C506.6 192 512 186.6 512 180zM128 276v-40C128 229.4 122.6 224 116 224h-40C69.38 224 64 229.4 64 236v40C64 282.6 69.38 288 76 288h40C122.6 288 128 282.6 128 276zM224 276v-40C224 229.4 218.6 224 212 224h-40C165.4 224 160 229.4 160 236v40C160 282.6 165.4 288 172 288h40C218.6 288 224 282.6 224 276zM320 276v-40C320 229.4 314.6 224 308 224h-40C261.4 224 256 229.4 256 236v40C256 282.6 261.4 288 268 288h40C314.6 288 320 282.6 320 276zM416 276v-40C416 229.4 410.6 224 404 224h-40C357.4 224 352 229.4 352 236v40C352 282.6 357.4 288 364 288h40C410.6 288 416 282.6 416 276zM512 276v-40C512 229.4 506.6 224 500 224h-40C453.4 224 448 229.4 448 236v40C448 282.6 453.4 288 460 288h40C506.6 288 512 282.6 512 276zM128 372v-40C128 325.4 122.6 320 116 320h-40C69.38 320 64 325.4 64 332v40C64 378.6 69.38 384 76 384h40C122.6 384 128 378.6 128 372zM416 372v-40C416 325.4 410.6 320 404 320h-232C165.4 320 160 325.4 160 332v40C160 378.6 165.4 384 172 384h232C410.6 384 416 378.6 416 372zM512 372v-40C512 325.4 506.6 320 500 320h-40C453.4 320 448 325.4 448 332v40C448 378.6 453.4 384 460 384h40C506.6 384 512 378.6 512 372z"/></svg>
--- a/pages/assets/img/book-open-reader-solid.svg
+++ b/pages/assets/img/book-open-reader-solid.svg
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M0 219.2v212.5c0 14.25 11.62 26.25 26.5 27C75.32 461.2 180.2 471.3 240 511.9V245.2C181.4 205.5 79.99 194.8 29.84 192C13.59 191.1 0 203.6 0 219.2zM482.2 192c-50.09 2.848-151.3 13.47-209.1 53.09C272.1 245.2 272 245.3 272 245.5v266.5c60.04-40.39 164.7-50.76 213.5-53.28C500.4 457.9 512 445.9 512 431.7V219.2C512 203.6 498.4 191.1 482.2 192zM352 96c0-53-43-96-96-96S160 43 160 96s43 96 96 96S352 149 352 96z"/></svg>
\ No newline at end of file
--- a/pages/assets/img/convert.svg
+++ b/pages/assets/img/convert.svg
-<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="conveyor-belt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="svg-inline--fa fa-conveyor-belt fa-w-20 fa-7x">
-  <g class="fa-group">
-    <path fill="#c9c9c9" d="M128 240V16a16 16 0 0 1 16-16h352a16 16 0 0 1 16 16v224a16 16 0 0 1-16 16H144a16 16 0 0 1-16-16z" class="fa-secondary"></path>
-    <path fill="currentColor" d="M544 320H96a96 96 0 0 0 0 192h448a96 96 0 0 0 0-192zM128 448a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm192 0a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm192 0a32 32 0 1 1 32-32 32 32 0 0 1-32 32zM384 128V0H256v128l64-32z" class="fa-primary"></path>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="#1f8197" d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"/></svg>
--- a/pages/assets/img/keyboard-solid.svg
+++ b/pages/assets/img/keyboard-solid.svg
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M512 448H64c-35.35 0-64-28.65-64-64V128c0-35.35 28.65-64 64-64h448c35.35 0 64 28.65 64 64v256C576 419.3 547.3 448 512 448zM128 180v-40C128 133.4 122.6 128 116 128h-40C69.38 128 64 133.4 64 140v40C64 186.6 69.38 192 76 192h40C122.6 192 128 186.6 128 180zM224 180v-40C224 133.4 218.6 128 212 128h-40C165.4 128 160 133.4 160 140v40C160 186.6 165.4 192 172 192h40C218.6 192 224 186.6 224 180zM320 180v-40C320 133.4 314.6 128 308 128h-40C261.4 128 256 133.4 256 140v40C256 186.6 261.4 192 268 192h40C314.6 192 320 186.6 320 180zM416 180v-40C416 133.4 410.6 128 404 128h-40C357.4 128 352 133.4 352 140v40C352 186.6 357.4 192 364 192h40C410.6 192 416 186.6 416 180zM512 180v-40C512 133.4 506.6 128 500 128h-40C453.4 128 448 133.4 448 140v40C448 186.6 453.4 192 460 192h40C506.6 192 512 186.6 512 180zM128 276v-40C128 229.4 122.6 224 116 224h-40C69.38 224 64 229.4 64 236v40C64 282.6 69.38 288 76 288h40C122.6 288 128 282.6 128 276zM224 276v-40C224 229.4 218.6 224 212 224h-40C165.4 224 160 229.4 160 236v40C160 282.6 165.4 288 172 288h40C218.6 288 224 282.6 224 276zM320 276v-40C320 229.4 314.6 224 308 224h-40C261.4 224 256 229.4 256 236v40C256 282.6 261.4 288 268 288h40C314.6 288 320 282.6 320 276zM416 276v-40C416 229.4 410.6 224 404 224h-40C357.4 224 352 229.4 352 236v40C352 282.6 357.4 288 364 288h40C410.6 288 416 282.6 416 276zM512 276v-40C512 229.4 506.6 224 500 224h-40C453.4 224 448 229.4 448 236v40C448 282.6 453.4 288 460 288h40C506.6 288 512 282.6 512 276zM128 372v-40C128 325.4 122.6 320 116 320h-40C69.38 320 64 325.4 64 332v40C64 378.6 69.38 384 76 384h40C122.6 384 128 378.6 128 372zM416 372v-40C416 325.4 410.6 320 404 320h-232C165.4 320 160 325.4 160 332v40C160 378.6 165.4 384 172 384h232C410.6 384 416 378.6 416 372zM512 372v-40C512 325.4 506.6 320 500 320h-40C453.4 320 448 325.4 448 332v40C448 378.6 453.4 384 460 384h40C506.6 384 512 378.6 512 372z"/></svg>
\ No newline at end of file
--- a/pages/assets/img/publish.svg
+++ b/pages/assets/img/publish.svg
-<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="upload" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-upload fa-w-16 fa-7x">
-  <g class="fa-group">
-    <path fill="#c9c9c9" d="M488 351.92H352v8a56 56 0 0 1-56 56h-80a56 56 0 0 1-56-56v-8H24a23.94 23.94 0 0 0-24 24v112a23.94 23.94 0 0 0 24 24h464a23.94 23.94 0 0 0 24-24v-112a23.94 23.94 0 0 0-24-24zm-120 132a20 20 0 1 1 20-20 20.06 20.06 0 0 1-20 20zm64 0a20 20 0 1 1 20-20 20.06 20.06 0 0 1-20 20z" class="fa-secondary"></path>
-    <path fill="currentColor" d="M192 359.93v-168h-87.7c-17.8 0-26.7-21.5-14.1-34.11L242.3 5.62a19.37 19.37 0 0 1 27.3 0l152.2 152.2c12.6 12.61 3.7 34.11-14.1 34.11H320v168a23.94 23.94 0 0 1-24 24h-80a23.94 23.94 0 0 1-24-24z" class="fa-primary"></path>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="#1f8197" d="M0 219.2v212.5c0 14.25 11.62 26.25 26.5 27C75.32 461.2 180.2 471.3 240 511.9V245.2C181.4 205.5 79.99 194.8 29.84 192C13.59 191.1 0 203.6 0 219.2zM482.2 192c-50.09 2.848-151.3 13.47-209.1 53.09C272.1 245.2 272 245.3 272 245.5v266.5c60.04-40.39 164.7-50.76 213.5-53.28C500.4 457.9 512 445.9 512 431.7V219.2C512 203.6 498.4 191.1 482.2 192zM352 96c0-53-43-96-96-96S160 43 160 96s43 96 96 96S352 149 352 96z"/></svg>
--- a/pages/assets/img/wand-magic-sparkles-solid.svg
+++ b/pages/assets/img/wand-magic-sparkles-solid.svg
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M248.8 4.994C249.9 1.99 252.8 .0001 256 .0001C259.2 .0001 262.1 1.99 263.2 4.994L277.3 42.67L315 56.79C318 57.92 320 60.79 320 64C320 67.21 318 70.08 315 71.21L277.3 85.33L263.2 123C262.1 126 259.2 128 256 128C252.8 128 249.9 126 248.8 123L234.7 85.33L196.1 71.21C193.1 70.08 192 67.21 192 64C192 60.79 193.1 57.92 196.1 56.79L234.7 42.67L248.8 4.994zM427.4 14.06C446.2-4.686 476.6-4.686 495.3 14.06L529.9 48.64C548.6 67.38 548.6 97.78 529.9 116.5L148.5 497.9C129.8 516.6 99.38 516.6 80.64 497.9L46.06 463.3C27.31 444.6 27.31 414.2 46.06 395.4L427.4 14.06zM461.4 59.31L356.3 164.3L379.6 187.6L484.6 82.58L461.4 59.31zM7.491 117.2L64 96L85.19 39.49C86.88 34.98 91.19 32 96 32C100.8 32 105.1 34.98 106.8 39.49L128 96L184.5 117.2C189 118.9 192 123.2 192 128C192 132.8 189 137.1 184.5 138.8L128 160L106.8 216.5C105.1 221 100.8 224 96 224C91.19 224 86.88 221 85.19 216.5L64 160L7.491 138.8C2.985 137.1 0 132.8 0 128C0 123.2 2.985 118.9 7.491 117.2zM359.5 373.2L416 352L437.2 295.5C438.9 290.1 443.2 288 448 288C452.8 288 457.1 290.1 458.8 295.5L480 352L536.5 373.2C541 374.9 544 379.2 544 384C544 388.8 541 393.1 536.5 394.8L480 416L458.8 472.5C457.1 477 452.8 480 448 480C443.2 480 438.9 477 437.2 472.5L416 416L359.5 394.8C354.1 393.1 352 388.8 352 384C352 379.2 354.1 374.9 359.5 373.2z"/></svg>
\ No newline at end of file
--- a/pages/index.adoc
+++ b/pages/index.adoc
@@ -276,9 +276,9 @@ https://asciidoc-wg.eclipse.org[Get involved,role=action]
 [.card]
 --
 [discrete]
-=== Convert
+=== Author

-If you want to convert AsciiDoc documents yourself, you may look for a processor like Asciidoctor.
+If you want to preview AsciiDoc, then you'll be interested in the browser and IDE plugins that provide tooling like a live preview.

 https://docs.asciidoctor.org[Explore,role=action]
 --
@@ -286,9 +286,9 @@ https://docs.asciidoctor.org[Explore,role=action]
 [.card]
 --
 [discrete]
-=== Author
+=== Convert

-If you want to preview AsciiDoc, then you'll be interested in the browser and IDE plugins that provide tooling like a live preview.
+If you want to convert AsciiDoc documents yourself, you may look for a processor like Asciidoctor.

 https://docs.asciidoctor.org[Explore,role=action]
 --
@@ -303,7 +303,7 @@ If you want your AsciiDoc content to be discovered, converted, and published int
 https://docs.asciidoctor.org[Explore,role=action]
 --

-https://docs.asciidoctor.org[Explore the Awesomeness of AsciiDoc,role="explore action"]
+https://docs.asciidoctor.org[Explore more Awesome AsciiDoc,role="explore action"]

 [#docs]
 == Get started with AsciiDoc today