mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-19 19:25:51 +00:00
- 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.
136 lines
7.9 KiB
XML
136 lines
7.9 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="700" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="10 20 700 220" height="220" 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 L210 30 L210 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3"
|
|
><path d="M0 0 L0 50 L600 50 L600 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"
|
|
><path d="M0 0 L0 30 L180 30 L180 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath5"
|
|
><path d="M0 0 L0 30 L50 30 L50 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6"
|
|
><path d="M0 0 L0 50 L110 50 L110 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath7"
|
|
><path d="M0 0 L0 60 L100 60 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath8"
|
|
><path d="M0 0 L0 30 L40 30 L40 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath9"
|
|
><path d="M0 0 L0 80 L100 80 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath10"
|
|
><path d="M0 0 L0 80 L30 80 L30 0 Z"
|
|
/></clipPath
|
|
></defs
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(80,40)"
|
|
><text x="5" xml:space="preserve" y="18.1094" clip-path="url(#clipPath2)" stroke="none"
|
|
>SignerEntries (array) field</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(80,70)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="598.5" height="48.5" y="0.5" clip-path="url(#clipPath3)" stroke="none"
|
|
/></g
|
|
><g transform="translate(80,70)"
|
|
><rect fill="none" x="0.5" width="598.5" height="48.5" y="0.5" clip-path="url(#clipPath3)"
|
|
/></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(430,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="178.5" height="28.5" y="0.5" clip-path="url(#clipPath4)" stroke="none"
|
|
/></g
|
|
><g transform="translate(430,80)"
|
|
><rect fill="none" x="0.5" width="178.5" height="28.5" y="0.5" clip-path="url(#clipPath4)"
|
|
/><text x="9" font-size="14px" y="18.1094" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>(SignerEntry Contents)</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(380,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="48.5" height="28.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
|
|
/></g
|
|
><g transform="translate(380,80)"
|
|
><rect fill="none" x="0.5" width="48.5" height="28.5" y="0.5" clip-path="url(#clipPath5)"
|
|
/><text x="7" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>0xeb</text
|
|
></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(250,140)"
|
|
><text x="5" xml:space="preserve" y="18.1094" clip-path="url(#clipPath6)" stroke="none"
|
|
>SignerEntry</text
|
|
><text x="5" xml:space="preserve" y="34.2188" clip-path="url(#clipPath6)" stroke="none"
|
|
>Field ID</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(190,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="178.5" height="28.5" y="0.5" clip-path="url(#clipPath4)" stroke="none"
|
|
/></g
|
|
><g transform="translate(190,80)"
|
|
><rect fill="none" x="0.5" width="178.5" height="28.5" y="0.5" clip-path="url(#clipPath4)"
|
|
/><text x="9" font-size="14px" y="18.1094" clip-path="url(#clipPath4)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>(SignerEntry Contents)</text
|
|
></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(590,160)"
|
|
><text x="5" xml:space="preserve" y="18.1094" clip-path="url(#clipPath7)" stroke="none"
|
|
>Array end</text
|
|
><text x="5" xml:space="preserve" y="34.2188" clip-path="url(#clipPath7)" stroke="none"
|
|
>Field ID;</text
|
|
><text x="5" xml:space="preserve" y="50.3281" clip-path="url(#clipPath7)" stroke="none"
|
|
>no contents</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(620,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="48.5" height="28.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
|
|
/></g
|
|
><g transform="translate(620,80)"
|
|
><rect fill="none" x="0.5" width="48.5" height="28.5" y="0.5" clip-path="url(#clipPath5)"
|
|
/><text x="9" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>0xf1</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(140,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="48.5" height="28.5" y="0.5" clip-path="url(#clipPath5)" stroke="none"
|
|
/></g
|
|
><g transform="translate(140,80)"
|
|
><rect fill="none" x="0.5" width="48.5" height="28.5" y="0.5" clip-path="url(#clipPath5)"
|
|
/><text x="7" font-size="14px" y="18.1094" clip-path="url(#clipPath5)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>0xeb</text
|
|
></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(30,160)"
|
|
><text x="5" xml:space="preserve" y="18.1094" clip-path="url(#clipPath6)" stroke="none"
|
|
>SignerEntries</text
|
|
><text x="5" xml:space="preserve" y="34.2188" clip-path="url(#clipPath6)" stroke="none"
|
|
>Field ID</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(90,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="38.5" height="28.5" y="0.5" clip-path="url(#clipPath8)" stroke="none"
|
|
/></g
|
|
><g transform="translate(90,80)"
|
|
><rect fill="none" x="0.5" width="38.5" height="28.5" y="0.5" clip-path="url(#clipPath8)"
|
|
/><text x="4" font-size="14px" y="18.1094" clip-path="url(#clipPath8)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>0xf4</text
|
|
></g
|
|
><g transform="translate(160,100)"
|
|
><path fill="none" d="M10.5 11.5 L10.5 60.5" clip-path="url(#clipPath9)"
|
|
/><path fill="none" d="M10.5 60.5 L80.5 60.5" clip-path="url(#clipPath9)"
|
|
/><path fill="white" d="M4 22.2583 L10.5 11 L17 22.2583 Z" clip-path="url(#clipPath9)" stroke="none"
|
|
/><path fill="none" d="M4 22.2583 L10.5 11 L17 22.2583 Z" clip-path="url(#clipPath9)"
|
|
/></g
|
|
><g transform="translate(630,100)"
|
|
><path fill="none" d="M10.5 11.5 L10.5 60.5" clip-path="url(#clipPath10)"
|
|
/><path fill="white" d="M4 22.2583 L10.5 11 L17 22.2583 Z" clip-path="url(#clipPath10)" stroke="none"
|
|
/><path fill="none" d="M4 22.2583 L10.5 11 L17 22.2583 Z" clip-path="url(#clipPath10)"
|
|
/></g
|
|
><g transform="translate(100,100)"
|
|
><path fill="none" d="M10.5 11.5 L10.5 60.5" clip-path="url(#clipPath10)"
|
|
/><path fill="white" d="M4 22.2583 L10.5 11 L17 22.2583 Z" clip-path="url(#clipPath10)" stroke="none"
|
|
/><path fill="none" d="M4 22.2583 L10.5 11 L17 22.2583 Z" clip-path="url(#clipPath10)"
|
|
/></g
|
|
></g
|
|
></svg
|
|
>
|