mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-06 17:27:57 +00:00
72002fd773
- SVG diagrams can adapt to the visual theme of the site through CSS. - Use the include_svg filter to include a diagram that adapts to the theme. - The styles/_diagrams.scss file controls the color mappings for theme-aware digrams. - Theme-aware diagrams are limited to specific colors and diagram styles. Use UMLet or Google Draw and confirm that the diagram is still legible when you build it. - This commit updates existing diagrams in most places to be theme-aware.
149 lines
9.1 KiB
XML
149 lines
9.1 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN'
|
|
'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'>
|
|
<svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" width="850" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="20 10 850 370" height="370" xmlns="http://www.w3.org/2000/svg" font-family="'Dialog'" font-style="normal" stroke-linejoin="miter" font-size="12px" stroke-dashoffset="0" image-rendering="auto"
|
|
><!--Generated by the Batik Graphics2D SVG Generator--><defs id="genericDefs"
|
|
/><g
|
|
><defs id="defs1"
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath1"
|
|
><path d="M0 0 L2147483647 0 L2147483647 2147483647 L0 2147483647 L0 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath2"
|
|
><path d="M0 0 L0 30 L280 30 L280 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"
|
|
><path d="M0 0 L0 40 L100 40 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"
|
|
><path d="M0 0 L0 70 L100 70 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath5"
|
|
><path d="M0 0 L0 80 L190 80 L190 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6"
|
|
><path d="M0 0 L0 80 L180 80 L180 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath7"
|
|
><path d="M0 0 L0 70 L220 70 L220 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath8"
|
|
><path d="M0 0 L0 80 L130 80 L130 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath9"
|
|
><path d="M0 0 L0 30 L80 30 L80 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath10"
|
|
><path d="M0 0 L0 140 L120 140 L120 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath11"
|
|
><path d="M0 0 L0 30 L140 30 L140 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath12"
|
|
><path d="M0 0 L0 160 L220 160 L220 0 Z"
|
|
/></clipPath
|
|
></defs
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(40,30)"
|
|
><text x="5" xml:space="preserve" y="18.1094" clip-path="url(#clipPath2)" stroke="none"
|
|
>Address Encoding</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(570,180)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><path d="M0.5 0.5 L80.5 0.5 L99 20.5 L80.5 39 L0.5 39 Z" stroke="none" clip-path="url(#clipPath3)"
|
|
/></g
|
|
><g transform="translate(570,180)"
|
|
><path fill="none" d="M0.5 0.5 L80.5 0.5 L99 20.5 L80.5 39 L0.5 39 Z" clip-path="url(#clipPath3)"
|
|
/><text x="24" font-size="14px" y="25.0547" clip-path="url(#clipPath3)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>base58</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(380,290)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="98.5" height="68.5" y="0.5" clip-path="url(#clipPath4)" stroke="none"
|
|
/></g
|
|
><g transform="translate(380,290)"
|
|
><rect fill="none" x="0.5" width="98.5" height="68.5" y="0.5" clip-path="url(#clipPath4)"
|
|
/><text x="13" font-size="14px" y="29.5" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Checksum</text
|
|
><path fill="none" d="M1 35.5 L99 35.5" clip-path="url(#clipPath4)"
|
|
/><text x="18" font-size="14px" y="50.6094" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>(4 bytes)</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(40,160)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="188.5" height="78.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
|
|
/></g
|
|
><g transform="translate(40,160)"
|
|
><rect fill="none" x="0.5" width="188.5" height="78.5" y="0.5" clip-path="url(#clipPath5)"
|
|
/><text x="55" font-size="14px" y="26.4453" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Type Prefix</text
|
|
><path fill="none" d="M1 32.4453 L189 32.4453" clip-path="url(#clipPath5)"
|
|
/><text x="77" font-size="14px" y="47.5547" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>0x00</text
|
|
><text x="23" font-size="14px" y="63.6641" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>("r" in XRPL base58)</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(670,160)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="178.5" height="78.5" y="0.5" clip-path="url(#clipPath6)" stroke="none"
|
|
/></g
|
|
><g transform="translate(670,160)"
|
|
><rect fill="none" x="0.5" width="178.5" height="78.5" y="0.5" clip-path="url(#clipPath6)"
|
|
/><text x="61" font-size="14px" y="26.4453" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Address</text
|
|
><path fill="none" d="M1 32.4453 L179 32.4453" clip-path="url(#clipPath6)"
|
|
/><text x="16" font-size="14px" y="47.5547" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>AccountID (20 bytes)</text
|
|
><text x="19" font-size="14px" y="63.6641" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Checksum (4 bytes)</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(340,160)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="178.5" height="78.5" y="0.5" clip-path="url(#clipPath6)" stroke="none"
|
|
/></g
|
|
><g transform="translate(340,160)"
|
|
><rect fill="none" x="0.5" width="178.5" height="78.5" y="0.5" clip-path="url(#clipPath6)"
|
|
/><text x="51" font-size="14px" y="34.5" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Account ID</text
|
|
><path fill="none" d="M1 40.5 L179 40.5" clip-path="url(#clipPath6)"
|
|
/><text x="54" font-size="14px" y="55.6094" clip-path="url(#clipPath6)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>(20 bytes)</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(40,70)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="218.5" height="68.5" y="0.5" clip-path="url(#clipPath7)" stroke="none"
|
|
/></g
|
|
><g transform="translate(40,70)"
|
|
><rect fill="none" x="0.5" width="218.5" height="68.5" y="0.5" clip-path="url(#clipPath7)"
|
|
/><text x="47" font-size="14px" y="21.4453" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Master Public Key</text
|
|
><path fill="none" d="M1 27.4453 L219 27.4453" clip-path="url(#clipPath7)"
|
|
/><text x="33" font-size="14px" y="42.5547" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>33 bytes (secp256k1)</text
|
|
><text x="12" font-size="14px" y="58.6641" clip-path="url(#clipPath7)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>0xED + 32 bytes (Ed25519)</text
|
|
></g
|
|
><g transform="translate(400,230)"
|
|
><path fill="none" d="M10.5 59.5 L10.5 10.5" clip-path="url(#clipPath8)"
|
|
/><path fill="none" d="M17 48.7417 L10.5 60 L4 48.7417" clip-path="url(#clipPath8)"
|
|
/><text x="14" font-size="14px" y="43.0547" clip-path="url(#clipPath8)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>SHA-256 twice</text
|
|
></g
|
|
><g transform="translate(510,180)"
|
|
><path fill="none" d="M59.5 10.5 L10.5 10.5" clip-path="url(#clipPath9)"
|
|
/><path fill="none" d="M48.7417 4 L60 10.5 L48.7417 17" clip-path="url(#clipPath9)"
|
|
/></g
|
|
><g transform="translate(470,200)"
|
|
><path fill="none" d="M99.5 10.5 L80.5 10.5" clip-path="url(#clipPath10)"
|
|
/><path fill="none" d="M80.5 10.5 L80.5 120.5" clip-path="url(#clipPath10)"
|
|
/><path fill="none" d="M80.5 120.5 L10.5 120.5" clip-path="url(#clipPath10)"
|
|
/><path fill="none" d="M88.7417 4 L100 10.5 L88.7417 17" clip-path="url(#clipPath10)"
|
|
/></g
|
|
><g transform="translate(220,200)"
|
|
><path fill="none" d="M119.5 10.5 L10.5 10.5" clip-path="url(#clipPath11)"
|
|
/><path fill="none" d="M108.7417 4 L120 10.5 L108.7417 17" clip-path="url(#clipPath11)"
|
|
/></g
|
|
><g transform="translate(250,70)"
|
|
><path fill="none" d="M89.5 110.5 L40.5 110.5" clip-path="url(#clipPath12)"
|
|
/><path fill="none" d="M40.5 110.5 L40.5 40.5" clip-path="url(#clipPath12)"
|
|
/><path fill="none" d="M40.5 40.5 L10.5 40.5" clip-path="url(#clipPath12)"
|
|
/><path fill="none" d="M78.7417 104 L90 110.5 L78.7417 117" clip-path="url(#clipPath12)"
|
|
/><text x="44" font-size="14px" y="66.9453" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>RIPEMD160 of SHA-256</text
|
|
></g
|
|
></g
|
|
></svg
|
|
>
|