mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-28 15:45:50 +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.
176 lines
10 KiB
XML
176 lines
10 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="610" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" viewBox="80 60 610 260" height="260" 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 30 L240 30 L240 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath4"
|
|
><path d="M0 0 L0 30 L100 30 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath5"
|
|
><path d="M0 0 L0 70 L100 70 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath6"
|
|
><path d="M0 0 L0 20 L70 20 L70 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath7"
|
|
><path d="M0 0 L0 20 L100 20 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath8"
|
|
><path d="M0 0 L0 40 L100 40 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath9"
|
|
><path d="M0 0 L0 220 L240 220 L240 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath10"
|
|
><path d="M0 0 L0 30 L70 30 L70 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath11"
|
|
><path d="M0 0 L0 60 L100 60 L100 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath12"
|
|
><path d="M0 0 L0 180 L210 180 L210 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath13"
|
|
><path d="M0 0 L0 70 L50 70 L50 0 Z"
|
|
/></clipPath
|
|
><clipPath clipPathUnits="userSpaceOnUse" id="clipPath14"
|
|
><path d="M0 0 L0 50 L50 50 L50 0 Z"
|
|
/></clipPath
|
|
></defs
|
|
><g fill="lime" transform="translate(100,160)" stroke="lime"
|
|
><rect x="0.5" width="208.5" height="28.5" y="0.5" clip-path="url(#clipPath2)" stroke="none"
|
|
/><rect x="0.5" y="0.5" clip-path="url(#clipPath2)" fill="none" width="208.5" height="28.5" stroke="black"
|
|
/></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(100,160)"
|
|
><text x="5" xml:space="preserve" y="20.0547" clip-path="url(#clipPath2)" stroke="none"
|
|
>- ACME (XRPL)</text
|
|
></g
|
|
><g fill="lime" transform="translate(390,230)" stroke="lime"
|
|
><rect x="0.5" width="238.5" height="28.5" y="0.5" clip-path="url(#clipPath3)" stroke="none"
|
|
/><rect x="0.5" y="0.5" clip-path="url(#clipPath3)" fill="none" width="238.5" height="28.5" stroke="black"
|
|
/></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(390,230)"
|
|
><text x="5" xml:space="preserve" y="18.1094" clip-path="url(#clipPath3)" stroke="none"
|
|
> - Alice (XRPL)</text
|
|
></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(210,160)"
|
|
><text x="50" xml:space="preserve" y="18.1094" clip-path="url(#clipPath4)" stroke="none"
|
|
>3,00 €</text
|
|
></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(530,230)"
|
|
><text x="50" xml:space="preserve" y="18.1094" clip-path="url(#clipPath4)" stroke="none"
|
|
>3,00 €</text
|
|
></g
|
|
><g font-family="sans-serif" font-size="14px" transform="translate(530,160)"
|
|
><text x="50" xml:space="preserve" y="18.1094" clip-path="url(#clipPath5)" stroke="none"
|
|
>1,00 €</text
|
|
><text x="50" xml:space="preserve" y="34.2188" clip-path="url(#clipPath5)" stroke="none"
|
|
>2,00 €</text
|
|
><text x="50" xml:space="preserve" y="50.3281" clip-path="url(#clipPath5)" stroke="none"
|
|
>2,00 €</text
|
|
><text x="50" xml:space="preserve" y="66.4375" clip-path="url(#clipPath5)" stroke="none"
|
|
>3,00 €</text
|
|
></g
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(560,260)"
|
|
><text x="15" xml:space="preserve" y="15.0547" clip-path="url(#clipPath6)" stroke="none"
|
|
>2,00 €</text
|
|
></g
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(530,140)"
|
|
><text x="45" xml:space="preserve" y="15.0547" clip-path="url(#clipPath7)" stroke="none"
|
|
>8,00 €</text
|
|
></g
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(530,100)"
|
|
><text x="36" xml:space="preserve" y="18.1094" clip-path="url(#clipPath8)" stroke="none"
|
|
>10,00 €</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(390,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="238.5" height="218.5" y="0.5" clip-path="url(#clipPath9)" stroke="none"
|
|
/></g
|
|
><g transform="translate(390,80)"
|
|
><rect fill="none" x="0.5" width="238.5" height="218.5" y="0.5" clip-path="url(#clipPath9)"
|
|
/><text x="99" font-size="14px" y="18.1094" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>ACME</text
|
|
><path fill="none" d="M1 24.1094 L239 24.1094" clip-path="url(#clipPath9)"
|
|
/><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
|
|
>Assets:</text
|
|
><text x="5" font-size="14px" y="55.3281" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- Cash:</text
|
|
><path fill="none" d="M1 61.3281 L239 61.3281" clip-path="url(#clipPath9)"
|
|
/><text x="5" font-size="14px" y="76.4375" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
|
|
>Liabilities:</text
|
|
><text x="5" font-size="14px" y="92.5469" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- Bob</text
|
|
><text x="5" font-size="14px" y="108.6562" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- Charlie</text
|
|
><text x="5" font-size="14px" y="124.7656" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- Alice</text
|
|
><text x="5" font-size="14px" y="140.875" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- XRP Ledger (Subtotal)</text
|
|
><path fill="none" d="M1 179.0938 L239 179.0938" clip-path="url(#clipPath9)"
|
|
/><text x="5" font-size="14px" y="194.2031" clip-path="url(#clipPath9)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
|
|
>Equity:</text
|
|
></g
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(240,220)"
|
|
><text x="15" xml:space="preserve" y="20.0547" clip-path="url(#clipPath10)" stroke="none"
|
|
>6,00 €</text
|
|
></g
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(210,190)"
|
|
><text x="45" xml:space="preserve" y="15.0547" clip-path="url(#clipPath7)" stroke="none"
|
|
>0,00 €</text
|
|
></g
|
|
><g font-size="14px" font-weight="bold" font-family="sans-serif" transform="translate(210,100)"
|
|
><text x="45" xml:space="preserve" y="18.1094" clip-path="url(#clipPath11)" stroke="none"
|
|
>6,00 €</text
|
|
><text x="50" xml:space="preserve" y="34.2188" clip-path="url(#clipPath11)" font-weight="normal" stroke="none"
|
|
>1,00 €</text
|
|
><text x="50" xml:space="preserve" y="50.3281" clip-path="url(#clipPath11)" font-weight="normal" stroke="none"
|
|
>2,00 €</text
|
|
></g
|
|
><g fill="rgb(255,255,255)" fill-opacity="0" transform="translate(100,80)" stroke-opacity="0" stroke="rgb(255,255,255)"
|
|
><rect x="0.5" width="208.5" height="178.5" y="0.5" clip-path="url(#clipPath12)" stroke="none"
|
|
/></g
|
|
><g transform="translate(100,80)"
|
|
><rect fill="none" x="0.5" width="208.5" height="178.5" y="0.5" clip-path="url(#clipPath12)"
|
|
/><text x="88" font-size="14px" y="18.1094" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>Alice</text
|
|
><path fill="none" d="M1 24.1094 L209 24.1094" clip-path="url(#clipPath12)"
|
|
/><text x="5" font-size="14px" y="39.2188" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
|
|
>Assets:</text
|
|
><text x="5" font-size="14px" y="55.3281" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- Cash:</text
|
|
><text x="5" font-size="14px" y="71.4375" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" xml:space="preserve"
|
|
>- ACME:</text
|
|
><path fill="none" d="M1 109.6562 L209 109.6562" clip-path="url(#clipPath12)"
|
|
/><text x="5" font-size="14px" y="124.7656" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
|
|
>Liabilities:</text
|
|
><path fill="none" d="M1 146.875 L209 146.875" clip-path="url(#clipPath12)"
|
|
/><text x="5" font-size="14px" y="161.9844" clip-path="url(#clipPath12)" font-family="sans-serif" stroke="none" font-weight="bold" xml:space="preserve"
|
|
>Equity:</text
|
|
></g
|
|
><g transform="translate(620,190)"
|
|
><path fill="none" d="M11.5 50.5 L30.5 50.5" clip-path="url(#clipPath13)"
|
|
/><path fill="none" d="M30.5 50.5 L30.5 10.5" clip-path="url(#clipPath13)"
|
|
/><path fill="none" d="M30.5 10.5 L10.5 10.5" clip-path="url(#clipPath13)"
|
|
/><path fill="none" d="M22.2583 57 L11 50.5 L22.2583 44" clip-path="url(#clipPath13)"
|
|
/></g
|
|
><g transform="translate(300,140)"
|
|
><path fill="none" d="M11.5 30.5 L30.5 30.5" clip-path="url(#clipPath14)"
|
|
/><path fill="none" d="M30.5 30.5 L30.5 10.5" clip-path="url(#clipPath14)"
|
|
/><path fill="none" d="M30.5 10.5 L10.5 10.5" clip-path="url(#clipPath14)"
|
|
/><path fill="none" d="M22.2583 37 L11 30.5 L22.2583 24" clip-path="url(#clipPath14)"
|
|
/></g
|
|
></g
|
|
></svg
|
|
>
|