mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-19 11:15:49 +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.
111 lines
2.3 KiB
XML
111 lines
2.3 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<diagram program="umlet" version="14.2">
|
|
<zoom_level>10</zoom_level>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>20</x>
|
|
<y>160</y>
|
|
<w>120</w>
|
|
<h>50</h>
|
|
</coordinates>
|
|
<panel_attributes>Alice</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>200</x>
|
|
<y>60</y>
|
|
<w>120</w>
|
|
<h>60</h>
|
|
</coordinates>
|
|
<panel_attributes>ACME
|
|
--
|
|
Transfer
|
|
Fee: 1%</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>UMLUseCase</id>
|
|
<coordinates>
|
|
<x>380</x>
|
|
<y>160</y>
|
|
<w>120</w>
|
|
<h>50</h>
|
|
</coordinates>
|
|
<panel_attributes>Charlie</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>310</x>
|
|
<y>90</y>
|
|
<w>130</w>
|
|
<h>90</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=<<<-</panel_attributes>
|
|
<additional_attributes>10.0;18.0;110.0;70.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>90</x>
|
|
<y>100</y>
|
|
<w>140</w>
|
|
<h>80</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=<<<-</panel_attributes>
|
|
<additional_attributes>120.0;10.0;10.0;60.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Relation</id>
|
|
<coordinates>
|
|
<x>130</x>
|
|
<y>120</y>
|
|
<w>270</w>
|
|
<h>70</h>
|
|
</coordinates>
|
|
<panel_attributes>lt=.>
|
|
fg=blue</panel_attributes>
|
|
<additional_attributes>10.0;50.0;90.0;10.0;180.0;10.0;250.0;50.0</additional_attributes>
|
|
</element>
|
|
<element>
|
|
<id>Text</id>
|
|
<coordinates>
|
|
<x>50</x>
|
|
<y>210</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>fg=blue
|
|
-2,02 €</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Text</id>
|
|
<coordinates>
|
|
<x>410</x>
|
|
<y>210</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>fg=blue
|
|
+2,00 €</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
<element>
|
|
<id>Text</id>
|
|
<coordinates>
|
|
<x>230</x>
|
|
<y>30</y>
|
|
<w>70</w>
|
|
<h>30</h>
|
|
</coordinates>
|
|
<panel_attributes>fg=blue
|
|
+0,02 €</panel_attributes>
|
|
<additional_attributes/>
|
|
</element>
|
|
</diagram>
|