Files
xrpl-dev-portal/img/gateway-to-xrpl.svg
mDuo13 72002fd773 Support theme-aware diagrams:
- 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.
2020-08-17 13:12:01 -07:00

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
>